@jis3r/icons 1.2.0 → 1.6.0

package/dist/icons/{file-warning.svelte → file-exclamation-point.svelte}

@@ -26,7 +26,12 @@
 	}
 </script>
 
-<div class={className} aria-label="file-warning" role="img" onmouseenter={handleMouseEnter}>
+<div
+	class={className}
+	aria-label="file-exclamation-point"
+	role="img"
+	onmouseenter={handleMouseEnter}
+>
 	<svg
 		xmlns="http://www.w3.org/2000/svg"
 		width={size}

package/dist/icons/file-exclamation-point.svelte.d.ts

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

@@ -1,9 +1,9 @@
-export default Grid_2x2Check;
-type Grid_2x2Check = {
+export default Grid2x2Check;
+type Grid2x2Check = {
     $on?(type: string, callback: (e: any) => void): () => void;
     $set?(props: Partial<Props>): void;
 };
-declare const Grid_2x2Check: import("svelte").Component<{
+declare const Grid2x2Check: import("svelte").Component<{
     color?: string;
     size?: number;
     strokeWidth?: number;

package/dist/icons/index.js

@@ -2,7 +2,6 @@ import activity from './activity.svelte';
 import alarmClock from './alarm-clock.svelte';
 import alarmClockCheck from './alarm-clock-check.svelte';
 import alarmClockOff from './alarm-clock-off.svelte';
-import alignCenter from './align-center.svelte';
 import alignHorizontalSpaceAround from './align-horizontal-space-around.svelte';
 import alignVerticalSpaceAround from './align-vertical-space-around.svelte';
 import anvil from './anvil.svelte';
@@ -70,8 +69,12 @@ import bookHeart from './book-heart.svelte';
 import bookImage from './book-image.svelte';
 import bookKey from './book-key.svelte';
 import bookLock from './book-lock.svelte';
+import bookmark from './bookmark.svelte';
 import bookmarkCheck from './bookmark-check.svelte';
 import bookMarked from './book-marked.svelte';
+import bookmarkMinus from './bookmark-minus.svelte';
+import bookmarkPlus from './bookmark-plus.svelte';
+import bookmarkX from './bookmark-x.svelte';
 import bookMinus from './book-minus.svelte';
 import bookOpenCheck from './book-open-check.svelte';
 import bookPlus from './book-plus.svelte';
@@ -81,6 +84,7 @@ import bookUp from './book-up.svelte';
 import bookUp2 from './book-up-2.svelte';
 import bookUser from './book-user.svelte';
 import bookX from './book-x.svelte';
+import bot from './bot.svelte';
 import botOff from './bot-off.svelte';
 import boxes from './boxes.svelte';
 import brainCog from './brain-cog.svelte';
@@ -203,9 +207,10 @@ import fileChartColumn from './file-chart-column.svelte';
 import fileChartColumnIncreasing from './file-chart-column-increasing.svelte';
 import fileChartLine from './file-chart-line.svelte';
 import fileCheck from './file-check.svelte';
-import fileCheck2 from './file-check-2.svelte';
+import fileCheckCorner from './file-check-corner.svelte';
 import fileCog from './file-cog.svelte';
 import fileDown from './file-down.svelte';
+import fileExclamationPoint from './file-exclamation-point.svelte';
 import fileMinus from './file-minus.svelte';
 import filePen from './file-pen.svelte';
 import filePenLine from './file-pen-line.svelte';
@@ -214,7 +219,6 @@ import fileQuestionMark from './file-question-mark.svelte';
 import fileStack from './file-stack.svelte';
 import fileTerminal from './file-terminal.svelte';
 import fileUp from './file-up.svelte';
-import fileWarning from './file-warning.svelte';
 import fishOff from './fish-off.svelte';
 import flagOff from './flag-off.svelte';
 import flashlightOff from './flashlight-off.svelte';
@@ -333,6 +337,7 @@ import panelRightClose from './panel-right-close.svelte';
 import panelRightOpen from './panel-right-open.svelte';
 import panelTopClose from './panel-top-close.svelte';
 import panelTopOpen from './panel-top-open.svelte';
+import paperclip from './paperclip.svelte';
 import pen from './pen.svelte';
 import pencil from './pencil.svelte';
 import pencilLine from './pencil-line.svelte';
@@ -394,6 +399,8 @@ import signalLow from './signal-low.svelte';
 import signalMedium from './signal-medium.svelte';
 import signalZero from './signal-zero.svelte';
 import signature from './signature.svelte';
+import slidersHorizontal from './sliders-horizontal.svelte';
+import slidersVertical from './sliders-vertical.svelte';
 import smartphoneNfc from './smartphone-nfc.svelte';
 import snowflake from './snowflake.svelte';
 import speech from './speech.svelte';
@@ -432,6 +439,7 @@ import sword from './sword.svelte';
 import tag from './tag.svelte';
 import telescope from './telescope.svelte';
 import terminal from './terminal.svelte';
+import textAlignCenter from './text-align-center.svelte';
 import textCursor from './text-cursor.svelte';
 import textCursorInput from './text-cursor-input.svelte';
 import textSearch from './text-search.svelte';
@@ -536,12 +544,6 @@ let ICONS_LIST = [
 		tags: ['morning', 'turn-off'],
 		categories: ['devices', 'notifications', 'time']
 	},
-	{
-		name: 'align-center',
-		icon: alignCenter,
-		tags: ['text', 'alignment', 'center'],
-		categories: ['text']
-	},
 	{
 		name: 'align-horizontal-space-around',
 		icon: alignHorizontalSpaceAround,
@@ -1740,12 +1742,42 @@ let ICONS_LIST = [
 		],
 		categories: ['text', 'gaming']
 	},
+	{
+		name: 'bookmark',
+		icon: bookmark,
+		tags: ['read', 'clip', 'marker', 'tag'],
+		categories: ['account']
+	},
 	{
 		name: 'bookmark-check',
 		icon: bookmarkCheck,
 		tags: ['read', 'finished', 'complete', 'clip', 'marker', 'tag', 'task', 'todo'],
 		categories: ['account']
 	},
+	{
+		name: 'bookmark-minus',
+		icon: bookmarkMinus,
+		tags: ['delete', 'remove'],
+		categories: ['account']
+	},
+	{
+		name: 'bookmark-plus',
+		icon: bookmarkPlus,
+		tags: ['add'],
+		categories: ['account']
+	},
+	{
+		name: 'bookmark-x',
+		icon: bookmarkX,
+		tags: ['read', 'clip', 'marker', 'tag', 'cancel', 'close', 'delete', 'remove', 'clear'],
+		categories: ['account']
+	},
+	{
+		name: 'bot',
+		icon: bot,
+		tags: ['robot', 'ai', 'chat', 'assistant'],
+		categories: ['development', 'social']
+	},
 	{
 		name: 'bot-off',
 		icon: botOff,
@@ -2787,8 +2819,8 @@ let ICONS_LIST = [
 		categories: ['files']
 	},
 	{
-		name: 'file-check-2',
-		icon: fileCheck2,
+		name: 'file-check-corner',
+		icon: fileCheckCorner,
 		tags: ['done', 'document', 'todo', 'tick', 'complete', 'task'],
 		categories: ['files']
 	},
@@ -2804,6 +2836,12 @@ let ICONS_LIST = [
 		tags: ['download', 'import', 'export'],
 		categories: ['files', 'arrows']
 	},
+	{
+		name: 'file-exclamation-point',
+		icon: fileExclamationPoint,
+		tags: ['hidden', 'warning', 'alert', 'danger', 'protected', 'exclamation mark'],
+		categories: ['files', 'notifications']
+	},
 	{
 		name: 'file-minus',
 		icon: fileMinus,
@@ -2852,12 +2890,6 @@ let ICONS_LIST = [
 		tags: ['upload', 'import', 'export'],
 		categories: ['files', 'arrows']
 	},
-	{
-		name: 'file-warning',
-		icon: fileWarning,
-		tags: ['hidden', 'warning', 'alert', 'danger', 'protected', 'exclamation mark'],
-		categories: ['files', 'notifications']
-	},
 	{
 		name: 'fish-off',
 		icon: fishOff,
@@ -3919,6 +3951,12 @@ let ICONS_LIST = [
 		tags: ['menu bar', 'drawer', 'show', 'reveal', 'chevron', 'down'],
 		categories: ['layout', 'arrows']
 	},
+	{
+		name: 'paperclip',
+		icon: paperclip,
+		tags: ['attachment', 'file'],
+		categories: ['text', 'design', 'files', 'mail']
+	},
 	{
 		name: 'pen',
 		icon: pen,
@@ -4822,6 +4860,18 @@ let ICONS_LIST = [
 		],
 		categories: ['text']
 	},
+	{
+		name: 'sliders-horizontal',
+		icon: slidersHorizontal,
+		tags: ['settings', 'filters', 'controls'],
+		categories: ['account']
+	},
+	{
+		name: 'sliders-vertical',
+		icon: slidersVertical,
+		tags: ['settings', 'controls'],
+		categories: ['account']
+	},
 	{
 		name: 'smartphone-nfc',
 		icon: smartphoneNfc,
@@ -5202,6 +5252,12 @@ let ICONS_LIST = [
 		tags: ['code', 'command line', 'prompt', 'shell'],
 		categories: ['development']
 	},
+	{
+		name: 'text-align-center',
+		icon: textAlignCenter,
+		tags: ['text', 'alignment', 'center'],
+		categories: ['text']
+	},
 	{
 		name: 'text-cursor',
 		icon: textCursor,

package/dist/icons/link-2-off.svelte.d.ts

@@ -1,9 +1,9 @@
-export default Link_2Off;
-type Link_2Off = {
+export default Link2Off;
+type Link2Off = {
     $on?(type: string, callback: (e: any) => void): () => void;
     $set?(props: Partial<Props>): void;
 };
-declare const Link_2Off: import("svelte").Component<{
+declare const Link2Off: import("svelte").Component<{
     color?: string;
     size?: number;
     strokeWidth?: number;

package/dist/icons/maximize-2.svelte.d.ts

@@ -1,9 +1,9 @@
-export default Maximize_2;
-type Maximize_2 = {
+export default Maximize2;
+type Maximize2 = {
     $on?(type: string, callback: (e: any) => void): () => void;
     $set?(props: Partial<Props>): void;
 };
-declare const Maximize_2: import("svelte").Component<{
+declare const Maximize2: import("svelte").Component<{
     color?: string;
     size?: number;
     strokeWidth?: number;

package/dist/icons/minimize-2.svelte.d.ts

@@ -1,9 +1,9 @@
-export default Minimize_2;
-type Minimize_2 = {
+export default Minimize2;
+type Minimize2 = {
     $on?(type: string, callback: (e: any) => void): () => void;
     $set?(props: Partial<Props>): void;
 };
-declare const Minimize_2: import("svelte").Component<{
+declare const Minimize2: import("svelte").Component<{
     color?: string;
     size?: number;
     strokeWidth?: number;

package/dist/icons/mouse-pointer-2.svelte.d.ts

@@ -1,9 +1,9 @@
-export default MousePointer_2;
-type MousePointer_2 = {
+export default MousePointer2;
+type MousePointer2 = {
     $on?(type: string, callback: (e: any) => void): () => void;
     $set?(props: Partial<Props>): void;
 };
-declare const MousePointer_2: import("svelte").Component<{
+declare const MousePointer2: import("svelte").Component<{
     color?: string;
     size?: number;
     strokeWidth?: number;

package/dist/icons/move-diagonal-2.svelte.d.ts

@@ -1,9 +1,9 @@
-export default MoveDiagonal_2;
-type MoveDiagonal_2 = {
+export default MoveDiagonal2;
+type MoveDiagonal2 = {
     $on?(type: string, callback: (e: any) => void): () => void;
     $set?(props: Partial<Props>): void;
 };
-declare const MoveDiagonal_2: import("svelte").Component<{
+declare const MoveDiagonal2: import("svelte").Component<{
     color?: string;
     size?: number;
     strokeWidth?: number;

package/dist/icons/navigation-2-off.svelte.d.ts

@@ -1,9 +1,9 @@
-export default Navigation_2Off;
-type Navigation_2Off = {
+export default Navigation2Off;
+type Navigation2Off = {
     $on?(type: string, callback: (e: any) => void): () => void;
     $set?(props: Partial<Props>): void;
 };
-declare const Navigation_2Off: import("svelte").Component<{
+declare const Navigation2Off: import("svelte").Component<{
     color?: string;
     size?: number;
     strokeWidth?: number;

package/dist/icons/paperclip.svelte

@@ -0,0 +1,81 @@
+<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="paperclip" 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="paperclip-icon"
+		class:animate={isHovered}
+	>
+		<path
+			d="m16 6-8.414 8.586a2 2 0 0 0 2.829 2.829l8.414-8.586a4 4 0 1 0-5.657-5.657l-8.379 8.551a6 6 0 1 0 8.485 8.485l8.379-8.551"
+			class="paperclip-path"
+		/>
+	</svg>
+</div>
+
+<style>
+	div {
+		display: inline-block;
+	}
+	.paperclip-icon {
+		overflow: visible;
+	}
+
+	.paperclip-path {
+		stroke-dasharray: 87;
+		stroke-dashoffset: 0;
+		transition:
+			stroke-dashoffset 0.6s ease-in,
+			opacity 0.1s ease-in;
+	}
+
+	.paperclip-icon.animate .paperclip-path {
+		animation: drawPath 0.6s ease-in forwards;
+	}
+
+	@keyframes drawPath {
+		0% {
+			stroke-dashoffset: 87;
+		}
+		15% {
+			stroke-dashoffset: 87;
+		}
+		100% {
+			stroke-dashoffset: 174;
+		}
+	}
+</style>

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

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

@@ -0,0 +1,185 @@
+<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 = 28,
+		strokeWidth = 2,
+		isHovered = false,
+		class: className = ''
+	} = $props();
+
+	// Group 1 coordinates
+	let line1a_x2 = $state(14);
+	let line1b_x1 = $state(10);
+	let line1c_x1 = $state(14);
+	let line1c_x2 = $state(14);
+
+	// Group 2 coordinates
+	let line2a_x2 = $state(12);
+	let line2b_x1 = $state(8);
+	let line2c_x1 = $state(8);
+	let line2c_x2 = $state(8);
+
+	// Group 3 coordinates
+	let line3a_x2 = $state(12);
+	let line3b_x1 = $state(16);
+	let line3c_x1 = $state(16);
+	let line3c_x2 = $state(16);
+
+	function animateValue(start, end, duration, callback) {
+		return new Promise((resolve) => {
+			const startTime = performance.now();
+			const animate = (currentTime) => {
+				const elapsed = currentTime - startTime;
+				const progress = Math.min(elapsed / duration, 1);
+
+				// Spring-like easing: cubic-bezier(0.34, 1.56, 0.64, 1)
+				const eased =
+					progress < 0.5
+						? 4 * progress * progress * progress
+						: 1 - Math.pow(-2 * progress + 2, 3) / 2;
+
+				const current = start + (end - start) * eased;
+				callback(current);
+
+				if (progress < 1) {
+					requestAnimationFrame(animate);
+				} else {
+					resolve();
+				}
+			};
+			requestAnimationFrame(animate);
+		});
+	}
+
+	function handleMouseEnter() {
+		isHovered = true;
+
+		// Animate all values simultaneously
+		Promise.all([
+			animateValue(14, 10, 400, (val) => {
+				line1a_x2 = val;
+			}),
+			animateValue(10, 5, 400, (val) => {
+				line1b_x1 = val;
+			}),
+			animateValue(14, 9, 400, (val) => {
+				line1c_x1 = val;
+				line1c_x2 = val;
+			}),
+			animateValue(12, 18, 400, (val) => {
+				line2a_x2 = val;
+			}),
+			animateValue(8, 13, 400, (val) => {
+				line2b_x1 = val;
+			}),
+			animateValue(8, 14, 400, (val) => {
+				line2c_x1 = val;
+				line2c_x2 = val;
+			}),
+			animateValue(12, 4, 400, (val) => {
+				line3a_x2 = val;
+			}),
+			animateValue(16, 8, 400, (val) => {
+				line3b_x1 = val;
+			}),
+			animateValue(16, 8, 400, (val) => {
+				line3c_x1 = val;
+				line3c_x2 = val;
+			})
+		]);
+	}
+
+	function handleMouseLeave() {
+		isHovered = false;
+
+		// Reset all values to normal
+		Promise.all([
+			animateValue(line1a_x2, 14, 400, (val) => {
+				line1a_x2 = val;
+			}),
+			animateValue(line1b_x1, 10, 400, (val) => {
+				line1b_x1 = val;
+			}),
+			animateValue(line1c_x1, 14, 400, (val) => {
+				line1c_x1 = val;
+				line1c_x2 = val;
+			}),
+			animateValue(line2a_x2, 12, 400, (val) => {
+				line2a_x2 = val;
+			}),
+			animateValue(line2b_x1, 8, 400, (val) => {
+				line2b_x1 = val;
+			}),
+			animateValue(line2c_x1, 8, 400, (val) => {
+				line2c_x1 = val;
+				line2c_x2 = val;
+			}),
+			animateValue(line3a_x2, 12, 400, (val) => {
+				line3a_x2 = val;
+			}),
+			animateValue(line3b_x1, 16, 400, (val) => {
+				line3b_x1 = val;
+			}),
+			animateValue(line3c_x1, 16, 400, (val) => {
+				line3c_x1 = val;
+				line3c_x2 = val;
+			})
+		]);
+	}
+</script>
+
+<div
+	class={className}
+	aria-label="sliders-horizontal"
+	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="sliders-icon"
+	>
+		<!-- Group 1 -->
+		<line x1="21" x2={line1a_x2} y1="4" y2="4" />
+		<line x1={line1b_x1} x2="3" y1="4" y2="4" />
+		<line x1={line1c_x1} x2={line1c_x2} y1="2" y2="6" />
+
+		<!-- Group 2 -->
+		<line x1="21" x2={line2a_x2} y1="12" y2="12" />
+		<line x1={line2b_x1} x2="3" y1="12" y2="12" />
+		<line x1={line2c_x1} x2={line2c_x2} y1="10" y2="14" />
+
+		<!-- Group 3 -->
+		<line x1="3" x2={line3a_x2} y1="20" y2="20" />
+		<line x1={line3b_x1} x2="21" y1="20" y2="20" />
+		<line x1={line3c_x1} x2={line3c_x2} y1="18" y2="22" />
+	</svg>
+</div>
+
+<style>
+	div {
+		display: inline-block;
+	}
+
+	.sliders-icon {
+		overflow: visible;
+	}
+</style>

package/dist/icons/sliders-horizontal.svelte.d.ts

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