rn-iconify 1.0.0 → 2.0.0

package/lib/module/theme/useIconTheme.js

@@ -0,0 +1,114 @@
+/**
+ * useIconTheme Hook
+ * Access and modify icon theme from any component
+ */
+
+import { useContext, useMemo } from 'react';
+import { IconThemeContext } from './context';
+import { DEFAULT_ICON_THEME } from './types';
+
+/**
+ * useIconTheme
+ *
+ * Hook to access and modify the icon theme.
+ * Must be used within an IconThemeProvider.
+ *
+ * @returns Current theme and setTheme function
+ *
+ * @example Access current theme
+ * ```tsx
+ * function MyComponent() {
+ *   const { theme } = useIconTheme();
+ *   console.log('Current icon size:', theme.size);
+ *   return <Text>Icon color: {theme.color}</Text>;
+ * }
+ * ```
+ *
+ * @example Update theme dynamically
+ * ```tsx
+ * function ThemeToggle() {
+ *   const { theme, setTheme } = useIconTheme();
+ *
+ *   const toggleDarkMode = () => {
+ *     setTheme(prev => ({
+ *       ...prev,
+ *       color: prev.color === '#000000' ? '#ffffff' : '#000000',
+ *     }));
+ *   };
+ *
+ *   return <Button onPress={toggleDarkMode} title="Toggle Dark Mode" />;
+ * }
+ * ```
+ */
+export function useIconTheme() {
+  const context = useContext(IconThemeContext);
+  return context;
+}
+
+/**
+ * useIconThemeValue
+ *
+ * Get a specific theme value with automatic fallback to default.
+ * Useful when you need just one property.
+ *
+ * @param key - Theme property key
+ * @returns The theme value or default
+ *
+ * @example
+ * ```tsx
+ * function MyIcon() {
+ *   const defaultSize = useIconThemeValue('size');
+ *   const defaultColor = useIconThemeValue('color');
+ *   return <Text>Default: {defaultSize}px, {defaultColor}</Text>;
+ * }
+ * ```
+ */
+export function useIconThemeValue(key) {
+  const {
+    theme
+  } = useIconTheme();
+  const value = theme[key];
+  if (value !== undefined) {
+    return value;
+  }
+  const defaultValue = DEFAULT_ICON_THEME[key];
+  return defaultValue;
+}
+
+/**
+ * useMergedIconProps
+ *
+ * Merges component props with theme defaults.
+ * Props take precedence over theme values.
+ *
+ * @param props - Component props
+ * @returns Merged props with theme defaults
+ *
+ * @example
+ * ```tsx
+ * function CustomIcon({ size, color, ...rest }: IconProps) {
+ *   const mergedProps = useMergedIconProps({ size, color });
+ *   // mergedProps.size = props.size ?? theme.size ?? 24
+ *   // mergedProps.color = props.color ?? theme.color ?? '#000000'
+ * }
+ * ```
+ */
+export function useMergedIconProps(props) {
+  const {
+    theme
+  } = useIconTheme();
+  return useMemo(() => {
+    return {
+      ...props,
+      size: props.size ?? theme.size ?? DEFAULT_ICON_THEME.size,
+      color: props.color ?? theme.color ?? DEFAULT_ICON_THEME.color,
+      placeholder: props.placeholder ?? theme.placeholder,
+      placeholderColor: props.placeholderColor ?? theme.placeholderColor ?? DEFAULT_ICON_THEME.placeholderColor,
+      placeholderDuration: props.placeholderDuration ?? theme.placeholderDuration ?? DEFAULT_ICON_THEME.placeholderDuration,
+      rotate: props.rotate ?? theme.rotate ?? DEFAULT_ICON_THEME.rotate,
+      flip: props.flip ?? theme.flip,
+      fallbackDelay: props.fallbackDelay ?? theme.fallbackDelay ?? DEFAULT_ICON_THEME.fallbackDelay
+    };
+  }, [props, theme]);
+}
+//# sourceMappingURL=useIconTheme.js.map

package/lib/module/theme/useIconTheme.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useContext","useMemo","IconThemeContext","DEFAULT_ICON_THEME","useIconTheme","context","useIconThemeValue","key","theme","value","undefined","defaultValue","useMergedIconProps","props","size","color","placeholder","placeholderColor","placeholderDuration","rotate","flip","fallbackDelay"],"sourceRoot":"../../../src","sources":["theme/useIconTheme.ts"],"mappings":"AAAA;AACA;AACA;AACA;;AAEA,SAASA,UAAU,EAAEC,OAAO,QAAQ,OAAO;AAC3C,SAASC,gBAAgB,QAAQ,WAAW;AAE5C,SAASC,kBAAkB,QAAQ,SAAS;;AAE5C;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,SAASC,YAAYA,CAAA,EAA0B;EACpD,MAAMC,OAAO,GAAGL,UAAU,CAACE,gBAAgB,CAAC;EAC5C,OAAOG,OAAO;AAChB;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,iBAAiBA,CAC/BC,GAAM,EACiC;EACvC,MAAM;IAAEC;EAAM,CAAC,GAAGJ,YAAY,CAAC,CAAC;EAChC,MAAMK,KAAK,GAAGD,KAAK,CAACD,GAAG,CAAC;EACxB,IAAIE,KAAK,KAAKC,SAAS,EAAE;IACvB,OAAOD,KAAK;EACd;EACA,MAAME,YAAY,GAAGR,kBAAkB,CAACI,GAAG,CAAoC;EAC/E,OAAOI,YAAY;AACrB;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,kBAAkBA,CAChCC,KAAQ,EAC6E;EACrF,MAAM;IAAEL;EAAM,CAAC,GAAGJ,YAAY,CAAC,CAAC;EAEhC,OAAOH,OAAO,CAAC,MAAM;IACnB,OAAO;MACL,GAAGY,KAAK;MACRC,IAAI,EAAED,KAAK,CAACC,IAAI,IAAIN,KAAK,CAACM,IAAI,IAAIX,kBAAkB,CAACW,IAAI;MACzDC,KAAK,EAAEF,KAAK,CAACE,KAAK,IAAIP,KAAK,CAACO,KAAK,IAAIZ,kBAAkB,CAACY,KAAK;MAC7DC,WAAW,EAAEH,KAAK,CAACG,WAAW,IAAIR,KAAK,CAACQ,WAAW;MACnDC,gBAAgB,EACdJ,KAAK,CAACI,gBAAgB,IAAIT,KAAK,CAACS,gBAAgB,IAAId,kBAAkB,CAACc,gBAAgB;MACzFC,mBAAmB,EACjBL,KAAK,CAACK,mBAAmB,IACzBV,KAAK,CAACU,mBAAmB,IACzBf,kBAAkB,CAACe,mBAAmB;MACxCC,MAAM,EAAEN,KAAK,CAACM,MAAM,IAAIX,KAAK,CAACW,MAAM,IAAIhB,kBAAkB,CAACgB,MAAM;MACjEC,IAAI,EAAEP,KAAK,CAACO,IAAI,IAAIZ,KAAK,CAACY,IAAI;MAC9BC,aAAa,EAAER,KAAK,CAACQ,aAAa,IAAIb,KAAK,CAACa,aAAa,IAAIlB,kBAAkB,CAACkB;IAClF,CAAC;EACH,CAAC,EAAE,CAACR,KAAK,EAAEL,KAAK,CAAC,CAAC;AACpB","ignoreList":[]}

package/lib/typescript/IconRenderer.d.ts

@@ -4,5 +4,5 @@
  */
 import React from 'react';
 import type { IconRendererProps } from './types';
-export declare function IconRenderer({ iconName, size, color, width: propWidth, height: propHeight, style, rotate, flip, fallback, fallbackDelay, onLoad, onError, accessibilityLabel, testID, }: IconRendererProps): React.JSX.Element;
+export declare function IconRenderer({ iconName, size, color, width: propWidth, height: propHeight, style, rotate, flip, fallback, fallbackDelay, placeholder, placeholderColor, placeholderDuration, onLoad, onError, accessibilityLabel, testID, animate, animationDuration, animationLoop, animationEasing, animationDelay, autoPlay, onAnimationComplete, }: IconRendererProps): React.JSX.Element;
 //# sourceMappingURL=IconRenderer.d.ts.map

package/lib/typescript/IconRenderer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"IconRenderer.d.ts","sourceRoot":"","sources":["../../src/IconRenderer.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAA4D,MAAM,OAAO,CAAC;AAKjF,OAAO,KAAK,EAAE,iBAAiB,EAAoB,MAAM,SAAS,CAAC;AAenE,wBAAgB,YAAY,CAAC,EAC3B,QAAQ,EACR,IAAS,EACT,KAAiB,EACjB,KAAK,EAAE,SAAS,EAChB,MAAM,EAAE,UAAU,EAClB,KAAK,EACL,MAAU,EACV,IAAI,EACJ,QAAQ,EACR,aAAiB,EACjB,MAAM,EACN,OAAO,EACP,kBAAkB,EAClB,MAAM,GACP,EAAE,iBAAiB,qBA0KnB"}
+{"version":3,"file":"IconRenderer.d.ts","sourceRoot":"","sources":["../../src/IconRenderer.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAA4D,MAAM,OAAO,CAAC;AAOjF,OAAO,KAAK,EAAE,iBAAiB,EAAoB,MAAM,SAAS,CAAC;AAenE,wBAAgB,YAAY,CAAC,EAC3B,QAAQ,EACR,IAAS,EACT,KAAiB,EACjB,KAAK,EAAE,SAAS,EAChB,MAAM,EAAE,UAAU,EAClB,KAAK,EACL,MAAU,EACV,IAAI,EACJ,QAAQ,EACR,aAAiB,EACjB,WAAW,EACX,gBAAgB,EAChB,mBAAmB,EACnB,MAAM,EACN,OAAO,EACP,kBAAkB,EAClB,MAAM,EAEN,OAAO,EACP,iBAAiB,EACjB,aAAa,EACb,eAAe,EACf,cAAc,EACd,QAAe,EACf,mBAAmB,GACpB,EAAE,iBAAiB,qBAoPnB"}

package/lib/typescript/accessibility/AccessibilityProvider.d.ts

@@ -0,0 +1,57 @@
+/**
+ * Accessibility Provider for rn-iconify
+ * Provides accessibility context to all icon components
+ */
+import React from 'react';
+import type { AccessibilityConfig, ResolvedAccessibilityConfig, AccessibilityContextValue } from './types';
+/**
+ * Default accessibility configuration
+ */
+export declare const DEFAULT_ACCESSIBILITY_CONFIG: ResolvedAccessibilityConfig;
+/**
+ * Accessibility context
+ */
+export declare const AccessibilityContext: React.Context<AccessibilityContextValue | null>;
+/**
+ * Props for AccessibilityProvider
+ */
+export interface AccessibilityProviderProps {
+    /**
+     * Initial accessibility configuration
+     */
+    config?: AccessibilityConfig;
+    /**
+     * Children components
+     */
+    children: React.ReactNode;
+}
+/**
+ * Accessibility Provider Component
+ * Wraps your app to provide accessibility features to all icons
+ *
+ * @example
+ * ```tsx
+ * import { AccessibilityProvider } from 'rn-iconify';
+ *
+ * function App() {
+ *   return (
+ *     <AccessibilityProvider config={{ autoLabels: true }}>
+ *       <MyApp />
+ *     </AccessibilityProvider>
+ *   );
+ * }
+ * ```
+ */
+export declare function AccessibilityProvider({ config: initialConfig, children, }: AccessibilityProviderProps): React.ReactElement;
+/**
+ * Hook to access accessibility context
+ * Throws if used outside AccessibilityProvider
+ */
+export declare function useAccessibilityContext(): AccessibilityContextValue;
+/**
+ * Hook to safely access accessibility context
+ * Returns null if used outside AccessibilityProvider
+ */
+export declare function useAccessibility(): AccessibilityContextValue | null;
+export default AccessibilityProvider;
+//# sourceMappingURL=AccessibilityProvider.d.ts.map

package/lib/typescript/accessibility/AccessibilityProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccessibilityProvider.d.ts","sourceRoot":"","sources":["../../../src/accessibility/AccessibilityProvider.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAA+E,MAAM,OAAO,CAAC;AAGpG,OAAO,KAAK,EACV,mBAAmB,EACnB,2BAA2B,EAC3B,yBAAyB,EAC1B,MAAM,SAAS,CAAC;AAGjB;;GAEG;AACH,eAAO,MAAM,4BAA4B,EAAE,2BAQ1C,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,oBAAoB,iDAAwD,CAAC;AAE1F;;GAEG;AACH,MAAM,WAAW,0BAA0B;IACzC;;OAEG;IACH,MAAM,CAAC,EAAE,mBAAmB,CAAC;IAE7B;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,qBAAqB,CAAC,EACpC,MAAM,EAAE,aAAa,EACrB,QAAQ,GACT,EAAE,0BAA0B,GAAG,KAAK,CAAC,YAAY,CAiIjD;AAED;;;GAGG;AACH,wBAAgB,uBAAuB,IAAI,yBAAyB,CAMnE;AAED;;;GAGG;AACH,wBAAgB,gBAAgB,IAAI,yBAAyB,GAAG,IAAI,CAEnE;AAED,eAAe,qBAAqB,CAAC"}

package/lib/typescript/accessibility/index.d.ts

@@ -0,0 +1,37 @@
+/**
+ * Accessibility Module for rn-iconify
+ * Provides accessibility features for icon components
+ *
+ * @example
+ * ```tsx
+ * import { AccessibilityProvider, useAccessibleIcon } from 'rn-iconify';
+ *
+ * // Wrap your app with AccessibilityProvider
+ * function App() {
+ *   return (
+ *     <AccessibilityProvider config={{ autoLabels: true, highContrast: false }}>
+ *       <MyApp />
+ *     </AccessibilityProvider>
+ *   );
+ * }
+ *
+ * // Use the hook in your components
+ * function MyIcon({ name, size, color }) {
+ *   const { accessibilityProps, adjustedColor } = useAccessibleIcon({
+ *     iconName: name,
+ *     size,
+ *     color,
+ *   });
+ *
+ *   return <Icon name={name} size={size} color={adjustedColor} {...accessibilityProps} />;
+ * }
+ * ```
+ */
+export type { AccessibilityConfig, ResolvedAccessibilityConfig, AccessibilityContextValue, AccessibleIconProps, } from './types';
+export { AccessibilityProvider, AccessibilityContext, useAccessibilityContext, useAccessibility, DEFAULT_ACCESSIBILITY_CONFIG, } from './AccessibilityProvider';
+export type { AccessibilityProviderProps } from './AccessibilityProvider';
+export { useAccessibleIcon, withAccessibility } from './useAccessibleIcon';
+export type { UseAccessibleIconInput, UseAccessibleIconOutput } from './useAccessibleIcon';
+export { defaultLabelGenerator, adjustForHighContrast, meetsContrastRequirement, getHighContrastAlternative, calculateTouchTargetPadding, } from './utils';
+export { AccessibilityProvider as default } from './AccessibilityProvider';
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/accessibility/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/accessibility/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AAGH,YAAY,EACV,mBAAmB,EACnB,2BAA2B,EAC3B,yBAAyB,EACzB,mBAAmB,GACpB,MAAM,SAAS,CAAC;AAGjB,OAAO,EACL,qBAAqB,EACrB,oBAAoB,EACpB,uBAAuB,EACvB,gBAAgB,EAChB,4BAA4B,GAC7B,MAAM,yBAAyB,CAAC;AACjC,YAAY,EAAE,0BAA0B,EAAE,MAAM,yBAAyB,CAAC;AAG1E,OAAO,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAC3E,YAAY,EAAE,sBAAsB,EAAE,uBAAuB,EAAE,MAAM,qBAAqB,CAAC;AAG3F,OAAO,EACL,qBAAqB,EACrB,qBAAqB,EACrB,wBAAwB,EACxB,0BAA0B,EAC1B,2BAA2B,GAC5B,MAAM,SAAS,CAAC;AAGjB,OAAO,EAAE,qBAAqB,IAAI,OAAO,EAAE,MAAM,yBAAyB,CAAC"}

package/lib/typescript/accessibility/types.d.ts

@@ -0,0 +1,130 @@
+/**
+ * Accessibility types for rn-iconify
+ */
+import type { AccessibilityRole } from 'react-native';
+/**
+ * Accessibility configuration
+ */
+export interface AccessibilityConfig {
+    /**
+     * Enable auto-generated accessibility labels
+     * @default true
+     */
+    autoLabels?: boolean;
+    /**
+     * Custom label generator function
+     */
+    labelGenerator?: (iconName: string) => string;
+    /**
+     * Enable high contrast mode
+     * @default false (auto-detect from system)
+     */
+    highContrast?: boolean;
+    /**
+     * Respect reduced motion preference
+     * @default true
+     */
+    respectReducedMotion?: boolean;
+    /**
+     * Default accessibility role for icons
+     * @default 'image'
+     */
+    defaultRole?: AccessibilityRole;
+    /**
+     * Enable focus indicators
+     * @default true
+     */
+    showFocusIndicators?: boolean;
+    /**
+     * Minimum touch target size (for pressable icons)
+     * @default 44
+     */
+    minTouchTargetSize?: number;
+}
+/**
+ * Resolved accessibility config with defaults applied
+ */
+export interface ResolvedAccessibilityConfig {
+    autoLabels: boolean;
+    labelGenerator: (iconName: string) => string;
+    highContrast: boolean;
+    respectReducedMotion: boolean;
+    defaultRole: AccessibilityRole;
+    showFocusIndicators: boolean;
+    minTouchTargetSize: number;
+}
+/**
+ * Accessibility context value
+ */
+export interface AccessibilityContextValue {
+    /**
+     * Current accessibility configuration
+     */
+    config: ResolvedAccessibilityConfig;
+    /**
+     * System prefers reduced motion
+     */
+    prefersReducedMotion: boolean;
+    /**
+     * System high contrast mode enabled
+     */
+    isHighContrast: boolean;
+    /**
+     * Update accessibility configuration
+     */
+    setConfig: (config: Partial<AccessibilityConfig>) => void;
+    /**
+     * Generate label for icon
+     */
+    getLabel: (iconName: string, customLabel?: string) => string | undefined;
+    /**
+     * Get color adjusted for high contrast
+     */
+    getContrastColor: (color: string) => string;
+    /**
+     * Check if animations should be disabled
+     */
+    shouldDisableAnimations: () => boolean;
+}
+/**
+ * Props for accessibility-enhanced icons
+ */
+export interface AccessibleIconProps {
+    /**
+     * Accessibility label (auto-generated if not provided)
+     */
+    accessibilityLabel?: string;
+    /**
+     * Accessibility hint
+     */
+    accessibilityHint?: string;
+    /**
+     * Accessibility role
+     * @default 'image'
+     */
+    accessibilityRole?: AccessibilityRole;
+    /**
+     * Whether the icon is part of a button or pressable
+     */
+    accessibilityState?: {
+        disabled?: boolean;
+        selected?: boolean;
+        checked?: boolean | 'mixed';
+        busy?: boolean;
+        expanded?: boolean;
+    };
+    /**
+     * Override high contrast mode for this icon
+     */
+    highContrast?: boolean;
+    /**
+     * Whether this icon should be hidden from screen readers
+     * Useful for decorative icons
+     */
+    accessibilityElementsHidden?: boolean;
+    /**
+     * Import for Android accessibility
+     */
+    importantForAccessibility?: 'auto' | 'yes' | 'no' | 'no-hide-descendants';
+}
+//# sourceMappingURL=types.d.ts.map

package/lib/typescript/accessibility/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/accessibility/types.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAEtD;;GAEG;AACH,MAAM,WAAW,mBAAmB;IAClC;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;OAEG;IACH,cAAc,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,MAAM,CAAC;IAE9C;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB;;;OAGG;IACH,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAE/B;;;OAGG;IACH,WAAW,CAAC,EAAE,iBAAiB,CAAC;IAEhC;;;OAGG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAE9B;;;OAGG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED;;GAEG;AACH,MAAM,WAAW,2BAA2B;IAC1C,UAAU,EAAE,OAAO,CAAC;IACpB,cAAc,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,MAAM,CAAC;IAC7C,YAAY,EAAE,OAAO,CAAC;IACtB,oBAAoB,EAAE,OAAO,CAAC;IAC9B,WAAW,EAAE,iBAAiB,CAAC;IAC/B,mBAAmB,EAAE,OAAO,CAAC;IAC7B,kBAAkB,EAAE,MAAM,CAAC;CAC5B;AAED;;GAEG;AACH,MAAM,WAAW,yBAAyB;IACxC;;OAEG;IACH,MAAM,EAAE,2BAA2B,CAAC;IAEpC;;OAEG;IACH,oBAAoB,EAAE,OAAO,CAAC;IAE9B;;OAEG;IACH,cAAc,EAAE,OAAO,CAAC;IAExB;;OAEG;IACH,SAAS,EAAE,CAAC,MAAM,EAAE,OAAO,CAAC,mBAAmB,CAAC,KAAK,IAAI,CAAC;IAE1D;;OAEG;IACH,QAAQ,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,WAAW,CAAC,EAAE,MAAM,KAAK,MAAM,GAAG,SAAS,CAAC;IAEzE;;OAEG;IACH,gBAAgB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IAE5C;;OAEG;IACH,uBAAuB,EAAE,MAAM,OAAO,CAAC;CACxC;AAED;;GAEG;AACH,MAAM,WAAW,mBAAmB;IAClC;;OAEG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAE5B;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAE3B;;;OAGG;IACH,iBAAiB,CAAC,EAAE,iBAAiB,CAAC;IAEtC;;OAEG;IACH,kBAAkB,CAAC,EAAE;QACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;QACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;QACnB,OAAO,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC;QAC5B,IAAI,CAAC,EAAE,OAAO,CAAC;QACf,QAAQ,CAAC,EAAE,OAAO,CAAC;KACpB,CAAC;IAEF;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB;;;OAGG;IACH,2BAA2B,CAAC,EAAE,OAAO,CAAC;IAEtC;;OAEG;IACH,yBAAyB,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,IAAI,GAAG,qBAAqB,CAAC;CAC3E"}

package/lib/typescript/accessibility/useAccessibleIcon.d.ts

@@ -0,0 +1,111 @@
+/**
+ * Hook for creating accessible icon props
+ */
+import type { AccessibilityRole } from 'react-native';
+import type { AccessibleIconProps } from './types';
+/**
+ * Input props for useAccessibleIcon hook
+ */
+export interface UseAccessibleIconInput {
+    /**
+     * Icon name for auto-label generation
+     */
+    iconName: string;
+    /**
+     * Icon size for touch target calculation
+     */
+    size?: number;
+    /**
+     * Custom accessibility label
+     */
+    accessibilityLabel?: string;
+    /**
+     * Custom accessibility hint
+     */
+    accessibilityHint?: string;
+    /**
+     * Custom accessibility role
+     */
+    accessibilityRole?: AccessibilityRole;
+    /**
+     * Override high contrast for this icon
+     */
+    highContrast?: boolean;
+    /**
+     * Hide from screen readers (decorative icon)
+     */
+    accessibilityElementsHidden?: boolean;
+    /**
+     * Android importantForAccessibility
+     */
+    importantForAccessibility?: 'auto' | 'yes' | 'no' | 'no-hide-descendants';
+    /**
+     * Icon color for contrast adjustment
+     */
+    color?: string;
+    /**
+     * Whether the icon is interactive (button, etc.)
+     */
+    isInteractive?: boolean;
+}
+/**
+ * Output props from useAccessibleIcon hook
+ */
+export interface UseAccessibleIconOutput {
+    /**
+     * Props to spread on the icon component
+     */
+    accessibilityProps: {
+        accessible: boolean;
+        accessibilityLabel?: string;
+        accessibilityHint?: string;
+        accessibilityRole: AccessibilityRole;
+        accessibilityElementsHidden?: boolean;
+        importantForAccessibility?: 'auto' | 'yes' | 'no' | 'no-hide-descendants';
+    };
+    /**
+     * Adjusted color for high contrast
+     */
+    adjustedColor?: string;
+    /**
+     * Padding needed to meet minimum touch target
+     */
+    touchTargetPadding: number;
+    /**
+     * Whether animations should be disabled
+     */
+    shouldDisableAnimations: boolean;
+    /**
+     * Whether high contrast mode is active
+     */
+    isHighContrast: boolean;
+}
+/**
+ * Hook for creating accessible icon props
+ * Automatically generates labels, adjusts colors, and calculates touch targets
+ *
+ * @example
+ * ```tsx
+ * function MyIcon({ name, size, color }) {
+ *   const { accessibilityProps, adjustedColor, touchTargetPadding } = useAccessibleIcon({
+ *     iconName: name,
+ *     size,
+ *     color,
+ *   });
+ *
+ *   return (
+ *     <View style={{ padding: touchTargetPadding }} {...accessibilityProps}>
+ *       <Icon name={name} size={size} color={adjustedColor} />
+ *     </View>
+ *   );
+ * }
+ * ```
+ */
+export declare function useAccessibleIcon(input: UseAccessibleIconInput): UseAccessibleIconOutput;
+/**
+ * Higher-order component props enhancer
+ * Use this to add accessibility to existing icon components
+ */
+export declare function withAccessibility<P extends AccessibleIconProps>(props: P & UseAccessibleIconInput): P & UseAccessibleIconOutput['accessibilityProps'];
+export default useAccessibleIcon;
+//# sourceMappingURL=useAccessibleIcon.d.ts.map

package/lib/typescript/accessibility/useAccessibleIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAccessibleIcon.d.ts","sourceRoot":"","sources":["../../../src/accessibility/useAccessibleIcon.ts"],"names":[],"mappings":"AAAA;;GAEG;AAGH,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAEtD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAGnD;;GAEG;AACH,MAAM,WAAW,sBAAsB;IACrC;;OAEG;IACH,QAAQ,EAAE,MAAM,CAAC;IAEjB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAE5B;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAE3B;;OAEG;IACH,iBAAiB,CAAC,EAAE,iBAAiB,CAAC;IAEtC;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB;;OAEG;IACH,2BAA2B,CAAC,EAAE,OAAO,CAAC;IAEtC;;OAEG;IACH,yBAAyB,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,IAAI,GAAG,qBAAqB,CAAC;IAE1E;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAED;;GAEG;AACH,MAAM,WAAW,uBAAuB;IACtC;;OAEG;IACH,kBAAkB,EAAE;QAClB,UAAU,EAAE,OAAO,CAAC;QACpB,kBAAkB,CAAC,EAAE,MAAM,CAAC;QAC5B,iBAAiB,CAAC,EAAE,MAAM,CAAC;QAC3B,iBAAiB,EAAE,iBAAiB,CAAC;QACrC,2BAA2B,CAAC,EAAE,OAAO,CAAC;QACtC,yBAAyB,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,IAAI,GAAG,qBAAqB,CAAC;KAC3E,CAAC;IAEF;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB;;OAEG;IACH,kBAAkB,EAAE,MAAM,CAAC;IAE3B;;OAEG;IACH,uBAAuB,EAAE,OAAO,CAAC;IAEjC;;OAEG;IACH,cAAc,EAAE,OAAO,CAAC;CACzB;AAED;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,GAAG,uBAAuB,CA+ExF;AAED;;;GAGG;AACH,wBAAgB,iBAAiB,CAAC,CAAC,SAAS,mBAAmB,EAC7D,KAAK,EAAE,CAAC,GAAG,sBAAsB,GAChC,CAAC,GAAG,uBAAuB,CAAC,oBAAoB,CAAC,CAOnD;AAED,eAAe,iBAAiB,CAAC"}

package/lib/typescript/accessibility/utils.d.ts

@@ -0,0 +1,29 @@
+/**
+ * Accessibility utility functions for rn-iconify
+ */
+/**
+ * Default label generator - converts icon names to readable labels
+ * Examples:
+ *   - "mdi:home" -> "home icon"
+ *   - "heroicons:user-circle" -> "user circle icon"
+ *   - "lucide:arrow-left" -> "arrow left icon"
+ */
+export declare function defaultLabelGenerator(iconName: string): string;
+/**
+ * Adjust color for high contrast mode
+ * Increases contrast by pushing colors toward black or white
+ */
+export declare function adjustForHighContrast(color: string): string;
+/**
+ * Check if a color meets WCAG contrast requirements against a background
+ */
+export declare function meetsContrastRequirement(foreground: string, background: string, level?: 'AA' | 'AAA'): boolean;
+/**
+ * Generate a high contrast alternative for a color
+ */
+export declare function getHighContrastAlternative(color: string, background?: string): string;
+/**
+ * Calculate minimum touch target padding needed
+ */
+export declare function calculateTouchTargetPadding(iconSize: number, minTargetSize: number): number;
+//# sourceMappingURL=utils.d.ts.map

package/lib/typescript/accessibility/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/accessibility/utils.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH;;;;;;GAMG;AACH,wBAAgB,qBAAqB,CAAC,QAAQ,EAAE,MAAM,GAAG,MAAM,CAkB9D;AAED;;;GAGG;AACH,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAgB3D;AA6DD;;GAEG;AACH,wBAAgB,wBAAwB,CACtC,UAAU,EAAE,MAAM,EAClB,UAAU,EAAE,MAAM,EAClB,KAAK,GAAE,IAAI,GAAG,KAAY,GACzB,OAAO,CAkBT;AAiBD;;GAEG;AACH,wBAAgB,0BAA0B,CAAC,KAAK,EAAE,MAAM,EAAE,UAAU,GAAE,MAAkB,GAAG,MAAM,CAchG;AAED;;GAEG;AACH,wBAAgB,2BAA2B,CAAC,QAAQ,EAAE,MAAM,EAAE,aAAa,EAAE,MAAM,GAAG,MAAM,CAG3F"}

package/lib/typescript/alias/Icon.d.ts

@@ -0,0 +1,38 @@
+/**
+ * Generic Icon Component
+ * Renders any icon by full name (prefix:name) or alias
+ */
+import React from 'react';
+import type { GenericIconProps } from './types';
+/**
+ * Generic Icon component that accepts any icon name or alias
+ *
+ * @example With full icon name
+ * ```tsx
+ * import { Icon } from 'rn-iconify';
+ *
+ * <Icon name="mdi:home" size={24} color="blue" />
+ * <Icon name="heroicons:user" size={24} />
+ * ```
+ *
+ * @example With aliases (requires IconAliasProvider)
+ * ```tsx
+ * import { Icon, IconAliasProvider } from 'rn-iconify';
+ *
+ * const aliases = {
+ *   back: 'mdi:arrow-left',
+ *   menu: 'heroicons:bars-3',
+ * };
+ *
+ * <IconAliasProvider aliases={aliases}>
+ *   <Icon name="back" size={24} />
+ *   <Icon name="menu" size={24} />
+ * </IconAliasProvider>
+ * ```
+ */
+export declare function Icon({ name, size, color, width, height, style, rotate, flip, fallback, fallbackDelay, placeholder, placeholderColor, placeholderDuration, onLoad, onError, accessibilityLabel, testID, }: GenericIconProps): React.JSX.Element;
+export declare namespace Icon {
+    var displayName: string;
+}
+export default Icon;
+//# sourceMappingURL=Icon.d.ts.map

package/lib/typescript/alias/Icon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../src/alias/Icon.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAEhD;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,wBAAgB,IAAI,CAAC,EACnB,IAAI,EACJ,IAAI,EACJ,KAAK,EACL,KAAK,EACL,MAAM,EACN,KAAK,EACL,MAAM,EACN,IAAI,EACJ,QAAQ,EACR,aAAa,EACb,WAAW,EACX,gBAAgB,EAChB,mBAAmB,EACnB,MAAM,EACN,OAAO,EACP,kBAAkB,EAClB,MAAM,GACP,EAAE,gBAAgB,qBAoDlB;yBAtEe,IAAI;;;AA0EpB,eAAe,IAAI,CAAC"}

package/lib/typescript/alias/IconAliasContext.d.ts

@@ -0,0 +1,52 @@
+/**
+ * Icon Alias Context
+ * Provides alias resolution throughout the component tree
+ */
+import React from 'react';
+import type { IconAliasContextValue, IconAliasProviderProps } from './types';
+/**
+ * Icon Alias Context
+ */
+export declare const IconAliasContext: React.Context<IconAliasContextValue>;
+/**
+ * Hook to access icon alias context
+ *
+ * @example
+ * ```tsx
+ * const { resolveIcon, isAlias } = useIconAliasContext();
+ * const fullName = resolveIcon('back'); // 'mdi:arrow-left'
+ * ```
+ */
+export declare function useIconAliasContext(): IconAliasContextValue;
+/**
+ * Hook to resolve an icon name (alias or full name)
+ *
+ * @example
+ * ```tsx
+ * const resolvedName = useResolveIcon('back'); // 'mdi:arrow-left'
+ * const resolvedName2 = useResolveIcon('mdi:home'); // 'mdi:home'
+ * ```
+ */
+export declare function useResolveIcon(name: string): string;
+/**
+ * Icon Alias Provider
+ * Provides alias resolution to all child components
+ *
+ * @example
+ * ```tsx
+ * const aliases = {
+ *   back: 'mdi:arrow-left',
+ *   menu: 'heroicons:bars-3',
+ * };
+ *
+ * <IconAliasProvider aliases={aliases}>
+ *   <App />
+ * </IconAliasProvider>
+ * ```
+ */
+export declare function IconAliasProvider({ aliases: initialAliases, extend, children, }: IconAliasProviderProps): React.JSX.Element;
+/**
+ * Default export for convenience
+ */
+export default IconAliasProvider;
+//# sourceMappingURL=IconAliasContext.d.ts.map

package/lib/typescript/alias/IconAliasContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconAliasContext.d.ts","sourceRoot":"","sources":["../../../src/alias/IconAliasContext.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAoE,MAAM,OAAO,CAAC;AACzF,OAAO,KAAK,EAAE,qBAAqB,EAAE,sBAAsB,EAAgB,MAAM,SAAS,CAAC;AAY3F;;GAEG;AACH,eAAO,MAAM,gBAAgB,sCAA4D,CAAC;AAE1F;;;;;;;;GAQG;AACH,wBAAgB,mBAAmB,IAAI,qBAAqB,CAE3D;AAED;;;;;;;;GAQG;AACH,wBAAgB,cAAc,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAGnD;AAyBD;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,iBAAiB,CAAC,EAChC,OAAO,EAAE,cAAc,EACvB,MAAa,EACb,QAAQ,GACT,EAAE,sBAAsB,qBAiFxB;AAED;;GAEG;AACH,eAAe,iBAAiB,CAAC"}