@jis3r/icons 1.2.0 → 1.6.0

package/dist/icons/sliders-vertical.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_y2 = $state(14);
+	let line1b_y1 = $state(10);
+	let line1c_y1 = $state(14);
+	let line1c_y2 = $state(14);
+
+	// Group 2 coordinates
+	let line2a_y2 = $state(12);
+	let line2b_y1 = $state(8);
+	let line2c_y1 = $state(8);
+	let line2c_y2 = $state(8);
+
+	// Group 3 coordinates
+	let line3a_y2 = $state(12);
+	let line3b_y1 = $state(16);
+	let line3c_y1 = $state(16);
+	let line3c_y2 = $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_y2 = val;
+			}),
+			animateValue(10, 5, 400, (val) => {
+				line1b_y1 = val;
+			}),
+			animateValue(14, 9, 400, (val) => {
+				line1c_y1 = val;
+				line1c_y2 = val;
+			}),
+			animateValue(12, 18, 400, (val) => {
+				line2a_y2 = val;
+			}),
+			animateValue(8, 13, 400, (val) => {
+				line2b_y1 = val;
+			}),
+			animateValue(8, 14, 400, (val) => {
+				line2c_y1 = val;
+				line2c_y2 = val;
+			}),
+			animateValue(12, 4, 400, (val) => {
+				line3a_y2 = val;
+			}),
+			animateValue(16, 8, 400, (val) => {
+				line3b_y1 = val;
+			}),
+			animateValue(16, 8, 400, (val) => {
+				line3c_y1 = val;
+				line3c_y2 = val;
+			})
+		]);
+	}
+
+	function handleMouseLeave() {
+		isHovered = false;
+
+		// Reset all values to normal
+		Promise.all([
+			animateValue(line1a_y2, 14, 400, (val) => {
+				line1a_y2 = val;
+			}),
+			animateValue(line1b_y1, 10, 400, (val) => {
+				line1b_y1 = val;
+			}),
+			animateValue(line1c_y1, 14, 400, (val) => {
+				line1c_y1 = val;
+				line1c_y2 = val;
+			}),
+			animateValue(line2a_y2, 12, 400, (val) => {
+				line2a_y2 = val;
+			}),
+			animateValue(line2b_y1, 8, 400, (val) => {
+				line2b_y1 = val;
+			}),
+			animateValue(line2c_y1, 8, 400, (val) => {
+				line2c_y1 = val;
+				line2c_y2 = val;
+			}),
+			animateValue(line3a_y2, 12, 400, (val) => {
+				line3a_y2 = val;
+			}),
+			animateValue(line3b_y1, 16, 400, (val) => {
+				line3b_y1 = val;
+			}),
+			animateValue(line3c_y1, 16, 400, (val) => {
+				line3c_y1 = val;
+				line3c_y2 = val;
+			})
+		]);
+	}
+</script>
+
+<div
+	class={className}
+	aria-label="sliders-vertical"
+	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="4" x2="4" y1="21" y2={line1a_y2} />
+		<line x1="4" x2="4" y1={line1b_y1} y2="3" />
+		<line x1="2" x2="6" y1={line1c_y1} y2={line1c_y2} />
+
+		<!-- Group 2 -->
+		<line x1="12" x2="12" y1="21" y2={line2a_y2} />
+		<line x1="12" x2="12" y1={line2b_y1} y2="3" />
+		<line x1="10" x2="14" y1={line2c_y1} y2={line2c_y2} />
+
+		<!-- Group 3 -->
+		<line x1="20" x2="20" y1="3" y2={line3a_y2} />
+		<line x1="20" x2="20" y1={line3b_y1} y2="21" />
+		<line x1="18" x2="22" y1={line3c_y1} y2={line3c_y2} />
+	</svg>
+</div>
+
+<style>
+	div {
+		display: inline-block;
+	}
+
+	.sliders-icon {
+		overflow: visible;
+	}
+</style>

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

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

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

package/dist/icons/text-align-center.svelte.d.ts

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

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

package/dist/index.d.ts

@@ -2,7 +2,6 @@ export { default as Activity } from "./icons/activity.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";
-export { default as AlignCenter } from "./icons/align-center.svelte";
 export { default as AlignHorizontalSpaceAround } from "./icons/align-horizontal-space-around.svelte";
 export { default as AlignVerticalSpaceAround } from "./icons/align-vertical-space-around.svelte";
 export { default as Anvil } from "./icons/anvil.svelte";
@@ -81,7 +80,12 @@ export { default as BookUser } from "./icons/book-user.svelte";
 export { default as BookX } from "./icons/book-x.svelte";
 export { default as Book } from "./icons/book.svelte";
 export { default as BookmarkCheck } from "./icons/bookmark-check.svelte";
+export { default as BookmarkMinus } from "./icons/bookmark-minus.svelte";
+export { default as BookmarkPlus } from "./icons/bookmark-plus.svelte";
+export { default as BookmarkX } from "./icons/bookmark-x.svelte";
+export { default as Bookmark } from "./icons/bookmark.svelte";
 export { default as BotOff } from "./icons/bot-off.svelte";
+export { default as Bot } from "./icons/bot.svelte";
 export { default as Boxes } from "./icons/boxes.svelte";
 export { default as BrainCog } from "./icons/brain-cog.svelte";
 export { default as BriefcaseBusiness } from "./icons/briefcase-business.svelte";
@@ -202,10 +206,11 @@ export { default as EyeOff } from "./icons/eye-off.svelte";
 export { default as FileChartColumnIncreasing } from "./icons/file-chart-column-increasing.svelte";
 export { default as FileChartColumn } from "./icons/file-chart-column.svelte";
 export { default as FileChartLine } from "./icons/file-chart-line.svelte";
-export { default as FileCheck2 } from "./icons/file-check-2.svelte";
+export { default as FileCheckCorner } from "./icons/file-check-corner.svelte";
 export { default as FileCheck } from "./icons/file-check.svelte";
 export { default as FileCog } from "./icons/file-cog.svelte";
 export { default as FileDown } from "./icons/file-down.svelte";
+export { default as FileExclamationPoint } from "./icons/file-exclamation-point.svelte";
 export { default as FileMinus } from "./icons/file-minus.svelte";
 export { default as FilePenLine } from "./icons/file-pen-line.svelte";
 export { default as FilePen } from "./icons/file-pen.svelte";
@@ -214,7 +219,6 @@ export { default as FileQuestionMark } from "./icons/file-question-mark.svelte";
 export { default as FileStack } from "./icons/file-stack.svelte";
 export { default as FileTerminal } from "./icons/file-terminal.svelte";
 export { default as FileUp } from "./icons/file-up.svelte";
-export { default as FileWarning } from "./icons/file-warning.svelte";
 export { default as FishOff } from "./icons/fish-off.svelte";
 export { default as FlagOff } from "./icons/flag-off.svelte";
 export { default as FlashlightOff } from "./icons/flashlight-off.svelte";
@@ -333,6 +337,7 @@ export { default as PanelRightClose } from "./icons/panel-right-close.svelte";
 export { default as PanelRightOpen } from "./icons/panel-right-open.svelte";
 export { default as PanelTopClose } from "./icons/panel-top-close.svelte";
 export { default as PanelTopOpen } from "./icons/panel-top-open.svelte";
+export { default as Paperclip } from "./icons/paperclip.svelte";
 export { default as PenLine } from "./icons/pen-line.svelte";
 export { default as PenOff } from "./icons/pen-off.svelte";
 export { default as Pen } from "./icons/pen.svelte";
@@ -394,6 +399,8 @@ export { default as SignalMedium } from "./icons/signal-medium.svelte";
 export { default as SignalZero } from "./icons/signal-zero.svelte";
 export { default as Signal } from "./icons/signal.svelte";
 export { default as Signature } from "./icons/signature.svelte";
+export { default as SlidersHorizontal } from "./icons/sliders-horizontal.svelte";
+export { default as SlidersVertical } from "./icons/sliders-vertical.svelte";
 export { default as SmartphoneNfc } from "./icons/smartphone-nfc.svelte";
 export { default as Snowflake } from "./icons/snowflake.svelte";
 export { default as Speech } from "./icons/speech.svelte";
@@ -432,6 +439,7 @@ export { default as Sword } from "./icons/sword.svelte";
 export { default as Tag } from "./icons/tag.svelte";
 export { default as Telescope } from "./icons/telescope.svelte";
 export { default as Terminal } from "./icons/terminal.svelte";
+export { default as TextAlignCenter } from "./icons/text-align-center.svelte";
 export { default as TextCursorInput } from "./icons/text-cursor-input.svelte";
 export { default as TextCursor } from "./icons/text-cursor.svelte";
 export { default as TextSearch } from "./icons/text-search.svelte";

package/dist/index.js

@@ -2,7 +2,6 @@ export { default as Activity } from './icons/activity.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';
-export { default as AlignCenter } from './icons/align-center.svelte';
 export { default as AlignHorizontalSpaceAround } from './icons/align-horizontal-space-around.svelte';
 export { default as AlignVerticalSpaceAround } from './icons/align-vertical-space-around.svelte';
 export { default as Anvil } from './icons/anvil.svelte';
@@ -81,7 +80,12 @@ export { default as BookUser } from './icons/book-user.svelte';
 export { default as BookX } from './icons/book-x.svelte';
 export { default as Book } from './icons/book.svelte';
 export { default as BookmarkCheck } from './icons/bookmark-check.svelte';
+export { default as BookmarkMinus } from './icons/bookmark-minus.svelte';
+export { default as BookmarkPlus } from './icons/bookmark-plus.svelte';
+export { default as BookmarkX } from './icons/bookmark-x.svelte';
+export { default as Bookmark } from './icons/bookmark.svelte';
 export { default as BotOff } from './icons/bot-off.svelte';
+export { default as Bot } from './icons/bot.svelte';
 export { default as Boxes } from './icons/boxes.svelte';
 export { default as BrainCog } from './icons/brain-cog.svelte';
 export { default as BriefcaseBusiness } from './icons/briefcase-business.svelte';
@@ -202,10 +206,11 @@ export { default as EyeOff } from './icons/eye-off.svelte';
 export { default as FileChartColumnIncreasing } from './icons/file-chart-column-increasing.svelte';
 export { default as FileChartColumn } from './icons/file-chart-column.svelte';
 export { default as FileChartLine } from './icons/file-chart-line.svelte';
-export { default as FileCheck2 } from './icons/file-check-2.svelte';
+export { default as FileCheckCorner } from './icons/file-check-corner.svelte';
 export { default as FileCheck } from './icons/file-check.svelte';
 export { default as FileCog } from './icons/file-cog.svelte';
 export { default as FileDown } from './icons/file-down.svelte';
+export { default as FileExclamationPoint } from './icons/file-exclamation-point.svelte';
 export { default as FileMinus } from './icons/file-minus.svelte';
 export { default as FilePenLine } from './icons/file-pen-line.svelte';
 export { default as FilePen } from './icons/file-pen.svelte';
@@ -214,7 +219,6 @@ export { default as FileQuestionMark } from './icons/file-question-mark.svelte';
 export { default as FileStack } from './icons/file-stack.svelte';
 export { default as FileTerminal } from './icons/file-terminal.svelte';
 export { default as FileUp } from './icons/file-up.svelte';
-export { default as FileWarning } from './icons/file-warning.svelte';
 export { default as FishOff } from './icons/fish-off.svelte';
 export { default as FlagOff } from './icons/flag-off.svelte';
 export { default as FlashlightOff } from './icons/flashlight-off.svelte';
@@ -333,6 +337,7 @@ export { default as PanelRightClose } from './icons/panel-right-close.svelte';
 export { default as PanelRightOpen } from './icons/panel-right-open.svelte';
 export { default as PanelTopClose } from './icons/panel-top-close.svelte';
 export { default as PanelTopOpen } from './icons/panel-top-open.svelte';
+export { default as Paperclip } from './icons/paperclip.svelte';
 export { default as PenLine } from './icons/pen-line.svelte';
 export { default as PenOff } from './icons/pen-off.svelte';
 export { default as Pen } from './icons/pen.svelte';
@@ -394,6 +399,8 @@ export { default as SignalMedium } from './icons/signal-medium.svelte';
 export { default as SignalZero } from './icons/signal-zero.svelte';
 export { default as Signal } from './icons/signal.svelte';
 export { default as Signature } from './icons/signature.svelte';
+export { default as SlidersHorizontal } from './icons/sliders-horizontal.svelte';
+export { default as SlidersVertical } from './icons/sliders-vertical.svelte';
 export { default as SmartphoneNfc } from './icons/smartphone-nfc.svelte';
 export { default as Snowflake } from './icons/snowflake.svelte';
 export { default as Speech } from './icons/speech.svelte';
@@ -432,6 +439,7 @@ export { default as Sword } from './icons/sword.svelte';
 export { default as Tag } from './icons/tag.svelte';
 export { default as Telescope } from './icons/telescope.svelte';
 export { default as Terminal } from './icons/terminal.svelte';
+export { default as TextAlignCenter } from './icons/text-align-center.svelte';
 export { default as TextCursorInput } from './icons/text-cursor-input.svelte';
 export { default as TextCursor } from './icons/text-cursor.svelte';
 export { default as TextSearch } from './icons/text-search.svelte';

package/dist/utils/icons.js

@@ -1,3 +1,5 @@
+import iflog from 'iflog';
+
 export let getIconSource = async (iconName) => {
 	try {
 		// Create a map of all icon files at build time
@@ -42,7 +44,7 @@ export let preloadIconSources = async (icons) => {
 		// Wait for all to complete and return the updated icons array
 		return await Promise.all(loadPromises);
 	} catch (error) {
-		console.error('Failed to preload icon sources:', error);
+		iflog.error('Failed to preload icon sources:', error);
 		throw error;
 	}
 };
@@ -62,7 +64,7 @@ export let downloadIcon = async (icon) => {
 		link.click();
 		URL.revokeObjectURL(url);
 	} catch (error) {
-		console.error(`Failed to download icon ${icon.name}:`, error);
+		iflog.error(`Failed to download icon ${icon.name}:`, error);
 		throw error;
 	}
 };

package/package.json

@@ -1,7 +1,15 @@
 {
 	"name": "@jis3r/icons",
-	"version": "1.2.0",
+	"version": "1.6.0",
 	"description": "beautifully crafted, moving icons. for svelte.",
+	"keywords": [
+		"svelte",
+		"icons",
+		"lucide",
+		"animated",
+		"beautiful",
+		"moving"
+	],
 	"author": "jis3r",
 	"license": "MIT",
 	"scripts": {
@@ -37,10 +45,12 @@
 		}
 	},
 	"devDependencies": {
+		"@lucide/svelte": "^0.552.0",
 		"@sveltejs/adapter-auto": "^6.0.1",
 		"@sveltejs/kit": "^2.26.1",
 		"@sveltejs/package": "^2.0.0",
 		"@sveltejs/vite-plugin-svelte": "^5.0.3",
+		"@tailwindcss/vite": "^4.1.16",
 		"@types/eslint": "^9.6.0",
 		"autoprefixer": "^10.4.20",
 		"bits-ui": "^1.8.0",
@@ -51,28 +61,29 @@
 		"globals": "^16.0.0",
 		"prettier": "^3.3.2",
 		"prettier-plugin-svelte": "^3.2.6",
-		"prettier-plugin-tailwindcss": "^0.6.5",
+		"prettier-plugin-tailwindcss": "^0.7.1",
 		"publint": "^0.3.10",
-		"tailwind-merge": "^2.6.0",
-		"tailwind-variants": "^0.2.1",
-		"tailwindcss": "^3.4.9",
+		"tailwind-merge": "^3.3.1",
+		"tailwind-variants": "^3.1.1",
+		"tailwindcss": "^4.1.16",
 		"tailwindcss-animate": "^1.0.7",
+		"tw-animate-css": "^1.4.0",
 		"typescript": "^5.3.2",
 		"vite": "^6.3.5",
 		"vite-plugin-raw": "^1.0.3",
 		"vitest": "^3.1.1"
 	},
 	"dependencies": {
-		"@lucide/svelte": "^0.535.0",
 		"@number-flow/svelte": "^0.3.6",
 		"iflog": "^0.3.0",
 		"mode-watcher": "^0.5.1",
-		"motion": "^12.23.6",
+		"motion": "^12.23.24",
 		"posthog-js": "^1.246.0",
 		"shadcn-svelte": "^1.0.6",
-		"svelte": "^5.0.0"
+		"svelte": "^5.0.0",
+		"svelte-fast-marquee": "^1.0.2"
 	},
 	"overrides": {
 		"cookie": "0.7.0"
 	}
-}
+}