@jis3r/icons 1.25.0 → 1.25.1

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@jis3r/icons",
-	"version": "1.25.0",
+	"version": "1.25.1",
 	"description": "beautifully crafted, moving icons. for svelte.",
 	"keywords": [
 		"svelte",
@@ -12,9 +12,13 @@
 	],
 	"author": "jis3r",
 	"license": "MIT",
+	"repository": {
+		"type": "git",
+		"url": "git+https://github.com/jis3r/icons.git"
+	},
 	"scripts": {
 		"dev": "vite dev",
-		"build": "vite build && npm run package",
+		"build": "vite build",
 		"preview": "vite preview",
 		"package": "svelte-kit sync && svelte-package && publint",
 		"prepublishOnly": "npm run package",
@@ -44,8 +48,12 @@
 			"svelte": "./dist/index.js"
 		}
 	},
+	"peerDependencies": {
+		"svelte": "^5.0.0"
+	},
 	"devDependencies": {
 		"@lucide/svelte": "^0.552.0",
+		"@number-flow/svelte": "^0.3.6",
 		"@sveltejs/adapter-auto": "^6.0.1",
 		"@sveltejs/kit": "^2.26.1",
 		"@sveltejs/package": "^2.0.0",
@@ -59,10 +67,17 @@
 		"eslint-config-prettier": "^10.1.1",
 		"eslint-plugin-svelte": "^3.5.1",
 		"globals": "^16.0.0",
+		"iflog": "^0.3.0",
+		"mode-watcher": "^0.5.1",
+		"motion": "^12.23.24",
+		"posthog-js": "^1.246.0",
 		"prettier": "^3.3.2",
 		"prettier-plugin-svelte": "^3.2.6",
 		"prettier-plugin-tailwindcss": "^0.7.1",
 		"publint": "^0.3.10",
+		"shadcn-svelte": "^1.0.6",
+		"svelte": "^5.0.0",
+		"svelte-fast-marquee": "^1.0.2",
 		"tailwind-merge": "^3.3.1",
 		"tailwind-variants": "^3.1.1",
 		"tailwindcss": "^4.1.16",
@@ -73,16 +88,6 @@
 		"vite-plugin-raw": "^1.0.3",
 		"vitest": "^3.1.1"
 	},
-	"dependencies": {
-		"@number-flow/svelte": "^0.3.6",
-		"iflog": "^0.3.0",
-		"mode-watcher": "^0.5.1",
-		"motion": "^12.23.24",
-		"posthog-js": "^1.246.0",
-		"shadcn-svelte": "^1.0.6",
-		"svelte": "^5.0.0",
-		"svelte-fast-marquee": "^1.0.2"
-	},
 	"overrides": {
 		"cookie": "0.7.0"
 	}

package/dist/components/github.svelte

@@ -1,13 +0,0 @@
-<svg
-	fill="currentColor"
-	role="img"
-	height="19.2"
-	width="19.2"
-	viewBox="0 0 24 24"
-	xmlns="http://www.w3.org/2000/svg"
->
-	<title>GitHub</title>
-	<path
-		d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"
-	/>
-</svg>

package/dist/components/github.svelte.d.ts

@@ -1,26 +0,0 @@
-export default Github;
-type Github = SvelteComponent<{
-    [x: string]: never;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}> & {
-    $$bindings?: string;
-};
-declare const Github: $$__sveltets_2_IsomorphicComponent<{
-    [x: string]: never;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
-interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
-    new (options: import("svelte").ComponentConstructorOptions<Props>): import("svelte").SvelteComponent<Props, Events, Slots> & {
-        $$bindings?: Bindings;
-    } & Exports;
-    (internal: unknown, props: {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
-    };
-    z_$$bindings?: Bindings;
-}

package/dist/components/navbar.svelte

@@ -1,78 +0,0 @@
-<script>
-	import { Button } from './ui/button';
-	import { Sun, Moon } from '@lucide/svelte';
-	import { toggleMode } from 'mode-watcher';
-	import { onMount, onDestroy } from 'svelte';
-	import Github from './github.svelte';
-	import NumberFlow from '@number-flow/svelte';
-	import iflog from 'iflog';
-
-	let stars = $state(0);
-	let interval;
-
-	onMount(async () => {
-		try {
-			const res = await fetch('https://api.github.com/repos/jis3r/icons');
-			if (!res.ok) {
-				throw new Error(`GitHub API error: ${res.status}`);
-			}
-			const data = await res.json();
-
-			const targetStars = data.stargazers_count || 0;
-			if (targetStars === 0) return;
-
-			const maxIncrement = Math.max(5, Math.ceil(targetStars / 30));
-			const delay = 10;
-
-			interval = setInterval(() => {
-				if (stars < targetStars) {
-					const remaining = targetStars - stars;
-					const progress = remaining / targetStars;
-					const easeOutFactor = progress * progress;
-					const currentIncrement = Math.max(1, Math.ceil(maxIncrement * easeOutFactor));
-
-					stars = Math.min(stars + currentIncrement, targetStars);
-				} else {
-					clearInterval(interval);
-				}
-			}, delay);
-		} catch (err) {
-			iflog.error('Failed to fetch GitHub stars:', err);
-			stars = 312;
-		}
-	});
-
-	onDestroy(() => {
-		if (interval) {
-			clearInterval(interval);
-		}
-	});
-</script>
-
-<header
-	class="bg-background bg-opacity-40 fixed top-0 z-50 h-[72px] w-full border-b backdrop-blur-xl"
->
-	<nav class="container mx-auto flex max-w-7xl items-center justify-between py-4">
-		<a href="/" class="cursor-pointer text-base"> moving icons </a>
-		<div class="flex gap-1">
-			<Button
-				variant="outline"
-				class="flex w-[85px] justify-between gap-2"
-				href="https://github.com/jis3r/icons"
-			>
-				<Github size="20" />
-				<NumberFlow value={stars} />
-			</Button>
-
-			<Button onclick={toggleMode} variant="outline" size="icon">
-				<Sun
-					class="h-[1.2rem] w-[1.2rem] scale-0 rotate-90 transition-all dark:scale-100 dark:rotate-0"
-				/>
-				<Moon
-					class="absolute h-[1.2rem] w-[1.2rem] scale-100 rotate-0 transition-all dark:scale-0 dark:-rotate-90"
-				/>
-				<span class="sr-only">Toggle theme</span>
-			</Button>
-		</div>
-	</nav>
-</header>

package/dist/components/navbar.svelte.d.ts

@@ -1,6 +0,0 @@
-export default Navbar;
-type Navbar = {
-    $on?(type: string, callback: (e: any) => void): () => void;
-    $set?(props: Partial<Record<string, never>>): void;
-};
-declare const Navbar: import("svelte").Component<Record<string, never>, {}, "">;

package/dist/components/ui/badge/badge.svelte

@@ -1,43 +0,0 @@
-<script module>
-	import { tv } from 'tailwind-variants';
-
-	export const badgeVariants = tv({
-		base: 'focus:ring-ring inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2',
-		variants: {
-			variant: {
-				default: 'bg-primary text-primary-foreground hover:bg-primary/80 border-transparent',
-				secondary:
-					'bg-secondary text-secondary-foreground hover:bg-secondary/80 border-transparent',
-				destructive:
-					'bg-destructive text-destructive-foreground hover:bg-destructive/80 border-transparent',
-				outline: 'text-foreground'
-			}
-		},
-		defaultVariants: {
-			variant: 'default'
-		}
-	});
-</script>
-
-<script>
-	import { cn } from '../../../utils.js';
-
-	let {
-		ref = $bindable(null),
-		href,
-		class: className,
-		variant = 'default',
-		children,
-		...restProps
-	} = $props();
-</script>
-
-<svelte:element
-	this={href ? 'a' : 'span'}
-	bind:this={ref}
-	{href}
-	class={cn(badgeVariants({ variant }), className)}
-	{...restProps}
->
-	{@render children?.()}
-</svelte:element>

package/dist/components/ui/badge/badge.svelte.d.ts

@@ -1,41 +0,0 @@
-export const badgeVariants: import("tailwind-variants").TVReturnType<{
-    variant: {
-        default: string;
-        secondary: string;
-        destructive: string;
-        outline: string;
-    };
-}, undefined, "focus:ring-ring inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2", {
-    variant: {
-        default: string;
-        secondary: string;
-        destructive: string;
-        outline: string;
-    };
-}, undefined, import("tailwind-variants").TVReturnType<{
-    variant: {
-        default: string;
-        secondary: string;
-        destructive: string;
-        outline: string;
-    };
-}, undefined, "focus:ring-ring inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2", unknown, unknown, undefined>>;
-export default Badge;
-type Badge = {
-    $on?(type: string, callback: (e: any) => void): () => void;
-    $set?(props: Partial<$$ComponentProps>): void;
-};
-declare const Badge: import("svelte").Component<{
-    ref?: any;
-    href: any;
-    class: any;
-    variant?: string;
-    children: any;
-} & Record<string, any>, {}, "ref">;
-type $$ComponentProps = {
-    ref?: any;
-    href: any;
-    class: any;
-    variant?: string;
-    children: any;
-} & Record<string, any>;

package/dist/components/ui/badge/index.d.ts

@@ -1 +0,0 @@
-export { default as Badge, badgeVariants } from "./badge.svelte";

package/dist/components/ui/badge/index.js

@@ -1,2 +0,0 @@
-export { default as Badge } from './badge.svelte';
-export { badgeVariants } from './badge.svelte';

package/dist/components/ui/button/button.svelte

@@ -1,57 +0,0 @@
-<script module>
-	import { tv } from 'tailwind-variants';
-
-	export const buttonVariants = tv({
-		base: 'ring-offset-background focus-visible:ring-ring inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0',
-		variants: {
-			variant: {
-				default: 'bg-primary text-primary-foreground hover:bg-primary/90',
-				destructive: 'bg-destructive text-destructive-foreground hover:bg-destructive/90',
-				outline: 'border-input bg-background hover:bg-accent hover:text-accent-foreground border',
-				secondary: 'bg-secondary text-secondary-foreground hover:bg-secondary/80',
-				ghost: 'hover:bg-accent hover:text-accent-foreground',
-				link: 'text-primary underline-offset-4 hover:underline'
-			},
-			size: {
-				default: 'h-10 px-4 py-2',
-				sm: 'h-9 rounded-md px-3',
-				lg: 'h-11 rounded-md px-8',
-				icon: 'h-10 w-10'
-			}
-		},
-		defaultVariants: {
-			variant: 'default',
-			size: 'default'
-		}
-	});
-</script>
-
-<script>
-	import { cn } from '../../../utils.js';
-
-	let {
-		class: className,
-		variant = 'default',
-		size = 'default',
-		ref = $bindable(null),
-		href = undefined,
-		type = 'button',
-		children,
-		...restProps
-	} = $props();
-</script>
-
-{#if href}
-	<a bind:this={ref} class={cn(buttonVariants({ variant, size }), className)} {href} {...restProps}>
-		{@render children?.()}
-	</a>
-{:else}
-	<button
-		bind:this={ref}
-		class={cn(buttonVariants({ variant, size }), className)}
-		{type}
-		{...restProps}
-	>
-		{@render children?.()}
-	</button>
-{/if}

package/dist/components/ui/button/button.svelte.d.ts

@@ -1,69 +0,0 @@
-export const buttonVariants: import("tailwind-variants").TVReturnType<{
-    variant: {
-        default: string;
-        destructive: string;
-        outline: string;
-        secondary: string;
-        ghost: string;
-        link: string;
-    };
-    size: {
-        default: string;
-        sm: string;
-        lg: string;
-        icon: string;
-    };
-}, undefined, "ring-offset-background focus-visible:ring-ring inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0", {
-    variant: {
-        default: string;
-        destructive: string;
-        outline: string;
-        secondary: string;
-        ghost: string;
-        link: string;
-    };
-    size: {
-        default: string;
-        sm: string;
-        lg: string;
-        icon: string;
-    };
-}, undefined, import("tailwind-variants").TVReturnType<{
-    variant: {
-        default: string;
-        destructive: string;
-        outline: string;
-        secondary: string;
-        ghost: string;
-        link: string;
-    };
-    size: {
-        default: string;
-        sm: string;
-        lg: string;
-        icon: string;
-    };
-}, undefined, "ring-offset-background focus-visible:ring-ring inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0", unknown, unknown, undefined>>;
-export default Button;
-type Button = {
-    $on?(type: string, callback: (e: any) => void): () => void;
-    $set?(props: Partial<$$ComponentProps>): void;
-};
-declare const Button: import("svelte").Component<{
-    class: any;
-    variant?: string;
-    size?: string;
-    ref?: any;
-    href?: any;
-    type?: string;
-    children: any;
-} & Record<string, any>, {}, "ref">;
-type $$ComponentProps = {
-    class: any;
-    variant?: string;
-    size?: string;
-    ref?: any;
-    href?: any;
-    type?: string;
-    children: any;
-} & Record<string, any>;

package/dist/components/ui/button/index.d.ts

@@ -1,3 +0,0 @@
-import Root from './button.svelte';
-import { buttonVariants } from './button.svelte';
-export { Root, Root as Button, buttonVariants };

package/dist/components/ui/button/index.js

@@ -1,9 +0,0 @@
-import Root, { buttonVariants } from './button.svelte';
-
-export {
-	Root,
-
-	//
-	Root as Button,
-	buttonVariants
-};

package/dist/components/ui/card/card-content.svelte

@@ -1,9 +0,0 @@
-<script>
-	import { cn } from '../../../utils.js';
-
-	let { ref = $bindable(null), class: className, children, ...restProps } = $props();
-</script>
-
-<div bind:this={ref} class={cn('p-6', className)} {...restProps}>
-	{@render children?.()}
-</div>

package/dist/components/ui/card/card-content.svelte.d.ts

@@ -1,15 +0,0 @@
-export default CardContent;
-type CardContent = {
-    $on?(type: string, callback: (e: any) => void): () => void;
-    $set?(props: Partial<$$ComponentProps>): void;
-};
-declare const CardContent: import("svelte").Component<{
-    ref?: any;
-    class: any;
-    children: any;
-} & Record<string, any>, {}, "ref">;
-type $$ComponentProps = {
-    ref?: any;
-    class: any;
-    children: any;
-} & Record<string, any>;

package/dist/components/ui/card/card-description.svelte

@@ -1,9 +0,0 @@
-<script>
-	import { cn } from '../../../utils.js';
-
-	let { ref = $bindable(null), class: className, children, ...restProps } = $props();
-</script>
-
-<p bind:this={ref} class={cn('text-muted-foreground text-sm', className)} {...restProps}>
-	{@render children?.()}
-</p>

package/dist/components/ui/card/card-description.svelte.d.ts

@@ -1,15 +0,0 @@
-export default CardDescription;
-type CardDescription = {
-    $on?(type: string, callback: (e: any) => void): () => void;
-    $set?(props: Partial<$$ComponentProps>): void;
-};
-declare const CardDescription: import("svelte").Component<{
-    ref?: any;
-    class: any;
-    children: any;
-} & Record<string, any>, {}, "ref">;
-type $$ComponentProps = {
-    ref?: any;
-    class: any;
-    children: any;
-} & Record<string, any>;

package/dist/components/ui/card/card-footer.svelte

@@ -1,9 +0,0 @@
-<script>
-	import { cn } from '../../../utils.js';
-
-	let { ref = $bindable(null), class: className, children, ...restProps } = $props();
-</script>
-
-<div bind:this={ref} class={cn('flex items-center p-6 pt-0', className)} {...restProps}>
-	{@render children?.()}
-</div>

package/dist/components/ui/card/card-footer.svelte.d.ts

@@ -1,15 +0,0 @@
-export default CardFooter;
-type CardFooter = {
-    $on?(type: string, callback: (e: any) => void): () => void;
-    $set?(props: Partial<$$ComponentProps>): void;
-};
-declare const CardFooter: import("svelte").Component<{
-    ref?: any;
-    class: any;
-    children: any;
-} & Record<string, any>, {}, "ref">;
-type $$ComponentProps = {
-    ref?: any;
-    class: any;
-    children: any;
-} & Record<string, any>;

package/dist/components/ui/card/card-header.svelte

@@ -1,9 +0,0 @@
-<script>
-	import { cn } from '../../../utils.js';
-
-	let { ref = $bindable(null), class: className, children, ...restProps } = $props();
-</script>
-
-<div bind:this={ref} class={cn('flex flex-col space-y-1.5 p-6 pb-0', className)} {...restProps}>
-	{@render children?.()}
-</div>

package/dist/components/ui/card/card-header.svelte.d.ts

@@ -1,15 +0,0 @@
-export default CardHeader;
-type CardHeader = {
-    $on?(type: string, callback: (e: any) => void): () => void;
-    $set?(props: Partial<$$ComponentProps>): void;
-};
-declare const CardHeader: import("svelte").Component<{
-    ref?: any;
-    class: any;
-    children: any;
-} & Record<string, any>, {}, "ref">;
-type $$ComponentProps = {
-    ref?: any;
-    class: any;
-    children: any;
-} & Record<string, any>;

package/dist/components/ui/card/card-title.svelte

@@ -1,15 +0,0 @@
-<script>
-	import { cn } from '../../../utils.js';
-
-	let { ref = $bindable(null), class: className, level = 3, children, ...restProps } = $props();
-</script>
-
-<div
-	role="heading"
-	aria-level={level}
-	bind:this={ref}
-	class={cn('text-2xl leading-none font-semibold tracking-tight', className)}
-	{...restProps}
->
-	{@render children?.()}
-</div>

package/dist/components/ui/card/card-title.svelte.d.ts

@@ -1,17 +0,0 @@
-export default CardTitle;
-type CardTitle = {
-    $on?(type: string, callback: (e: any) => void): () => void;
-    $set?(props: Partial<$$ComponentProps>): void;
-};
-declare const CardTitle: import("svelte").Component<{
-    ref?: any;
-    class: any;
-    level?: number;
-    children: any;
-} & Record<string, any>, {}, "ref">;
-type $$ComponentProps = {
-    ref?: any;
-    class: any;
-    level?: number;
-    children: any;
-} & Record<string, any>;

package/dist/components/ui/card/card.svelte

@@ -1,13 +0,0 @@
-<script>
-	import { cn } from '../../../utils.js';
-
-	let { ref = $bindable(null), class: className, children, ...restProps } = $props();
-</script>
-
-<div
-	bind:this={ref}
-	class={cn('bg-card text-card-foreground rounded-lg border shadow-sm', className)}
-	{...restProps}
->
-	{@render children?.()}
-</div>

package/dist/components/ui/card/card.svelte.d.ts

@@ -1,15 +0,0 @@
-export default Card;
-type Card = {
-    $on?(type: string, callback: (e: any) => void): () => void;
-    $set?(props: Partial<$$ComponentProps>): void;
-};
-declare const Card: import("svelte").Component<{
-    ref?: any;
-    class: any;
-    children: any;
-} & Record<string, any>, {}, "ref">;
-type $$ComponentProps = {
-    ref?: any;
-    class: any;
-    children: any;
-} & Record<string, any>;

package/dist/components/ui/card/index.d.ts

@@ -1,7 +0,0 @@
-import Root from './card.svelte';
-import Content from './card-content.svelte';
-import Description from './card-description.svelte';
-import Footer from './card-footer.svelte';
-import Header from './card-header.svelte';
-import Title from './card-title.svelte';
-export { Root, Content, Description, Footer, Header, Title, Root as Card, Content as CardContent, Description as CardDescription, Footer as CardFooter, Header as CardHeader, Title as CardTitle };

package/dist/components/ui/card/index.js

@@ -1,22 +0,0 @@
-import Root from './card.svelte';
-import Content from './card-content.svelte';
-import Description from './card-description.svelte';
-import Footer from './card-footer.svelte';
-import Header from './card-header.svelte';
-import Title from './card-title.svelte';
-
-export {
-	Root,
-	Content,
-	Description,
-	Footer,
-	Header,
-	Title,
-	//
-	Root as Card,
-	Content as CardContent,
-	Description as CardDescription,
-	Footer as CardFooter,
-	Header as CardHeader,
-	Title as CardTitle
-};

package/dist/components/ui/input/index.d.ts

@@ -1,2 +0,0 @@
-import Root from './input.svelte';
-export { Root, Root as Input };

package/dist/components/ui/input/index.js

@@ -1,7 +0,0 @@
-import Root from './input.svelte';
-
-export {
-	Root,
-	//
-	Root as Input
-};