rn-iconify 1.0.0 → 2.0.0

package/lib/module/navigation/createHeaderIcon.js

@@ -0,0 +1,175 @@
+/**
+ * createHeaderIcon - Helper for React Navigation header icons
+ * Creates header icons for headerLeft, headerRight, etc.
+ */
+
+import React from 'react';
+import { TouchableOpacity, StyleSheet } from 'react-native';
+import { Icon } from '../alias';
+
+/**
+ * Configuration for header icon
+ */
+
+/**
+ * Create a header icon component for React Navigation
+ *
+ * @example headerRight with back action
+ * ```tsx
+ * import { createHeaderIcon } from 'rn-iconify/navigation';
+ *
+ * <Stack.Screen
+ *   name="Details"
+ *   options={({ navigation }) => ({
+ *     headerRight: createHeaderIcon({
+ *       icon: 'mdi:close',
+ *       onPress: () => navigation.goBack(),
+ *     }),
+ *   })}
+ * />
+ * ```
+ *
+ * @example headerLeft with menu
+ * ```tsx
+ * <Stack.Screen
+ *   options={({ navigation }) => ({
+ *     headerLeft: createHeaderIcon({
+ *       icon: 'mdi:menu',
+ *       onPress: () => navigation.openDrawer(),
+ *       accessibilityLabel: 'Open menu',
+ *     }),
+ *   })}
+ * />
+ * ```
+ *
+ * @example Custom styling
+ * ```tsx
+ * <Stack.Screen
+ *   options={{
+ *     headerRight: createHeaderIcon({
+ *       icon: 'mdi:dots-vertical',
+ *       size: 28,
+ *       color: '#007AFF',
+ *       style: { marginRight: 8 },
+ *     }),
+ *   }}
+ * />
+ * ```
+ */
+export function createHeaderIcon(config) {
+  const {
+    icon,
+    size = 24,
+    color,
+    onPress,
+    style,
+    accessibilityLabel,
+    hitSlop = {
+      top: 10,
+      bottom: 10,
+      left: 10,
+      right: 10
+    }
+  } = config;
+  return function HeaderIcon(props) {
+    const iconColor = color ?? props.tintColor ?? '#000000';
+    const iconElement = /*#__PURE__*/React.createElement(Icon, {
+      name: icon,
+      size: size,
+      color: iconColor,
+      accessibilityLabel: accessibilityLabel
+    });
+    if (onPress) {
+      return /*#__PURE__*/React.createElement(TouchableOpacity, {
+        onPress: onPress,
+        style: [styles.container, style, {
+          padding: 8
+        }],
+        hitSlop: hitSlop,
+        accessibilityRole: "button",
+        accessibilityLabel: accessibilityLabel,
+        activeOpacity: props.pressOpacity ?? 0.7
+      }, iconElement);
+    }
+    return iconElement;
+  };
+}
+
+/**
+ * Create a back button icon for navigation headers
+ *
+ * @example
+ * ```tsx
+ * import { createBackIcon } from 'rn-iconify/navigation';
+ *
+ * <Stack.Screen
+ *   options={({ navigation }) => ({
+ *     headerLeft: createBackIcon({
+ *       onPress: () => navigation.goBack(),
+ *     }),
+ *   })}
+ * />
+ * ```
+ */
+export function createBackIcon(options = {}) {
+  return createHeaderIcon({
+    icon: 'mdi:arrow-left',
+    accessibilityLabel: 'Go back',
+    ...options
+  });
+}
+
+/**
+ * Create a close button icon for modal screens
+ *
+ * @example
+ * ```tsx
+ * import { createCloseIcon } from 'rn-iconify/navigation';
+ *
+ * <Stack.Screen
+ *   options={({ navigation }) => ({
+ *     headerRight: createCloseIcon({
+ *       onPress: () => navigation.goBack(),
+ *     }),
+ *   })}
+ * />
+ * ```
+ */
+export function createCloseIcon(options = {}) {
+  return createHeaderIcon({
+    icon: 'mdi:close',
+    accessibilityLabel: 'Close',
+    ...options
+  });
+}
+
+/**
+ * Create a menu button icon for opening drawers
+ *
+ * @example
+ * ```tsx
+ * import { createMenuIcon } from 'rn-iconify/navigation';
+ *
+ * <Stack.Screen
+ *   options={({ navigation }) => ({
+ *     headerLeft: createMenuIcon({
+ *       onPress: () => navigation.openDrawer(),
+ *     }),
+ *   })}
+ * />
+ * ```
+ */
+export function createMenuIcon(options = {}) {
+  return createHeaderIcon({
+    icon: 'mdi:menu',
+    accessibilityLabel: 'Open menu',
+    ...options
+  });
+}
+const styles = StyleSheet.create({
+  container: {
+    padding: 8
+  }
+});
+export default createHeaderIcon;
+//# sourceMappingURL=createHeaderIcon.js.map

package/lib/module/navigation/createHeaderIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","TouchableOpacity","StyleSheet","Icon","createHeaderIcon","config","icon","size","color","onPress","style","accessibilityLabel","hitSlop","top","bottom","left","right","HeaderIcon","props","iconColor","tintColor","iconElement","createElement","name","styles","container","padding","accessibilityRole","activeOpacity","pressOpacity","createBackIcon","options","createCloseIcon","createMenuIcon","create"],"sourceRoot":"../../../src","sources":["navigation/createHeaderIcon.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/navigation/createTabBarIcon.js

@@ -0,0 +1,168 @@
+/**
+ * createTabBarIcon - Helper for React Navigation tab bar icons
+ * Creates a tabBarIcon function that handles focused/unfocused states
+ */
+
+import React from 'react';
+import { Icon } from '../alias';
+/**
+ * Normalize config to full TabBarIconConfig
+ */
+function normalizeConfig(config) {
+  // String: same icon for both states
+  if (typeof config === 'string') {
+    return {
+      focused: config
+    };
+  }
+
+  // Array: [focused, unfocused]
+  if (Array.isArray(config)) {
+    return {
+      focused: config[0],
+      unfocused: config[1]
+    };
+  }
+
+  // Full config object
+  return config;
+}
+
+/**
+ * Create a tab bar icon function for React Navigation
+ *
+ * @example Simple usage (same icon for both states)
+ * ```tsx
+ * import { createTabBarIcon } from 'rn-iconify/navigation';
+ *
+ * <Tab.Screen
+ *   name="Home"
+ *   component={HomeScreen}
+ *   options={{
+ *     tabBarIcon: createTabBarIcon('mdi:home'),
+ *   }}
+ * />
+ * ```
+ *
+ * @example Different icons for focused/unfocused
+ * ```tsx
+ * <Tab.Screen
+ *   options={{
+ *     tabBarIcon: createTabBarIcon(['mdi:home', 'mdi:home-outline']),
+ *   }}
+ * />
+ * ```
+ *
+ * @example With full configuration
+ * ```tsx
+ * <Tab.Screen
+ *   options={{
+ *     tabBarIcon: createTabBarIcon({
+ *       focused: 'mdi:home',
+ *       unfocused: 'mdi:home-outline',
+ *       size: 28,
+ *       focusedColor: '#007AFF',
+ *     }),
+ *   }}
+ * />
+ * ```
+ *
+ * @example With aliases (requires IconAliasProvider)
+ * ```tsx
+ * <Tab.Screen
+ *   options={{
+ *     tabBarIcon: createTabBarIcon(['home', 'home-outline']),
+ *   }}
+ * />
+ * ```
+ */
+export function createTabBarIcon(config) {
+  const normalizedConfig = normalizeConfig(config);
+  return function TabBarIcon({
+    focused,
+    color,
+    size
+  }) {
+    const {
+      focused: focusedIcon,
+      unfocused: unfocusedIcon,
+      size: customSize,
+      focusedColor,
+      unfocusedColor,
+      style,
+      accessibilityLabel
+    } = normalizedConfig;
+
+    // Determine which icon to show
+    const iconName = focused ? focusedIcon : unfocusedIcon ?? focusedIcon;
+
+    // Determine color
+    const iconColor = focused ? focusedColor ?? color : unfocusedColor ?? color;
+
+    // Determine size
+    const iconSize = customSize ?? size;
+    return /*#__PURE__*/React.createElement(Icon, {
+      name: iconName,
+      size: iconSize,
+      color: iconColor,
+      style: style,
+      accessibilityLabel: accessibilityLabel
+    });
+  };
+}
+
+/**
+ * Create multiple tab bar icons at once
+ *
+ * @example
+ * ```tsx
+ * import { createTabBarIcons } from 'rn-iconify/navigation';
+ *
+ * const tabIcons = createTabBarIcons({
+ *   Home: ['mdi:home', 'mdi:home-outline'],
+ *   Search: 'mdi:magnify',
+ *   Profile: ['mdi:account', 'mdi:account-outline'],
+ *   Settings: {
+ *     focused: 'mdi:cog',
+ *     unfocused: 'mdi:cog-outline',
+ *     size: 26,
+ *   },
+ * });
+ *
+ * <Tab.Screen
+ *   name="Home"
+ *   options={{ tabBarIcon: tabIcons.Home }}
+ * />
+ * ```
+ */
+export function createTabBarIcons(configs) {
+  const result = {};
+  for (const [key, config] of Object.entries(configs)) {
+    result[key] = createTabBarIcon(config);
+  }
+  return result;
+}
+
+/**
+ * Quick helper for common tab patterns
+ * Uses filled/outline icon variants automatically
+ *
+ * @example
+ * ```tsx
+ * import { tabIcon } from 'rn-iconify/navigation';
+ *
+ * <Tab.Screen
+ *   options={{
+ *     tabBarIcon: tabIcon('mdi', 'home'),  // mdi:home / mdi:home-outline
+ *   }}
+ * />
+ * ```
+ */
+export function tabIcon(prefix, name, outlineSuffix = '-outline') {
+  return createTabBarIcon({
+    focused: `${prefix}:${name}`,
+    unfocused: `${prefix}:${name}${outlineSuffix}`
+  });
+}
+export default createTabBarIcon;
+//# sourceMappingURL=createTabBarIcon.js.map

package/lib/module/navigation/createTabBarIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Icon","normalizeConfig","config","focused","Array","isArray","unfocused","createTabBarIcon","normalizedConfig","TabBarIcon","color","size","focusedIcon","unfocusedIcon","customSize","focusedColor","unfocusedColor","style","accessibilityLabel","iconName","iconColor","iconSize","createElement","name","createTabBarIcons","configs","result","key","Object","entries","tabIcon","prefix","outlineSuffix"],"sourceRoot":"../../../src","sources":["navigation/createTabBarIcon.tsx"],"mappings":"AAAA;AACA;AACA;AACA;;AAEA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,UAAU;AAQ/B;AACA;AACA;AACA,SAASC,eAAeA,CAACC,MAAiD,EAAoB;EAC5F;EACA,IAAI,OAAOA,MAAM,KAAK,QAAQ,EAAE;IAC9B,OAAO;MAAEC,OAAO,EAAED;IAAO,CAAC;EAC5B;;EAEA;EACA,IAAIE,KAAK,CAACC,OAAO,CAACH,MAAM,CAAC,EAAE;IACzB,OAAO;MAAEC,OAAO,EAAED,MAAM,CAAC,CAAC,CAAC;MAAEI,SAAS,EAAEJ,MAAM,CAAC,CAAC;IAAE,CAAC;EACrD;;EAEA;EACA,OAAOA,MAAM;AACf;;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,OAAO,SAASK,gBAAgBA,CAC9BL,MAAiD,EAC7B;EACpB,MAAMM,gBAAgB,GAAGP,eAAe,CAACC,MAAM,CAAC;EAEhD,OAAO,SAASO,UAAUA,CAAC;IAAEN,OAAO;IAAEO,KAAK;IAAEC;EAAsB,CAAC,EAAE;IACpE,MAAM;MACJR,OAAO,EAAES,WAAW;MACpBN,SAAS,EAAEO,aAAa;MACxBF,IAAI,EAAEG,UAAU;MAChBC,YAAY;MACZC,cAAc;MACdC,KAAK;MACLC;IACF,CAAC,GAAGV,gBAAgB;;IAEpB;IACA,MAAMW,QAAQ,GAAGhB,OAAO,GAAGS,WAAW,GAAIC,aAAa,IAAID,WAAY;;IAEvE;IACA,MAAMQ,SAAS,GAAGjB,OAAO,GAAIY,YAAY,IAAIL,KAAK,GAAKM,cAAc,IAAIN,KAAM;;IAE/E;IACA,MAAMW,QAAQ,GAAGP,UAAU,IAAIH,IAAI;IAEnC,oBACEZ,KAAA,CAAAuB,aAAA,CAACtB,IAAI;MACHuB,IAAI,EAAEJ,QAAS;MACfR,IAAI,EAAEU,QAAS;MACfX,KAAK,EAAEU,SAAU;MACjBH,KAAK,EAAEA,KAAM;MACbC,kBAAkB,EAAEA;IAAmB,CACxC,CAAC;EAEN,CAAC;AACH;;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,OAAO,SAASM,iBAAiBA,CAE/BC,OAAU,EAA0C;EACpD,MAAMC,MAAM,GAAG,CAAC,CAA2C;EAE3D,KAAK,MAAM,CAACC,GAAG,EAAEzB,MAAM,CAAC,IAAI0B,MAAM,CAACC,OAAO,CAACJ,OAAO,CAAC,EAAE;IACnDC,MAAM,CAACC,GAAG,CAAY,GAAGpB,gBAAgB,CAACL,MAAM,CAAC;EACnD;EAEA,OAAOwB,MAAM;AACf;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASI,OAAOA,CACrBC,MAAc,EACdR,IAAY,EACZS,aAAa,GAAG,UAAU,EACN;EACpB,OAAOzB,gBAAgB,CAAC;IACtBJ,OAAO,EAAE,GAAG4B,MAAM,IAAIR,IAAI,EAAE;IAC5BjB,SAAS,EAAE,GAAGyB,MAAM,IAAIR,IAAI,GAAGS,aAAa;EAC9C,CAAC,CAAC;AACJ;AAEA,eAAezB,gBAAgB","ignoreList":[]}

package/lib/module/navigation/index.js

@@ -0,0 +1,59 @@
+/**
+ * React Navigation Integration
+ * Helpers for using rn-iconify with React Navigation
+ *
+ * @example Tab Navigator
+ * ```tsx
+ * import { createTabBarIcon } from 'rn-iconify/navigation';
+ *
+ * <Tab.Navigator>
+ *   <Tab.Screen
+ *     name="Home"
+ *     options={{
+ *       tabBarIcon: createTabBarIcon(['mdi:home', 'mdi:home-outline']),
+ *     }}
+ *   />
+ * </Tab.Navigator>
+ * ```
+ *
+ * @example Drawer Navigator
+ * ```tsx
+ * import { createDrawerIcon } from 'rn-iconify/navigation';
+ *
+ * <Drawer.Screen
+ *   options={{
+ *     drawerIcon: createDrawerIcon('mdi:home'),
+ *   }}
+ * />
+ * ```
+ *
+ * @example Header Icons
+ * ```tsx
+ * import { createHeaderIcon, createBackIcon } from 'rn-iconify/navigation';
+ *
+ * <Stack.Screen
+ *   options={({ navigation }) => ({
+ *     headerLeft: createBackIcon({ onPress: () => navigation.goBack() }),
+ *     headerRight: createHeaderIcon({ icon: 'mdi:dots-vertical' }),
+ *   })}
+ * />
+ * ```
+ */
+
+// Types
+
+export { DEFAULT_NAVIGATION_PRESETS } from './types';
+
+// Tab Bar Icons
+export { createTabBarIcon, createTabBarIcons, tabIcon } from './createTabBarIcon';
+
+// Drawer Icons
+export { createDrawerIcon, createDrawerIcons } from './createDrawerIcon';
+
+// Header Icons
+export { createHeaderIcon, createBackIcon, createCloseIcon, createMenuIcon } from './createHeaderIcon';
+// Hook
+export { useNavigationIcon } from './useNavigationIcon';
+// Default export
+export { createTabBarIcon as default } from './createTabBarIcon';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["DEFAULT_NAVIGATION_PRESETS","createTabBarIcon","createTabBarIcons","tabIcon","createDrawerIcon","createDrawerIcons","createHeaderIcon","createBackIcon","createCloseIcon","createMenuIcon","useNavigationIcon","default"],"sourceRoot":"../../../src","sources":["navigation/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;;AAEA;;AAeA,SAASA,0BAA0B,QAAQ,SAAS;;AAEpD;AACA,SAASC,gBAAgB,EAAEC,iBAAiB,EAAEC,OAAO,QAAQ,oBAAoB;;AAEjF;AACA,SAASC,gBAAgB,EAAEC,iBAAiB,QAAQ,oBAAoB;;AAExE;AACA,SACEC,gBAAgB,EAChBC,cAAc,EACdC,eAAe,EACfC,cAAc,QACT,oBAAoB;AAG3B;AACA,SAASC,iBAAiB,QAAQ,qBAAqB;AAGvD;AACA,SAAST,gBAAgB,IAAIU,OAAO,QAAQ,oBAAoB","ignoreList":[]}

package/lib/module/navigation/types.js

@@ -0,0 +1,88 @@
+/**
+ * React Navigation Integration Types
+ * Type definitions for navigation icon helpers
+ */
+
+/**
+ * Props passed by React Navigation to tabBarIcon
+ */
+
+/**
+ * Props passed by React Navigation to drawerIcon
+ */
+
+/**
+ * Props passed by React Navigation to headerLeft/headerRight icons
+ */
+
+/**
+ * Icon specification - can be a full name or alias
+ * @example 'mdi:home' or 'home' (if alias is registered)
+ */
+
+/**
+ * Configuration for tab bar icon
+ */
+
+/**
+ * Simple config - just icon names
+ */
+
+/**
+ * Configuration for drawer icon
+ */
+
+/**
+ * Return type for createTabBarIcon
+ */
+
+/**
+ * Return type for createDrawerIcon
+ */
+
+/**
+ * Return type for createHeaderIcon
+ */
+
+/**
+ * Navigation icon preset - common icon patterns
+ */
+
+/**
+ * Default icon presets using popular icon sets
+ */
+export const DEFAULT_NAVIGATION_PRESETS = {
+  home: {
+    focused: 'mdi:home',
+    unfocused: 'mdi:home-outline'
+  },
+  search: {
+    focused: 'mdi:magnify',
+    unfocused: 'mdi:magnify'
+  },
+  profile: {
+    focused: 'mdi:account',
+    unfocused: 'mdi:account-outline'
+  },
+  settings: {
+    focused: 'mdi:cog',
+    unfocused: 'mdi:cog-outline'
+  },
+  notifications: {
+    focused: 'mdi:bell',
+    unfocused: 'mdi:bell-outline'
+  },
+  messages: {
+    focused: 'mdi:message',
+    unfocused: 'mdi:message-outline'
+  },
+  favorites: {
+    focused: 'mdi:heart',
+    unfocused: 'mdi:heart-outline'
+  },
+  cart: {
+    focused: 'mdi:cart',
+    unfocused: 'mdi:cart-outline'
+  }
+};
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["DEFAULT_NAVIGATION_PRESETS","home","focused","unfocused","search","profile","settings","notifications","messages","favorites","cart"],"sourceRoot":"../../../src","sources":["navigation/types.ts"],"mappings":"AAAA;AACA;AACA;AACA;;AAKA;AACA;AACA;;AAOA;AACA;AACA;;AAOA;AACA;AACA;;AAOA;AACA;AACA;AACA;;AAGA;AACA;AACA;;AAwCA;AACA;AACA;;AAGA;AACA;AACA;;AAuBA;AACA;AACA;;AAGA;AACA;AACA;;AAGA;AACA;AACA;;AAGA;AACA;AACA;;AAYA;AACA;AACA;AACA,OAAO,MAAMA,0BAAgD,GAAG;EAC9DC,IAAI,EAAE;IAAEC,OAAO,EAAE,UAAU;IAAEC,SAAS,EAAE;EAAmB,CAAC;EAC5DC,MAAM,EAAE;IAAEF,OAAO,EAAE,aAAa;IAAEC,SAAS,EAAE;EAAc,CAAC;EAC5DE,OAAO,EAAE;IAAEH,OAAO,EAAE,aAAa;IAAEC,SAAS,EAAE;EAAsB,CAAC;EACrEG,QAAQ,EAAE;IAAEJ,OAAO,EAAE,SAAS;IAAEC,SAAS,EAAE;EAAkB,CAAC;EAC9DI,aAAa,EAAE;IAAEL,OAAO,EAAE,UAAU;IAAEC,SAAS,EAAE;EAAmB,CAAC;EACrEK,QAAQ,EAAE;IAAEN,OAAO,EAAE,aAAa;IAAEC,SAAS,EAAE;EAAsB,CAAC;EACtEM,SAAS,EAAE;IAAEP,OAAO,EAAE,WAAW;IAAEC,SAAS,EAAE;EAAoB,CAAC;EACnEO,IAAI,EAAE;IAAER,OAAO,EAAE,UAAU;IAAEC,SAAS,EAAE;EAAmB;AAC7D,CAAC","ignoreList":[]}

package/lib/module/navigation/useNavigationIcon.js

@@ -0,0 +1,121 @@
+/**
+ * useNavigationIcon - Hook for creating navigation icons
+ * Provides a clean API for creating icons with navigation context
+ */
+
+import React, { useMemo, useCallback } from 'react';
+import { Icon } from '../alias';
+
+// IconSpec is just a type alias for string (icon name)
+
+/**
+ * Hook options
+ */
+
+/**
+ * Return type for useNavigationIcon
+ */
+
+/**
+ * Hook for creating navigation icons with consistent styling
+ *
+ * @example Basic usage
+ * ```tsx
+ * import { useNavigationIcon } from 'rn-iconify/navigation';
+ *
+ * function MyTabs() {
+ *   const { tabBarIcon, drawerIcon } = useNavigationIcon();
+ *
+ *   return (
+ *     <Tab.Navigator>
+ *       <Tab.Screen
+ *         name="Home"
+ *         options={{
+ *           tabBarIcon: tabBarIcon('mdi:home', 'mdi:home-outline'),
+ *         }}
+ *       />
+ *       <Tab.Screen
+ *         name="Settings"
+ *         options={{
+ *           tabBarIcon: tabBarIcon('mdi:cog'),
+ *         }}
+ *       />
+ *     </Tab.Navigator>
+ *   );
+ * }
+ * ```
+ *
+ * @example With auto-outline
+ * ```tsx
+ * const { autoTabBarIcon } = useNavigationIcon();
+ *
+ * <Tab.Screen
+ *   options={{
+ *     // Uses mdi:home (focused) and mdi:home-outline (unfocused)
+ *     tabBarIcon: autoTabBarIcon('mdi', 'home'),
+ *   }}
+ * />
+ * ```
+ */
+export function useNavigationIcon(options = {}) {
+  const {
+    defaultSize = 24,
+    outlineSuffix = '-outline'
+  } = options;
+
+  // Create tab bar icon function
+  const tabBarIcon = useCallback((focused, unfocused) => {
+    return ({
+      focused: isFocused,
+      color,
+      size
+    }) => {
+      const iconName = isFocused ? focused : unfocused ?? focused;
+      return /*#__PURE__*/React.createElement(Icon, {
+        name: iconName,
+        size: size ?? defaultSize,
+        color: color
+      });
+    };
+  }, [defaultSize]);
+
+  // Create drawer icon function
+  const drawerIcon = useCallback((icon, focusedIcon) => {
+    return ({
+      focused,
+      color,
+      size
+    }) => {
+      const iconName = focused && focusedIcon ? focusedIcon : icon;
+      return /*#__PURE__*/React.createElement(Icon, {
+        name: iconName,
+        size: size ?? defaultSize,
+        color: color
+      });
+    };
+  }, [defaultSize]);
+
+  // Create auto-outline tab bar icon
+  const autoTabBarIcon = useCallback((prefix, name) => {
+    const focused = `${prefix}:${name}`;
+    const unfocused = `${prefix}:${name}${outlineSuffix}`;
+    return tabBarIcon(focused, unfocused);
+  }, [tabBarIcon, outlineSuffix]);
+
+  // Render icon directly
+  const renderIcon = useCallback((name, props) => {
+    return /*#__PURE__*/React.createElement(Icon, {
+      name: name,
+      size: props.size ?? defaultSize,
+      color: props.color
+    });
+  }, [defaultSize]);
+  return useMemo(() => ({
+    tabBarIcon,
+    drawerIcon,
+    autoTabBarIcon,
+    renderIcon
+  }), [tabBarIcon, drawerIcon, autoTabBarIcon, renderIcon]);
+}
+export default useNavigationIcon;
+//# sourceMappingURL=useNavigationIcon.js.map

package/lib/module/navigation/useNavigationIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useMemo","useCallback","Icon","useNavigationIcon","options","defaultSize","outlineSuffix","tabBarIcon","focused","unfocused","isFocused","color","size","iconName","createElement","name","drawerIcon","icon","focusedIcon","autoTabBarIcon","prefix","renderIcon","props"],"sourceRoot":"../../../src","sources":["navigation/useNavigationIcon.tsx"],"mappings":"AAAA;AACA;AACA;AACA;;AAEA,OAAOA,KAAK,IAAIC,OAAO,EAAEC,WAAW,QAAQ,OAAO;AACnD,SAASC,IAAI,QAAQ,UAAU;;AAQ/B;;AAGA;AACA;AACA;;AAeA;AACA;AACA;;AAwBA;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,SAASC,iBAAiBA,CAACC,OAAiC,GAAG,CAAC,CAAC,EAA2B;EACjG,MAAM;IAAEC,WAAW,GAAG,EAAE;IAAEC,aAAa,GAAG;EAAW,CAAC,GAAGF,OAAO;;EAEhE;EACA,MAAMG,UAAU,GAAGN,WAAW,CAC5B,CAACO,OAAiB,EAAEC,SAAoB,KAAyB;IAC/D,OAAO,CAAC;MAAED,OAAO,EAAEE,SAAS;MAAEC,KAAK;MAAEC;IAAsB,CAAC,KAAK;MAC/D,MAAMC,QAAQ,GAAGH,SAAS,GAAGF,OAAO,GAAIC,SAAS,IAAID,OAAQ;MAC7D,oBAAOT,KAAA,CAAAe,aAAA,CAACZ,IAAI;QAACa,IAAI,EAAEF,QAAS;QAACD,IAAI,EAAEA,IAAI,IAAIP,WAAY;QAACM,KAAK,EAAEA;MAAM,CAAE,CAAC;IAC1E,CAAC;EACH,CAAC,EACD,CAACN,WAAW,CACd,CAAC;;EAED;EACA,MAAMW,UAAU,GAAGf,WAAW,CAC5B,CAACgB,IAAc,EAAEC,WAAsB,KAAyB;IAC9D,OAAO,CAAC;MAAEV,OAAO;MAAEG,KAAK;MAAEC;IAAsB,CAAC,KAAK;MACpD,MAAMC,QAAQ,GAAGL,OAAO,IAAIU,WAAW,GAAGA,WAAW,GAAGD,IAAI;MAC5D,oBAAOlB,KAAA,CAAAe,aAAA,CAACZ,IAAI;QAACa,IAAI,EAAEF,QAAS;QAACD,IAAI,EAAEA,IAAI,IAAIP,WAAY;QAACM,KAAK,EAAEA;MAAM,CAAE,CAAC;IAC1E,CAAC;EACH,CAAC,EACD,CAACN,WAAW,CACd,CAAC;;EAED;EACA,MAAMc,cAAc,GAAGlB,WAAW,CAChC,CAACmB,MAAc,EAAEL,IAAY,KAAyB;IACpD,MAAMP,OAAO,GAAG,GAAGY,MAAM,IAAIL,IAAI,EAAE;IACnC,MAAMN,SAAS,GAAG,GAAGW,MAAM,IAAIL,IAAI,GAAGT,aAAa,EAAE;IACrD,OAAOC,UAAU,CAACC,OAAO,EAAEC,SAAS,CAAC;EACvC,CAAC,EACD,CAACF,UAAU,EAAED,aAAa,CAC5B,CAAC;;EAED;EACA,MAAMe,UAAU,GAAGpB,WAAW,CAC5B,CAACc,IAAc,EAAEO,KAAsC,KAAyB;IAC9E,oBAAOvB,KAAA,CAAAe,aAAA,CAACZ,IAAI;MAACa,IAAI,EAAEA,IAAK;MAACH,IAAI,EAAEU,KAAK,CAACV,IAAI,IAAIP,WAAY;MAACM,KAAK,EAAEW,KAAK,CAACX;IAAM,CAAE,CAAC;EAClF,CAAC,EACD,CAACN,WAAW,CACd,CAAC;EAED,OAAOL,OAAO,CACZ,OAAO;IACLO,UAAU;IACVS,UAAU;IACVG,cAAc;IACdE;EACF,CAAC,CAAC,EACF,CAACd,UAAU,EAAES,UAAU,EAAEG,cAAc,EAAEE,UAAU,CACrD,CAAC;AACH;AAEA,eAAelB,iBAAiB","ignoreList":[]}