rn-iconify 1.0.0 → 2.0.0

package/lib/module/alias/createIconAliases.js

@@ -0,0 +1,213 @@
+/**
+ * createIconAliases - Factory function for creating type-safe icon aliases
+ * Provides full TypeScript autocomplete for alias names
+ */
+
+import React from 'react';
+import { IconRenderer } from '../IconRenderer';
+import { useIconTheme } from '../theme';
+import { DEFAULT_ICON_THEME } from '../theme/types';
+import { IconAliasProvider as BaseProvider } from './IconAliasContext';
+/**
+ * Validate that all alias values are valid icon names
+ */
+function validateAliases(aliases) {
+  Object.entries(aliases).forEach(([alias, iconName]) => {
+    if (typeof iconName !== 'string') {
+      throw new Error(`[rn-iconify] Invalid alias value for "${alias}": expected string, got ${typeof iconName}`);
+    }
+    if (!iconName.includes(':')) {
+      throw new Error(`[rn-iconify] Invalid icon name for alias "${alias}": "${iconName}". ` + `Icon names must be in "prefix:name" format (e.g., "mdi:home").`);
+    }
+  });
+}
+
+/**
+ * Create a type-safe icon alias system
+ *
+ * This function creates:
+ * - A typed Icon component with autocomplete for alias names
+ * - A Provider component to wrap your app
+ * - A resolve function to convert aliases to full icon names
+ *
+ * @example Basic usage
+ * ```tsx
+ * // icons.ts
+ * import { createIconAliases } from 'rn-iconify';
+ *
+ * export const { Icon, Provider: IconProvider, aliases } = createIconAliases({
+ *   aliases: {
+ *     back: 'mdi:arrow-left',
+ *     forward: 'mdi:arrow-right',
+ *     menu: 'heroicons:bars-3',
+ *     close: 'mdi:close',
+ *     home: 'mdi:home',
+ *     settings: 'lucide:settings',
+ *   } as const,
+ * });
+ *
+ * // App.tsx
+ * import { Icon, IconProvider } from './icons';
+ *
+ * function App() {
+ *   return (
+ *     <IconProvider>
+ *       <Icon name="back" size={24} />    {// TypeScript autocomplete! }
+ *       <Icon name="menu" color="blue" />
+ *     </IconProvider>
+ *   );
+ * }
+ * ```
+ *
+ * @example With navigation
+ * ```tsx
+ * import { Icon } from './icons';
+ *
+ * <Tab.Screen
+ *   options={{
+ *     tabBarIcon: ({ color, size }) => (
+ *       <Icon name="home" color={color} size={size} />
+ *     ),
+ *   }}
+ * />
+ * ```
+ */
+export function createIconAliases(config) {
+  const {
+    aliases,
+    validate = true
+  } = config;
+
+  // Validate in development
+  if (__DEV__ && validate) {
+    validateAliases(aliases);
+  }
+
+  // Create resolve function
+  const resolve = name => {
+    // If it's already a full icon name, return as-is
+    if (name.includes(':')) {
+      return name;
+    }
+
+    // Look up in aliases
+    const resolved = aliases[name];
+    if (resolved) {
+      return resolved;
+    }
+
+    // Not found - warn in dev
+    if (__DEV__) {
+      console.warn(`[rn-iconify] Unknown alias "${name}". Available aliases: ${Object.keys(aliases).join(', ')}`);
+    }
+    return name;
+  };
+
+  /**
+   * Type-safe Icon component with alias support
+   */
+  function TypedIcon({
+    name,
+    size,
+    color,
+    width,
+    height,
+    style,
+    rotate,
+    flip,
+    fallback,
+    fallbackDelay,
+    placeholder,
+    placeholderColor,
+    placeholderDuration,
+    onLoad,
+    onError,
+    accessibilityLabel,
+    testID
+  }) {
+    // Get theme defaults
+    const {
+      theme
+    } = useIconTheme();
+
+    // Resolve the icon name
+    const resolvedName = resolve(name);
+
+    // Merge props with theme defaults
+    const mergedSize = size ?? theme.size ?? DEFAULT_ICON_THEME.size;
+    const mergedColor = color ?? theme.color ?? DEFAULT_ICON_THEME.color;
+    const mergedRotate = rotate ?? theme.rotate ?? DEFAULT_ICON_THEME.rotate;
+    const mergedFlip = flip ?? theme.flip;
+    const mergedFallbackDelay = fallbackDelay ?? theme.fallbackDelay ?? DEFAULT_ICON_THEME.fallbackDelay;
+    const mergedPlaceholder = placeholder ?? theme.placeholder;
+    const mergedPlaceholderColor = placeholderColor ?? theme.placeholderColor ?? DEFAULT_ICON_THEME.placeholderColor;
+    const mergedPlaceholderDuration = placeholderDuration ?? theme.placeholderDuration ?? DEFAULT_ICON_THEME.placeholderDuration;
+    return /*#__PURE__*/React.createElement(IconRenderer, {
+      iconName: resolvedName,
+      size: mergedSize,
+      color: mergedColor,
+      width: width,
+      height: height,
+      style: style,
+      rotate: mergedRotate,
+      flip: mergedFlip,
+      fallback: fallback,
+      fallbackDelay: mergedFallbackDelay,
+      placeholder: mergedPlaceholder,
+      placeholderColor: mergedPlaceholderColor,
+      placeholderDuration: mergedPlaceholderDuration,
+      onLoad: onLoad,
+      onError: onError,
+      accessibilityLabel: accessibilityLabel ?? name,
+      testID: testID
+    });
+  }
+  TypedIcon.displayName = 'TypedIcon';
+
+  /**
+   * Provider component (pre-configured with aliases)
+   */
+  function Provider({
+    children
+  }) {
+    return /*#__PURE__*/React.createElement(BaseProvider, {
+      aliases: aliases
+    }, children);
+  }
+  Provider.displayName = 'IconAliasProvider';
+  return {
+    aliases: aliases,
+    Icon: TypedIcon,
+    Provider,
+    resolve,
+    // Type helper - this is just for type inference, not a runtime value
+    AliasName: ''
+  };
+}
+
+/**
+ * Quick helper to create aliases without full type safety
+ * Useful for simple cases or when aliases are dynamic
+ *
+ * @example
+ * ```tsx
+ * import { defineAliases, Icon, IconAliasProvider } from 'rn-iconify';
+ *
+ * const aliases = defineAliases({
+ *   back: 'mdi:arrow-left',
+ *   menu: 'heroicons:bars-3',
+ * });
+ *
+ * <IconAliasProvider aliases={aliases}>
+ *   <Icon name="back" />
+ * </IconAliasProvider>
+ * ```
+ */
+export function defineAliases(aliases) {
+  if (__DEV__) {
+    validateAliases(aliases);
+  }
+  return aliases;
+}
+export default createIconAliases;
+//# sourceMappingURL=createIconAliases.js.map

package/lib/module/alias/createIconAliases.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","IconRenderer","useIconTheme","DEFAULT_ICON_THEME","IconAliasProvider","BaseProvider","validateAliases","aliases","Object","entries","forEach","alias","iconName","Error","includes","createIconAliases","config","validate","__DEV__","resolve","name","resolved","console","warn","keys","join","TypedIcon","size","color","width","height","style","rotate","flip","fallback","fallbackDelay","placeholder","placeholderColor","placeholderDuration","onLoad","onError","accessibilityLabel","testID","theme","resolvedName","mergedSize","mergedColor","mergedRotate","mergedFlip","mergedFallbackDelay","mergedPlaceholder","mergedPlaceholderColor","mergedPlaceholderDuration","createElement","displayName","Provider","children","Icon","AliasName","defineAliases"],"sourceRoot":"../../../src","sources":["alias/createIconAliases.tsx"],"mappings":"AAAA;AACA;AACA;AACA;;AAEA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,YAAY,QAAQ,iBAAiB;AAC9C,SAASC,YAAY,QAAQ,UAAU;AACvC,SAASC,kBAAkB,QAAQ,gBAAgB;AACnD,SAASC,iBAAiB,IAAIC,YAAY,QAAQ,oBAAoB;AAUtE;AACA;AACA;AACA,SAASC,eAAeA,CAAyBC,OAAU,EAAQ;EACjEC,MAAM,CAACC,OAAO,CAACF,OAAO,CAAC,CAACG,OAAO,CAAC,CAAC,CAACC,KAAK,EAAEC,QAAQ,CAAC,KAAK;IACrD,IAAI,OAAOA,QAAQ,KAAK,QAAQ,EAAE;MAChC,MAAM,IAAIC,KAAK,CACb,yCAAyCF,KAAK,2BAA2B,OAAOC,QAAQ,EAC1F,CAAC;IACH;IAEA,IAAI,CAACA,QAAQ,CAACE,QAAQ,CAAC,GAAG,CAAC,EAAE;MAC3B,MAAM,IAAID,KAAK,CACb,6CAA6CF,KAAK,OAAOC,QAAQ,KAAK,GACpE,gEACJ,CAAC;IACH;EACF,CAAC,CAAC;AACJ;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASG,iBAAiBA,CAC/BC,MAAkC,EACd;EACpB,MAAM;IAAET,OAAO;IAAEU,QAAQ,GAAG;EAAK,CAAC,GAAGD,MAAM;;EAE3C;EACA,IAAIE,OAAO,IAAID,QAAQ,EAAE;IACvBX,eAAe,CAACC,OAAO,CAAC;EAC1B;;EAEA;EACA,MAAMY,OAAO,GAAIC,IAA2B,IAAa;IACvD;IACA,IAAIA,IAAI,CAACN,QAAQ,CAAC,GAAG,CAAC,EAAE;MACtB,OAAOM,IAAI;IACb;;IAEA;IACA,MAAMC,QAAQ,GAAId,OAAO,CAAkBa,IAAI,CAAC;IAChD,IAAIC,QAAQ,EAAE;MACZ,OAAOA,QAAQ;IACjB;;IAEA;IACA,IAAIH,OAAO,EAAE;MACXI,OAAO,CAACC,IAAI,CACV,+BAA+BH,IAAI,yBAAyBZ,MAAM,CAACgB,IAAI,CAACjB,OAAO,CAAC,CAACkB,IAAI,CAAC,IAAI,CAAC,EAC7F,CAAC;IACH;IAEA,OAAOL,IAAI;EACb,CAAC;;EAED;AACF;AACA;EACE,SAASM,SAASA,CAAC;IACjBN,IAAI;IACJO,IAAI;IACJC,KAAK;IACLC,KAAK;IACLC,MAAM;IACNC,KAAK;IACLC,MAAM;IACNC,IAAI;IACJC,QAAQ;IACRC,aAAa;IACbC,WAAW;IACXC,gBAAgB;IAChBC,mBAAmB;IACnBC,MAAM;IACNC,OAAO;IACPC,kBAAkB;IAClBC;EAC8B,CAAC,EAAE;IACjC;IACA,MAAM;MAAEC;IAAM,CAAC,GAAGzC,YAAY,CAAC,CAAC;;IAEhC;IACA,MAAM0C,YAAY,GAAGzB,OAAO,CAACC,IAAI,CAAC;;IAElC;IACA,MAAMyB,UAAU,GAAGlB,IAAI,IAAIgB,KAAK,CAAChB,IAAI,IAAIxB,kBAAkB,CAACwB,IAAI;IAChE,MAAMmB,WAAW,GAAGlB,KAAK,IAAIe,KAAK,CAACf,KAAK,IAAIzB,kBAAkB,CAACyB,KAAK;IACpE,MAAMmB,YAAY,GAAGf,MAAM,IAAIW,KAAK,CAACX,MAAM,IAAI7B,kBAAkB,CAAC6B,MAAM;IACxE,MAAMgB,UAAU,GAAGf,IAAI,IAAIU,KAAK,CAACV,IAAI;IACrC,MAAMgB,mBAAmB,GACvBd,aAAa,IAAIQ,KAAK,CAACR,aAAa,IAAIhC,kBAAkB,CAACgC,aAAa;IAC1E,MAAMe,iBAAiB,GAAGd,WAAW,IAAIO,KAAK,CAACP,WAAW;IAC1D,MAAMe,sBAAsB,GAC1Bd,gBAAgB,IAAIM,KAAK,CAACN,gBAAgB,IAAIlC,kBAAkB,CAACkC,gBAAgB;IACnF,MAAMe,yBAAyB,GAC7Bd,mBAAmB,IAAIK,KAAK,CAACL,mBAAmB,IAAInC,kBAAkB,CAACmC,mBAAmB;IAE5F,oBACEtC,KAAA,CAAAqD,aAAA,CAACpD,YAAY;MACXW,QAAQ,EAAEgC,YAAa;MACvBjB,IAAI,EAAEkB,UAAW;MACjBjB,KAAK,EAAEkB,WAAY;MACnBjB,KAAK,EAAEA,KAAM;MACbC,MAAM,EAAEA,MAAO;MACfC,KAAK,EAAEA,KAAM;MACbC,MAAM,EAAEe,YAAa;MACrBd,IAAI,EAAEe,UAAW;MACjBd,QAAQ,EAAEA,QAAS;MACnBC,aAAa,EAAEc,mBAAoB;MACnCb,WAAW,EAAEc,iBAAkB;MAC/Bb,gBAAgB,EAAEc,sBAAuB;MACzCb,mBAAmB,EAAEc,yBAA0B;MAC/Cb,MAAM,EAAEA,MAAO;MACfC,OAAO,EAAEA,OAAQ;MACjBC,kBAAkB,EAAEA,kBAAkB,IAAIrB,IAAK;MAC/CsB,MAAM,EAAEA;IAAO,CAChB,CAAC;EAEN;EAEAhB,SAAS,CAAC4B,WAAW,GAAG,WAAW;;EAEnC;AACF;AACA;EACE,SAASC,QAAQA,CAAC;IAAEC;EAAwC,CAAC,EAAE;IAC7D,oBAAOxD,KAAA,CAAAqD,aAAA,CAAChD,YAAY;MAACE,OAAO,EAAEA;IAAQ,GAAEiD,QAAuB,CAAC;EAClE;EAEAD,QAAQ,CAACD,WAAW,GAAG,mBAAmB;EAE1C,OAAO;IACL/C,OAAO,EAAEA,OAAyB;IAClCkD,IAAI,EAAE/B,SAAS;IACf6B,QAAQ;IACRpC,OAAO;IACP;IACAuC,SAAS,EAAE;EACb,CAAC;AACH;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,aAAaA,CAAyBpD,OAAU,EAAK;EACnE,IAAIW,OAAO,EAAE;IACXZ,eAAe,CAACC,OAAO,CAAC;EAC1B;EACA,OAAOA,OAAO;AAChB;AAEA,eAAeQ,iBAAiB","ignoreList":[]}

package/lib/module/alias/index.js

@@ -0,0 +1,45 @@
+/**
+ * Icon Alias System
+ * Create custom icon name mappings for consistent usage across your app
+ *
+ * @example Basic usage
+ * ```tsx
+ * import { createIconAliases } from 'rn-iconify';
+ *
+ * const { Icon, Provider } = createIconAliases({
+ *   aliases: {
+ *     back: 'mdi:arrow-left',
+ *     menu: 'heroicons:bars-3',
+ *   } as const,
+ * });
+ *
+ * <Provider>
+ *   <Icon name="back" />
+ * </Provider>
+ * ```
+ *
+ * @example With generic Icon component
+ * ```tsx
+ * import { Icon, IconAliasProvider } from 'rn-iconify';
+ *
+ * <IconAliasProvider aliases={{ back: 'mdi:arrow-left' }}>
+ *   <Icon name="back" />
+ *   <Icon name="mdi:home" />  // Full names still work
+ * </IconAliasProvider>
+ * ```
+ */
+
+// Types
+
+// Context and Provider
+export { IconAliasContext, IconAliasProvider, useIconAliasContext, useResolveIcon } from './IconAliasContext';
+
+// Generic Icon component
+export { Icon } from './Icon';
+
+// Factory functions
+export { createIconAliases, defineAliases } from './createIconAliases';
+
+// Default export
+export { createIconAliases as default } from './createIconAliases';
+//# sourceMappingURL=index.js.map

package/lib/module/alias/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["IconAliasContext","IconAliasProvider","useIconAliasContext","useResolveIcon","Icon","createIconAliases","defineAliases","default"],"sourceRoot":"../../../src","sources":["alias/index.ts"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;;AAYA;AACA,SACEA,gBAAgB,EAChBC,iBAAiB,EACjBC,mBAAmB,EACnBC,cAAc,QACT,oBAAoB;;AAE3B;AACA,SAASC,IAAI,QAAQ,QAAQ;;AAE7B;AACA,SAASC,iBAAiB,EAAEC,aAAa,QAAQ,qBAAqB;;AAEtE;AACA,SAASD,iBAAiB,IAAIE,OAAO,QAAQ,qBAAqB","ignoreList":[]}

package/lib/module/alias/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/lib/module/alias/types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../src","sources":["alias/types.ts"],"mappings":"","ignoreList":[]}

package/lib/module/animated/AnimatedIcon.js

@@ -0,0 +1,109 @@
+/**
+ * AnimatedIcon - Wrapper component for animated icons
+ * Provides animation capabilities to any icon component
+ */
+
+import React, { forwardRef, useImperativeHandle } from 'react';
+import { Animated, StyleSheet } from 'react-native';
+import { useIconAnimation } from './useIconAnimation';
+/**
+ * AnimatedIcon wrapper component
+ * Wraps any icon component to add animation capabilities
+ *
+ * @example Basic usage
+ * ```tsx
+ * import { AnimatedIcon } from 'rn-iconify/animated';
+ * import { Mdi } from 'rn-iconify';
+ *
+ * <AnimatedIcon animate="spin">
+ *   <Mdi name="loading" size={24} />
+ * </AnimatedIcon>
+ * ```
+ *
+ * @example With custom configuration
+ * ```tsx
+ * <AnimatedIcon
+ *   animate={{ type: 'rotate', duration: 2000, easing: 'linear' }}
+ *   autoPlay={true}
+ * >
+ *   <Mdi name="sync" size={24} />
+ * </AnimatedIcon>
+ * ```
+ *
+ * @example With ref for animation control
+ * ```tsx
+ * const animationRef = useRef<AnimationControls>(null);
+ *
+ * <AnimatedIcon ref={animationRef} animate="bounce" autoPlay={false}>
+ *   <Mdi name="heart" size={24} />
+ * </AnimatedIcon>
+ *
+ * // Later
+ * animationRef.current?.start();
+ * ```
+ */
+export const AnimatedIcon = /*#__PURE__*/forwardRef(function AnimatedIcon({
+  children,
+  animate,
+  animationDuration,
+  animationLoop,
+  animationEasing,
+  animationDelay,
+  autoPlay = true,
+  onAnimationComplete,
+  width,
+  height,
+  testID
+}, ref) {
+  const {
+    animatedStyle,
+    hasAnimation,
+    start,
+    stop,
+    pause,
+    resume,
+    reset,
+    state,
+    isAnimating
+  } = useIconAnimation({
+    animation: animate,
+    duration: animationDuration,
+    loop: animationLoop,
+    easing: animationEasing,
+    delay: animationDelay,
+    autoPlay,
+    onComplete: onAnimationComplete
+  });
+
+  // Expose animation controls via ref
+  useImperativeHandle(ref, () => ({
+    start,
+    stop,
+    pause,
+    resume,
+    reset,
+    state,
+    isAnimating
+  }), [start, stop, pause, resume, reset, state, isAnimating]);
+
+  // If no animation, render children directly
+  if (!hasAnimation) {
+    return /*#__PURE__*/React.createElement(React.Fragment, null, children);
+  }
+  return /*#__PURE__*/React.createElement(Animated.View, {
+    style: [styles.container, width !== undefined && {
+      width
+    }, height !== undefined && {
+      height
+    }, animatedStyle],
+    testID: testID
+  }, children);
+});
+const styles = StyleSheet.create({
+  container: {
+    alignItems: 'center',
+    justifyContent: 'center'
+  }
+});
+export default AnimatedIcon;
+//# sourceMappingURL=AnimatedIcon.js.map

package/lib/module/animated/AnimatedIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","forwardRef","useImperativeHandle","Animated","StyleSheet","useIconAnimation","AnimatedIcon","children","animate","animationDuration","animationLoop","animationEasing","animationDelay","autoPlay","onAnimationComplete","width","height","testID","ref","animatedStyle","hasAnimation","start","stop","pause","resume","reset","state","isAnimating","animation","duration","loop","easing","delay","onComplete","createElement","Fragment","View","style","styles","container","undefined","create","alignItems","justifyContent"],"sourceRoot":"../../../src","sources":["animated/AnimatedIcon.tsx"],"mappings":"AAAA;AACA;AACA;AACA;;AAEA,OAAOA,KAAK,IAAIC,UAAU,EAAEC,mBAAmB,QAAQ,OAAO;AAC9D,SAASC,QAAQ,EAAEC,UAAU,QAAQ,cAAc;AACnD,SAASC,gBAAgB,QAAQ,oBAAoB;AAGrD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,YAAY,gBAAGL,UAAU,CAAuC,SAASK,YAAYA,CAChG;EACEC,QAAQ;EACRC,OAAO;EACPC,iBAAiB;EACjBC,aAAa;EACbC,eAAe;EACfC,cAAc;EACdC,QAAQ,GAAG,IAAI;EACfC,mBAAmB;EACnBC,KAAK;EACLC,MAAM;EACNC;AACF,CAAC,EACDC,GAAG,EACH;EACA,MAAM;IAAEC,aAAa;IAAEC,YAAY;IAAEC,KAAK;IAAEC,IAAI;IAAEC,KAAK;IAAEC,MAAM;IAAEC,KAAK;IAAEC,KAAK;IAAEC;EAAY,CAAC,GAC1FtB,gBAAgB,CAAC;IACfuB,SAAS,EAAEpB,OAAO;IAClBqB,QAAQ,EAAEpB,iBAAiB;IAC3BqB,IAAI,EAAEpB,aAAa;IACnBqB,MAAM,EAAEpB,eAAe;IACvBqB,KAAK,EAAEpB,cAAc;IACrBC,QAAQ;IACRoB,UAAU,EAAEnB;EACd,CAAC,CAAC;;EAEJ;EACAZ,mBAAmB,CACjBgB,GAAG,EACH,OAAO;IACLG,KAAK;IACLC,IAAI;IACJC,KAAK;IACLC,MAAM;IACNC,KAAK;IACLC,KAAK;IACLC;EACF,CAAC,CAAC,EACF,CAACN,KAAK,EAAEC,IAAI,EAAEC,KAAK,EAAEC,MAAM,EAAEC,KAAK,EAAEC,KAAK,EAAEC,WAAW,CACxD,CAAC;;EAED;EACA,IAAI,CAACP,YAAY,EAAE;IACjB,oBAAOpB,KAAA,CAAAkC,aAAA,CAAAlC,KAAA,CAAAmC,QAAA,QAAG5B,QAAW,CAAC;EACxB;EAEA,oBACEP,KAAA,CAAAkC,aAAA,CAAC/B,QAAQ,CAACiC,IAAI;IACZC,KAAK,EAAE,CACLC,MAAM,CAACC,SAAS,EAChBxB,KAAK,KAAKyB,SAAS,IAAI;MAAEzB;IAAM,CAAC,EAChCC,MAAM,KAAKwB,SAAS,IAAI;MAAExB;IAAO,CAAC,EAClCG,aAAa,CACb;IACFF,MAAM,EAAEA;EAAO,GAEdV,QACY,CAAC;AAEpB,CAAC,CAAC;AAEF,MAAM+B,MAAM,GAAGlC,UAAU,CAACqC,MAAM,CAAC;EAC/BF,SAAS,EAAE;IACTG,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB;AACF,CAAC,CAAC;AAEF,eAAerC,YAAY","ignoreList":[]}

package/lib/module/animated/index.js

@@ -0,0 +1,80 @@
+/**
+ * Animated Icons Module
+ * Provides animation capabilities for rn-iconify icons
+ *
+ * @example Basic usage with preset
+ * ```tsx
+ * import { Mdi } from 'rn-iconify';
+ *
+ * // Direct usage with animate prop
+ * <Mdi name="loading" animate="spin" />
+ * <Mdi name="heart" animate="pulse" />
+ * <Mdi name="bell" animate="shake" />
+ * ```
+ *
+ * @example Using AnimatedIcon wrapper
+ * ```tsx
+ * import { AnimatedIcon } from 'rn-iconify/animated';
+ * import { Mdi } from 'rn-iconify';
+ *
+ * <AnimatedIcon animate="bounce">
+ *   <Mdi name="star" size={24} />
+ * </AnimatedIcon>
+ * ```
+ *
+ * @example Custom animation configuration
+ * ```tsx
+ * <Mdi
+ *   name="sync"
+ *   animate={{
+ *     type: 'rotate',
+ *     duration: 2000,
+ *     easing: 'linear',
+ *     loop: true,
+ *   }}
+ * />
+ * ```
+ *
+ * @example Animation control with ref
+ * ```tsx
+ * import { useRef } from 'react';
+ * import { AnimatedIcon, AnimationControls } from 'rn-iconify/animated';
+ *
+ * function MyComponent() {
+ *   const animRef = useRef<AnimationControls>(null);
+ *
+ *   const handlePress = () => {
+ *     if (animRef.current?.isAnimating) {
+ *       animRef.current.stop();
+ *     } else {
+ *       animRef.current?.start();
+ *     }
+ *   };
+ *
+ *   return (
+ *     <TouchableOpacity onPress={handlePress}>
+ *       <AnimatedIcon ref={animRef} animate="spin" autoPlay={false}>
+ *         <Mdi name="refresh" size={24} />
+ *       </AnimatedIcon>
+ *     </TouchableOpacity>
+ *   );
+ * }
+ * ```
+ */
+
+// Types
+
+export { DEFAULT_ANIMATION_DURATIONS, DEFAULT_ANIMATION_LOOPS } from './types';
+
+// Presets
+export { ANIMATION_PRESETS, getEasingFunction, resolveAnimation, isAnimationPreset, getDefaultDuration, getDefaultLoop } from './presets';
+
+// Hook
+export { useIconAnimation } from './useIconAnimation';
+
+// Component
+export { AnimatedIcon } from './AnimatedIcon';
+
+// Default export
+export { AnimatedIcon as default } from './AnimatedIcon';
+//# sourceMappingURL=index.js.map

package/lib/module/animated/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["DEFAULT_ANIMATION_DURATIONS","DEFAULT_ANIMATION_LOOPS","ANIMATION_PRESETS","getEasingFunction","resolveAnimation","isAnimationPreset","getDefaultDuration","getDefaultLoop","useIconAnimation","AnimatedIcon","default"],"sourceRoot":"../../../src","sources":["animated/index.ts"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;;AAaA,SAASA,2BAA2B,EAAEC,uBAAuB,QAAQ,SAAS;;AAE9E;AACA,SACEC,iBAAiB,EACjBC,iBAAiB,EACjBC,gBAAgB,EAChBC,iBAAiB,EACjBC,kBAAkB,EAClBC,cAAc,QACT,WAAW;;AAElB;AACA,SAASC,gBAAgB,QAAQ,oBAAoB;;AAErD;AACA,SAASC,YAAY,QAAQ,gBAAgB;;AAE7C;AACA,SAASA,YAAY,IAAIC,OAAO,QAAQ,gBAAgB","ignoreList":[]}

package/lib/module/animated/presets.js

@@ -0,0 +1,209 @@
+/**
+ * Animation presets for rn-iconify
+ * Pre-configured animations for common use cases
+ */
+
+import { Easing } from 'react-native';
+/**
+ * Preset animation configurations
+ */
+export const ANIMATION_PRESETS = {
+  /**
+   * Continuous rotation (loading spinner)
+   */
+  spin: {
+    type: 'rotate',
+    duration: 1000,
+    loop: true,
+    iterations: -1,
+    easing: 'linear',
+    direction: 'normal',
+    delay: 0,
+    from: 0,
+    to: 360
+  },
+  /**
+   * Pulsing opacity (heartbeat effect)
+   */
+  pulse: {
+    type: 'opacity',
+    duration: 1500,
+    loop: true,
+    iterations: -1,
+    easing: 'ease-in-out',
+    direction: 'alternate',
+    delay: 0,
+    from: 1,
+    to: 0.4
+  },
+  /**
+   * Bouncing scale (attention grabber)
+   */
+  bounce: {
+    type: 'scale',
+    duration: 600,
+    loop: true,
+    iterations: -1,
+    easing: 'bounce',
+    direction: 'alternate',
+    delay: 0,
+    from: 1,
+    to: 1.2
+  },
+  /**
+   * Horizontal shake (error/warning)
+   */
+  shake: {
+    type: 'translate',
+    duration: 500,
+    loop: false,
+    iterations: 1,
+    easing: 'ease-out',
+    direction: 'normal',
+    delay: 0,
+    from: {
+      x: 0,
+      y: 0
+    },
+    to: {
+      x: 10,
+      y: 0
+    }
+  },
+  /**
+   * Ping effect (notification)
+   */
+  ping: {
+    type: 'scale',
+    duration: 1000,
+    loop: true,
+    iterations: -1,
+    easing: 'ease-out',
+    direction: 'normal',
+    delay: 0,
+    from: 1,
+    to: 1.5
+  },
+  /**
+   * Quick wiggle (playful attention)
+   */
+  wiggle: {
+    type: 'rotate',
+    duration: 300,
+    loop: false,
+    iterations: 1,
+    easing: 'ease-in-out',
+    direction: 'alternate',
+    delay: 0,
+    from: -15,
+    to: 15
+  }
+};
+
+/**
+ * Convert easing string to React Native Easing function
+ */
+export function getEasingFunction(easing) {
+  if (typeof easing === 'function') {
+    return easing;
+  }
+  switch (easing) {
+    case 'linear':
+      return Easing.linear;
+    case 'ease':
+      return Easing.ease;
+    case 'ease-in':
+      return Easing.in(Easing.ease);
+    case 'ease-out':
+      return Easing.out(Easing.ease);
+    case 'ease-in-out':
+      return Easing.inOut(Easing.ease);
+    case 'bounce':
+      return Easing.bounce;
+    default:
+      return Easing.linear;
+  }
+}
+
+/**
+ * Resolve animation type to full configuration
+ */
+export function resolveAnimation(animation, overrides) {
+  // Get base config from preset or use custom config
+  const baseConfig = typeof animation === 'string' ? {
+    ...ANIMATION_PRESETS[animation]
+  } : {
+    ...animation
+  };
+
+  // Normalize from/to values
+  const rawFrom = baseConfig.from ?? 0;
+  const rawTo = baseConfig.to ?? 1;
+
+  // Normalize translate values to have required x/y
+  let normalizedFrom;
+  let normalizedTo;
+  if (baseConfig.type === 'translate') {
+    if (typeof rawFrom === 'number') {
+      normalizedFrom = {
+        x: rawFrom,
+        y: 0
+      };
+    } else {
+      normalizedFrom = {
+        x: rawFrom.x ?? 0,
+        y: rawFrom.y ?? 0
+      };
+    }
+    if (typeof rawTo === 'number') {
+      normalizedTo = {
+        x: rawTo,
+        y: 0
+      };
+    } else {
+      normalizedTo = {
+        x: rawTo.x ?? 0,
+        y: rawTo.y ?? 0
+      };
+    }
+  } else {
+    normalizedFrom = typeof rawFrom === 'number' ? rawFrom : 0;
+    normalizedTo = typeof rawTo === 'number' ? rawTo : 1;
+  }
+
+  // Apply overrides
+  const config = {
+    type: baseConfig.type,
+    duration: overrides?.duration ?? baseConfig.duration ?? 1000,
+    loop: overrides?.loop ?? baseConfig.loop ?? true,
+    iterations: baseConfig.iterations ?? -1,
+    easing: overrides?.easing ?? baseConfig.easing ?? 'linear',
+    direction: baseConfig.direction ?? 'normal',
+    delay: overrides?.delay ?? baseConfig.delay ?? 0,
+    from: normalizedFrom,
+    to: normalizedTo
+  };
+  return config;
+}
+
+/**
+ * Check if a string is a valid animation preset
+ */
+export function isAnimationPreset(value) {
+  return value in ANIMATION_PRESETS;
+}
+
+/**
+ * Get default duration for a preset
+ */
+export function getDefaultDuration(preset) {
+  return ANIMATION_PRESETS[preset]?.duration ?? 1000;
+}
+
+/**
+ * Get default loop setting for a preset
+ */
+export function getDefaultLoop(preset) {
+  return ANIMATION_PRESETS[preset]?.loop ?? true;
+}
+//# sourceMappingURL=presets.js.map