@wentools/iconic 0.1.0 → 0.1.2

package/dist/icon/Icon.svelte

@@ -1,9 +1,7 @@
 <script lang="ts">
 	import type { Component } from 'svelte'
 	import type { IconAnimation } from '../types'
-	import type { IconResolver } from '../resolver/create_icon_resolver'
-	import { ICON_RESOLVER_KEY } from '../resolver/context'
-	import { getContext } from 'svelte'
+	import { getIconResolver } from '../resolver/context'
 
 	interface Props {
 		icon: Component | string
@@ -30,7 +28,7 @@
 	}: Props = $props()
 
 	// Get resolver at component init time (top-level), not inside $derived
-	const resolver = getContext<IconResolver | undefined>(ICON_RESOLVER_KEY)
+	const resolver = getIconResolver()
 
 	// Resolve icon variant to component if needed
 	const Icon = $derived.by(() => {
@@ -48,12 +46,9 @@
 	const lucideSize = $derived(typeof size === 'number' ? size : '100%')
 	const wrapperSize = $derived(typeof size === 'number' ? `${size}px` : size)
 
-	// Use the animation prop directly
-	const activeAnimation = $derived(animation ?? null)
-
 	// Build animation CSS custom properties
 	const animationCustomProps = $derived.by(() => {
-		if (!activeAnimation) return {}
+		if (!animation) return {}
 
 		const defaultDurations: Record<IconAnimation, number> = {
 			spin: 1,
@@ -72,8 +67,8 @@
 		}
 
 		return {
-			'--animation-duration': `${animationDuration ?? defaultDurations[activeAnimation]}s`,
-			'--animation-easing': animationEasing ?? defaultEasings[activeAnimation],
+			'--animation-duration': `${animationDuration ?? defaultDurations[animation]}s`,
+			'--animation-easing': animationEasing ?? defaultEasings[animation],
 			'--animation-iterations': animationIterations ?? 'infinite',
 		}
 	})
@@ -87,7 +82,7 @@
 	})
 
 	// Build class string
-	const animationClass = $derived(activeAnimation ? `animate-${activeAnimation}` : '')
+	const animationClass = $derived(animation ? `animate-${animation}` : '')
 </script>
 
 <div class={animationClass} style:--size={wrapperSize} style:--color={color} style={animationStyle}>

package/dist/index.d.ts

@@ -1,4 +1,4 @@
 export { Icon } from './icon/index';
 export type { IconAnimation, IconAction } from './types';
-export { createIconResolver, setIconResolver, getIconResolver } from './resolver/index';
+export { createIconResolver, setIconResolver, setGlobalIconResolver, getIconResolver } from './resolver/index';
 export type { IconResolver } from './resolver/index';

package/dist/index.js

@@ -1,2 +1,2 @@
 export { Icon } from './icon/index';
-export { createIconResolver, setIconResolver, getIconResolver } from './resolver/index';
+export { createIconResolver, setIconResolver, setGlobalIconResolver, getIconResolver } from './resolver/index';

package/dist/resolver/context.d.ts

@@ -1,5 +1,15 @@
+import type { Component } from 'svelte';
 import type { IconResolver } from './create_icon_resolver';
 declare const ICON_RESOLVER_KEY: unique symbol;
-declare function setIconResolver(resolver: IconResolver): void;
-declare function getIconResolver(): IconResolver | undefined;
-export { ICON_RESOLVER_KEY, setIconResolver, getIconResolver };
+declare const setIconResolver: <TVariant extends string>(resolver: {
+    resolveToComponent: (variant: TVariant) => Component;
+    isIconVariant: (value: string) => value is TVariant;
+    iconVariants: readonly TVariant[];
+}) => void;
+declare const setGlobalIconResolver: <TVariant extends string>(resolver: {
+    resolveToComponent: (variant: TVariant) => Component;
+    isIconVariant: (value: string) => value is TVariant;
+    iconVariants: readonly TVariant[];
+}) => void;
+declare const getIconResolver: () => IconResolver | undefined;
+export { ICON_RESOLVER_KEY, setIconResolver, setGlobalIconResolver, getIconResolver };

package/dist/resolver/context.js

@@ -1,9 +1,18 @@
 import { getContext, setContext } from 'svelte';
 const ICON_RESOLVER_KEY = Symbol('icon-resolver');
-function setIconResolver(resolver) {
+let globalResolver;
+const setIconResolver = (resolver) => {
     setContext(ICON_RESOLVER_KEY, resolver);
-}
-function getIconResolver() {
-    return getContext(ICON_RESOLVER_KEY);
-}
-export { ICON_RESOLVER_KEY, setIconResolver, getIconResolver };
+};
+const setGlobalIconResolver = (resolver) => {
+    globalResolver = resolver;
+};
+const getIconResolver = () => {
+    try {
+        return getContext(ICON_RESOLVER_KEY) ?? globalResolver;
+    }
+    catch {
+        return globalResolver;
+    }
+};
+export { ICON_RESOLVER_KEY, setIconResolver, setGlobalIconResolver, getIconResolver };

package/dist/resolver/create_icon_resolver.d.ts

@@ -4,11 +4,11 @@ interface IconResolver {
     isIconVariant: (value: string) => boolean;
     iconVariants: readonly string[];
 }
-declare function createIconResolver<const T extends Record<string, Component>>(map: T): {
-    resolveToComponent: (variant: keyof T & string) => Component;
-    isIconVariant: (value: string) => value is keyof T & string;
-    iconVariants: readonly (keyof T & string)[];
-    map: T;
+declare const createIconResolver: <const TMap extends Record<string, Component>>(map: TMap) => {
+    resolveToComponent: (variant: keyof TMap & string) => Component;
+    isIconVariant: (value: string) => value is keyof TMap & string;
+    iconVariants: readonly (keyof TMap & string)[];
+    map: TMap;
 };
 export { createIconResolver };
 export type { IconResolver };

package/dist/resolver/create_icon_resolver.js

@@ -1,9 +1,9 @@
-function createIconResolver(map) {
+const createIconResolver = (map) => {
     const variants = Object.keys(map);
     const resolveToComponent = (variant) => {
         const component = map[variant];
         if (!component) {
-            throw new Error(`Unknown icon variant: "${variant}"`);
+            throw new Error(`Unknown icon variant: "${variant}". Valid variants: ${variants.join(', ')}`);
         }
         return component;
     };
@@ -16,5 +16,5 @@ function createIconResolver(map) {
         iconVariants: variants,
         map,
     };
-}
+};
 export { createIconResolver };

package/dist/resolver/index.d.ts

@@ -1,3 +1,3 @@
 export { createIconResolver } from './create_icon_resolver';
 export type { IconResolver } from './create_icon_resolver';
-export { setIconResolver, getIconResolver } from './context';
+export { setIconResolver, setGlobalIconResolver, getIconResolver } from './context';

package/dist/resolver/index.js

@@ -1,2 +1,2 @@
 export { createIconResolver } from './create_icon_resolver';
-export { setIconResolver, getIconResolver } from './context';
+export { setIconResolver, setGlobalIconResolver, getIconResolver } from './context';

package/package.json

@@ -1,8 +1,9 @@
 {
 	"name": "@wentools/iconic",
-	"version": "0.1.0",
+	"version": "0.1.2",
 	"description": "Svelte 5 icon component with animations and resolver factory for Lucide icons",
 	"type": "module",
+	"sideEffects": false,
 	"svelte": "./dist/index.js",
 	"types": "./dist/index.d.ts",
 	"exports": {