@genarou/blazir-icons 1.1.2 → 1.1.3

package/dist/DynamicIcon.svelte

@@ -19,7 +19,6 @@
   });
 </script>
 
-// 📁 src/lib/DynamicIcon.svelte - Componente que usa el registry
 {#if IconComponent}
   <IconComponent {...iconProps} />
 {:else}

package/dist/Icon.svelte

@@ -23,15 +23,27 @@
     titleId = $bindable(""),
     testId = $bindable(undefined),
     attrs = $bindable({}),
+    animationDuration = $bindable(undefined),
+    animationDelay = $bindable(undefined),
+    animationEasing = $bindable(undefined),
+    ...restProps
   }: { name: IconName } & Partial<IconProps> = $props();
 
-  // Componente dinámico
   const Comp = $derived(iconRegistry[name]);
 
-  // Props a pasar - con lógica mejorada para color
-  const passProps: Partial<IconProps> = $derived({
+  // Normalizar valores de animación
+  function normalizeAnimationValue(
+    value: number | string | undefined
+  ): string | undefined {
+    if (typeof value === "number") {
+      return `${value}ms`;
+    }
+    return value;
+  }
+
+  // Props a pasar - obteniendo valores directamente, no funciones derivadas
+  const passProps = $derived(() => ({
     size,
-    // Si se pasa color, override fill y stroke para asegurar que funcione
     color,
     stroke: color ? (stroke ?? "none") : stroke,
     fill: color ? (fill ?? color) : fill,
@@ -49,7 +61,12 @@
     titleId,
     testId,
     attrs,
-  });
+    // Normalizar las propiedades de animación
+    animationDuration: normalizeAnimationValue(animationDuration),
+    animationDelay: normalizeAnimationValue(animationDelay),
+    animationEasing,
+    ...restProps,
+  }));
 </script>
 
 {#if Comp}

package/dist/Icon.svelte.d.ts

@@ -3,6 +3,6 @@ import type { IconProps } from "./types";
 type $$ComponentProps = {
     name: IconName;
 } & Partial<IconProps>;
-declare const Icon: import("svelte").Component<$$ComponentProps, {}, "size" | "stroke" | "strokeWidth" | "fill" | "className" | "ariaLabel" | "title" | "rotate" | "flipH" | "flipV" | "spin" | "color" | "nonScalingStroke" | "preserveAspectRatio" | "decorative" | "titleId" | "testId" | "attrs">;
+declare const Icon: import("svelte").Component<$$ComponentProps, {}, "size" | "stroke" | "strokeWidth" | "fill" | "className" | "ariaLabel" | "title" | "rotate" | "flipH" | "flipV" | "spin" | "color" | "nonScalingStroke" | "preserveAspectRatio" | "decorative" | "titleId" | "testId" | "attrs" | "animationDuration" | "animationDelay" | "animationEasing">;
 type Icon = ReturnType<typeof Icon>;
 export default Icon;

package/dist/IconBase.svelte

@@ -55,7 +55,6 @@
   );
 </script>
 
-// 📁 src/lib/Icon.svelte
 <svg
   xmlns="http://www.w3.org/2000/svg"
   width={typeof common.size === "number" ? `${common.size}px` : common.size}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@genarou/blazir-icons",
-  "version": "1.1.2",
+  "version": "1.1.3",
   "type": "module",
   "private": false,
   "publishConfig": {