@jis3r/icons 1.1.5 → 1.5.0

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/{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/text-search.svelte

@@ -0,0 +1,124 @@
+<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() {
+		if (!isHovered) {
+			isHovered = true;
+			setTimeout(() => {
+				isHovered = false;
+			}, 1000);
+		}
+	}
+</script>
+
+<div class={className} aria-label="text-search" 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="text-search-icon"
+		class:animate={isHovered}
+	>
+		<path d="M21 5H3" class="line top" />
+		<g class="text-group">
+			<path d="M10 12H3" class="line middle" />
+			<path d="M10 19H3" class="line bottom" />
+		</g>
+
+		<g class="magnifier">
+			<circle cx="17" cy="15" r="3" />
+			<path d="m21 19-1.9-1.9" />
+		</g>
+	</svg>
+</div>
+
+<style>
+	div {
+		display: inline-block;
+	}
+	.text-search-icon {
+		overflow: visible;
+	}
+
+	.line {
+		transition: opacity 0.1s ease-out;
+	}
+	.top,
+	.middle,
+	.bottom {
+		transform-origin: left center;
+	}
+
+	.magnifier {
+		transform-origin: 17px 15px;
+	}
+	.text-search-icon.animate .magnifier {
+		animation: search-bounce 1s ease-in-out;
+	}
+
+	.text-search-icon.animate .top {
+		animation: line-shrink-top 1s ease-in-out;
+	}
+	.text-search-icon.animate .middle {
+		animation: line-shrink-mid 1s ease-in-out;
+	}
+	.text-search-icon.animate .bottom {
+		animation: line-shrink-bot 1s ease-in-out 0.05s;
+	}
+
+	@keyframes search-bounce {
+		0%,
+		100% {
+			transform: translateX(0) translateY(0);
+		}
+		25% {
+			transform: translateX(0) translateY(-4px);
+		}
+		50% {
+			transform: translateX(-3px) translateY(0);
+		}
+	}
+
+	@keyframes line-shrink-mid {
+		0%,
+		25%,
+		100% {
+			transform: scaleX(1);
+		}
+		50% {
+			transform: scaleX(0.7);
+		}
+	}
+	@keyframes line-shrink-bot {
+		0%,
+		30%,
+		100% {
+			transform: scaleX(1);
+		}
+		50% {
+			transform: scaleX(0.8);
+		}
+	}
+</style>

package/dist/icons/text-search.svelte.d.ts

@@ -0,0 +1,19 @@
+export default TextSearch;
+type TextSearch = {
+    $on?(type: string, callback: (e: any) => void): () => void;
+    $set?(props: Partial<Props>): void;
+};
+declare const TextSearch: 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";
@@ -432,8 +437,10 @@ 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";
 export { default as Thermometer } from "./icons/thermometer.svelte";
 export { default as ThumbsDown } from "./icons/thumbs-down.svelte";
 export { default as ThumbsUp } from "./icons/thumbs-up.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';
@@ -432,8 +437,10 @@ 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';
 export { default as Thermometer } from './icons/thermometer.svelte';
 export { default as ThumbsDown } from './icons/thumbs-down.svelte';
 export { default as ThumbsUp } from './icons/thumbs-up.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.1.5",
+	"version": "1.5.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"
 	}
-}
+}