rn-iconify 1.0.0 → 2.0.0

package/lib/commonjs/placeholder/Shimmer.js

@@ -0,0 +1,95 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Shimmer = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _types = require("./types");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+/**
+ * Shimmer Placeholder Component
+ * Animated gradient sweep effect while icon is loading
+ */
+
+/**
+ * Shimmer placeholder - animated light sweep effect
+ * Provides prominent visual feedback during loading
+ * Uses translateX animation for smooth performance
+ */
+function ShimmerComponent({
+  width,
+  height,
+  color = _types.DEFAULT_PLACEHOLDER_CONFIG.color,
+  highlightColor = _types.DEFAULT_PLACEHOLDER_CONFIG.highlightColor,
+  duration = _types.DEFAULT_PLACEHOLDER_CONFIG.duration,
+  borderRadius = _types.DEFAULT_PLACEHOLDER_CONFIG.borderRadius,
+  testID
+}) {
+  const translateX = (0, _react.useRef)(new _reactNative.Animated.Value(-width)).current;
+  const animationRef = (0, _react.useRef)(null);
+  (0, _react.useEffect)(() => {
+    // Reset animation when width changes
+    translateX.setValue(-width);
+
+    // Create looping shimmer animation
+    animationRef.current = _reactNative.Animated.loop(_reactNative.Animated.timing(translateX, {
+      toValue: width,
+      duration: duration,
+      easing: _reactNative.Easing.linear,
+      useNativeDriver: true
+    }));
+    animationRef.current.start();
+    return () => {
+      // Clean up animation on unmount
+      if (animationRef.current) {
+        animationRef.current.stop();
+      }
+    };
+  }, [translateX, width, duration]);
+
+  // Calculate shimmer bar width (30% of container width)
+  const shimmerWidth = Math.max(width * 0.3, 20);
+  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: [styles.container, {
+      width,
+      height,
+      backgroundColor: color,
+      borderRadius
+    }],
+    testID: testID,
+    accessibilityRole: "none",
+    accessibilityElementsHidden: true,
+    importantForAccessibility: "no"
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.Animated.View, {
+    style: [styles.shimmer, {
+      width: shimmerWidth,
+      height,
+      backgroundColor: highlightColor,
+      transform: [{
+        translateX
+      }]
+    }]
+  }));
+}
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    overflow: 'hidden',
+    position: 'relative'
+  },
+  shimmer: {
+    position: 'absolute',
+    top: 0,
+    left: 0,
+    opacity: 0.5
+  }
+});
+
+/**
+ * Memoized Shimmer component
+ * Animation runs independently of re-renders
+ */
+const Shimmer = exports.Shimmer = /*#__PURE__*/(0, _react.memo)(ShimmerComponent);
+Shimmer.displayName = 'Shimmer';
+//# sourceMappingURL=Shimmer.js.map

package/lib/commonjs/placeholder/Shimmer.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_types","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ShimmerComponent","width","height","color","DEFAULT_PLACEHOLDER_CONFIG","highlightColor","duration","borderRadius","testID","translateX","useRef","Animated","Value","current","animationRef","useEffect","setValue","loop","timing","toValue","easing","Easing","linear","useNativeDriver","start","stop","shimmerWidth","Math","max","createElement","View","style","styles","container","backgroundColor","accessibilityRole","accessibilityElementsHidden","importantForAccessibility","shimmer","transform","StyleSheet","create","overflow","position","top","left","opacity","Shimmer","exports","memo","displayName"],"sourceRoot":"../../../src","sources":["placeholder/Shimmer.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/placeholder/Skeleton.js

@@ -0,0 +1,52 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Skeleton = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _types = require("./types");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+/**
+ * Skeleton Placeholder Component
+ * Static gray box shown while icon is loading
+ */
+
+/**
+ * Skeleton placeholder - a simple static colored box
+ * Lightweight alternative when animation is not needed
+ */
+function SkeletonComponent({
+  width,
+  height,
+  color = _types.DEFAULT_PLACEHOLDER_CONFIG.color,
+  borderRadius = _types.DEFAULT_PLACEHOLDER_CONFIG.borderRadius,
+  testID
+}) {
+  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: [styles.skeleton, {
+      width,
+      height,
+      backgroundColor: color,
+      borderRadius
+    }],
+    testID: testID,
+    accessibilityRole: "none",
+    accessibilityElementsHidden: true,
+    importantForAccessibility: "no"
+  });
+}
+const styles = _reactNative.StyleSheet.create({
+  skeleton: {
+    overflow: 'hidden'
+  }
+});
+
+/**
+ * Memoized Skeleton component
+ * Only re-renders when dimensions or styling change
+ */
+const Skeleton = exports.Skeleton = /*#__PURE__*/(0, _react.memo)(SkeletonComponent);
+Skeleton.displayName = 'Skeleton';
+//# sourceMappingURL=Skeleton.js.map

package/lib/commonjs/placeholder/Skeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_types","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","SkeletonComponent","width","height","color","DEFAULT_PLACEHOLDER_CONFIG","borderRadius","testID","createElement","View","style","styles","skeleton","backgroundColor","accessibilityRole","accessibilityElementsHidden","importantForAccessibility","StyleSheet","create","overflow","Skeleton","exports","memo","displayName"],"sourceRoot":"../../../src","sources":["placeholder/Skeleton.tsx"],"mappings":";;;;;;AAKA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AAAqD,SAAAD,wBAAAI,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAN,uBAAA,YAAAA,CAAAI,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAPrD;AACA;AACA;AACA;;AAOA;AACA;AACA;AACA;AACA,SAASkB,iBAAiBA,CAAC;EACzBC,KAAK;EACLC,MAAM;EACNC,KAAK,GAAGC,iCAA0B,CAACD,KAAK;EACxCE,YAAY,GAAGD,iCAA0B,CAACC,YAAY;EACtDC;AACgB,CAAC,EAAsB;EACvC,oBACE9B,MAAA,CAAAe,OAAA,CAAAgB,aAAA,CAAC5B,YAAA,CAAA6B,IAAI;IACHC,KAAK,EAAE,CACLC,MAAM,CAACC,QAAQ,EACf;MACEV,KAAK;MACLC,MAAM;MACNU,eAAe,EAAET,KAAK;MACtBE;IACF,CAAC,CACD;IACFC,MAAM,EAAEA,MAAO;IACfO,iBAAiB,EAAC,MAAM;IACxBC,2BAA2B;IAC3BC,yBAAyB,EAAC;EAAI,CAC/B,CAAC;AAEN;AAEA,MAAML,MAAM,GAAGM,uBAAU,CAACC,MAAM,CAAC;EAC/BN,QAAQ,EAAE;IACRO,QAAQ,EAAE;EACZ;AACF,CAAC,CAAC;;AAEF;AACA;AACA;AACA;AACO,MAAMC,QAAQ,GAAAC,OAAA,CAAAD,QAAA,gBAAG,IAAAE,WAAI,EAACrB,iBAAiB,CAAC;AAC/CmB,QAAQ,CAACG,WAAW,GAAG,UAAU","ignoreList":[]}

package/lib/commonjs/placeholder/index.js

@@ -0,0 +1,41 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "DEFAULT_PLACEHOLDER_CONFIG", {
+  enumerable: true,
+  get: function () {
+    return _types.DEFAULT_PLACEHOLDER_CONFIG;
+  }
+});
+Object.defineProperty(exports, "PlaceholderFactory", {
+  enumerable: true,
+  get: function () {
+    return _PlaceholderFactory.PlaceholderFactory;
+  }
+});
+Object.defineProperty(exports, "Pulse", {
+  enumerable: true,
+  get: function () {
+    return _Pulse.Pulse;
+  }
+});
+Object.defineProperty(exports, "Shimmer", {
+  enumerable: true,
+  get: function () {
+    return _Shimmer.Shimmer;
+  }
+});
+Object.defineProperty(exports, "Skeleton", {
+  enumerable: true,
+  get: function () {
+    return _Skeleton.Skeleton;
+  }
+});
+var _types = require("./types");
+var _Skeleton = require("./Skeleton");
+var _Pulse = require("./Pulse");
+var _Shimmer = require("./Shimmer");
+var _PlaceholderFactory = require("./PlaceholderFactory");
+//# sourceMappingURL=index.js.map

package/lib/commonjs/placeholder/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_types","require","_Skeleton","_Pulse","_Shimmer","_PlaceholderFactory"],"sourceRoot":"../../../src","sources":["placeholder/index.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAaA,IAAAA,MAAA,GAAAC,OAAA;AAGA,IAAAC,SAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,QAAA,GAAAH,OAAA;AACA,IAAAI,mBAAA,GAAAJ,OAAA","ignoreList":[]}

package/lib/commonjs/placeholder/types.js

@@ -0,0 +1,40 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DEFAULT_PLACEHOLDER_CONFIG = void 0;
+/**
+ * Placeholder System Types
+ * Provides type definitions for icon loading placeholders
+ */
+
+/**
+ * Built-in placeholder animation types
+ * - skeleton: Static gray box (no animation)
+ * - pulse: Opacity fade animation
+ * - shimmer: Gradient sweep animation
+ */
+
+/**
+ * Placeholder type - can be a preset string or custom ReactNode
+ */
+
+/**
+ * Configuration for placeholder appearance
+ */
+
+/**
+ * Props for placeholder components
+ */
+
+/**
+ * Default placeholder configuration values
+ */
+const DEFAULT_PLACEHOLDER_CONFIG = exports.DEFAULT_PLACEHOLDER_CONFIG = {
+  color: '#E1E1E1',
+  highlightColor: '#F5F5F5',
+  duration: 1000,
+  borderRadius: 4
+};
+//# sourceMappingURL=types.js.map

package/lib/commonjs/placeholder/types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["DEFAULT_PLACEHOLDER_CONFIG","exports","color","highlightColor","duration","borderRadius"],"sourceRoot":"../../../src","sources":["placeholder/types.ts"],"mappings":";;;;;;AAAA;AACA;AACA;AACA;;AAIA;AACA;AACA;AACA;AACA;AACA;;AAGA;AACA;AACA;;AAGA;AACA;AACA;;AA2BA;AACA;AACA;;AAkBA;AACA;AACA;AACO,MAAMA,0BAAuD,GAAAC,OAAA,CAAAD,0BAAA,GAAG;EACrEE,KAAK,EAAE,SAAS;EAChBC,cAAc,EAAE,SAAS;EACzBC,QAAQ,EAAE,IAAI;EACdC,YAAY,EAAE;AAChB,CAAC","ignoreList":[]}

package/lib/commonjs/theme/IconThemeProvider.js

@@ -0,0 +1,96 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.IconThemeProvider = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _context = require("./context");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+/**
+ * IconThemeProvider
+ * Provides global theme configuration for all icon components
+ */
+
+/**
+ * IconThemeProvider
+ *
+ * Wraps your app to provide global icon theming.
+ * All descendant icon components will inherit these defaults.
+ *
+ * @example Basic usage
+ * ```tsx
+ * import { IconThemeProvider } from 'rn-iconify';
+ *
+ * export default function App() {
+ *   return (
+ *     <IconThemeProvider theme={{ size: 20, color: '#333' }}>
+ *       <YourApp />
+ *     </IconThemeProvider>
+ *   );
+ * }
+ * ```
+ *
+ * @example With placeholder defaults
+ * ```tsx
+ * <IconThemeProvider
+ *   theme={{
+ *     size: 24,
+ *     color: '#1a1a1a',
+ *     placeholder: 'shimmer',
+ *     placeholderColor: '#f0f0f0',
+ *   }}
+ * >
+ *   <YourApp />
+ * </IconThemeProvider>
+ * ```
+ *
+ * @example Dynamic theme switching
+ * ```tsx
+ * function App() {
+ *   const [isDark, setIsDark] = useState(false);
+ *
+ *   return (
+ *     <IconThemeProvider
+ *       theme={{
+ *         color: isDark ? '#ffffff' : '#000000',
+ *         placeholderColor: isDark ? '#333333' : '#e1e1e1',
+ *       }}
+ *     >
+ *       <YourApp />
+ *     </IconThemeProvider>
+ *   );
+ * }
+ * ```
+ */
+function IconThemeProviderComponent({
+  theme: initialTheme,
+  children
+}) {
+  const [theme, setThemeState] = (0, _react.useState)(() => (0, _context.mergeWithDefaults)(initialTheme));
+
+  // Memoized setTheme that supports both direct value and updater function
+  const setTheme = (0, _react.useCallback)(newTheme => {
+    setThemeState(prevTheme => {
+      const nextTheme = typeof newTheme === 'function' ? newTheme(prevTheme) : newTheme;
+      return (0, _context.mergeWithDefaults)(nextTheme);
+    });
+  }, []);
+
+  // Update internal state when prop changes
+  _react.default.useEffect(() => {
+    setThemeState((0, _context.mergeWithDefaults)(initialTheme));
+  }, [initialTheme]);
+
+  // Memoize context value to prevent unnecessary re-renders
+  const contextValue = (0, _react.useMemo)(() => ({
+    theme,
+    setTheme
+  }), [theme, setTheme]);
+  return /*#__PURE__*/_react.default.createElement(_context.IconThemeContext.Provider, {
+    value: contextValue
+  }, children);
+}
+IconThemeProviderComponent.displayName = 'IconThemeProvider';
+const IconThemeProvider = exports.IconThemeProvider = /*#__PURE__*/(0, _react.memo)(IconThemeProviderComponent);
+//# sourceMappingURL=IconThemeProvider.js.map

package/lib/commonjs/theme/IconThemeProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_context","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","IconThemeProviderComponent","theme","initialTheme","children","setThemeState","useState","mergeWithDefaults","setTheme","useCallback","newTheme","prevTheme","nextTheme","React","useEffect","contextValue","useMemo","createElement","IconThemeContext","Provider","value","displayName","IconThemeProvider","exports","memo"],"sourceRoot":"../../../src","sources":["theme/IconThemeProvider.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/theme/context.js

@@ -0,0 +1,53 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.IconThemeContext = void 0;
+exports.mergeWithDefaults = mergeWithDefaults;
+var _react = require("react");
+var _types = require("./types");
+/**
+ * IconThemeContext
+ * React Context for icon theming
+ */
+
+/**
+ * Default context value when no provider is present
+ * setTheme is a no-op by default
+ */
+const defaultContextValue = {
+  theme: _types.DEFAULT_ICON_THEME,
+  setTheme: () => {
+    if (__DEV__) {
+      console.warn('[rn-iconify] setTheme called without IconThemeProvider. ' + 'Wrap your app with <IconThemeProvider> to enable theme updates.');
+    }
+  }
+};
+
+/**
+ * IconThemeContext
+ *
+ * Provides icon theme configuration to all descendant icon components.
+ * Use with IconThemeProvider for proper functionality.
+ *
+ * @example
+ * ```tsx
+ * // Access theme directly (prefer useIconTheme hook instead)
+ * const { theme, setTheme } = useContext(IconThemeContext);
+ * ```
+ */
+const IconThemeContext = exports.IconThemeContext = /*#__PURE__*/(0, _react.createContext)(defaultContextValue);
+IconThemeContext.displayName = 'IconThemeContext';
+
+/**
+ * Helper to merge theme with defaults
+ * Ensures all required properties have values
+ */
+function mergeWithDefaults(theme) {
+  return {
+    ..._types.DEFAULT_ICON_THEME,
+    ...theme
+  };
+}
+//# sourceMappingURL=context.js.map

package/lib/commonjs/theme/context.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_types","defaultContextValue","theme","DEFAULT_ICON_THEME","setTheme","__DEV__","console","warn","IconThemeContext","exports","createContext","displayName","mergeWithDefaults"],"sourceRoot":"../../../src","sources":["theme/context.ts"],"mappings":";;;;;;;AAKA,IAAAA,MAAA,GAAAC,OAAA;AAEA,IAAAC,MAAA,GAAAD,OAAA;AAPA;AACA;AACA;AACA;;AAMA;AACA;AACA;AACA;AACA,MAAME,mBAA0C,GAAG;EACjDC,KAAK,EAAEC,yBAAkB;EACzBC,QAAQ,EAAEA,CAAA,KAAM;IACd,IAAIC,OAAO,EAAE;MACXC,OAAO,CAACC,IAAI,CACV,0DAA0D,GACxD,iEACJ,CAAC;IACH;EACF;AACF,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMC,gBAAgB,GAAAC,OAAA,CAAAD,gBAAA,gBAAG,IAAAE,oBAAa,EAAwBT,mBAAmB,CAAC;AAEzFO,gBAAgB,CAACG,WAAW,GAAG,kBAAkB;;AAEjD;AACA;AACA;AACA;AACO,SAASC,iBAAiBA,CAACV,KAAgB,EAAa;EAC7D,OAAO;IACL,GAAGC,yBAAkB;IACrB,GAAGD;EACL,CAAC;AACH","ignoreList":[]}

package/lib/commonjs/theme/index.js

@@ -0,0 +1,52 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "DEFAULT_ICON_THEME", {
+  enumerable: true,
+  get: function () {
+    return _types.DEFAULT_ICON_THEME;
+  }
+});
+Object.defineProperty(exports, "IconThemeContext", {
+  enumerable: true,
+  get: function () {
+    return _context.IconThemeContext;
+  }
+});
+Object.defineProperty(exports, "IconThemeProvider", {
+  enumerable: true,
+  get: function () {
+    return _IconThemeProvider.IconThemeProvider;
+  }
+});
+Object.defineProperty(exports, "mergeWithDefaults", {
+  enumerable: true,
+  get: function () {
+    return _context.mergeWithDefaults;
+  }
+});
+Object.defineProperty(exports, "useIconTheme", {
+  enumerable: true,
+  get: function () {
+    return _useIconTheme.useIconTheme;
+  }
+});
+Object.defineProperty(exports, "useIconThemeValue", {
+  enumerable: true,
+  get: function () {
+    return _useIconTheme.useIconThemeValue;
+  }
+});
+Object.defineProperty(exports, "useMergedIconProps", {
+  enumerable: true,
+  get: function () {
+    return _useIconTheme.useMergedIconProps;
+  }
+});
+var _IconThemeProvider = require("./IconThemeProvider");
+var _context = require("./context");
+var _useIconTheme = require("./useIconTheme");
+var _types = require("./types");
+//# sourceMappingURL=index.js.map

package/lib/commonjs/theme/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_IconThemeProvider","require","_context","_useIconTheme","_types"],"sourceRoot":"../../../src","sources":["theme/index.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,IAAAA,kBAAA,GAAAC,OAAA;AAGA,IAAAC,QAAA,GAAAD,OAAA;AAGA,IAAAE,aAAA,GAAAF,OAAA;AAMA,IAAAG,MAAA,GAAAH,OAAA","ignoreList":[]}

package/lib/commonjs/theme/types.js

@@ -0,0 +1,39 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DEFAULT_ICON_THEME = void 0;
+/**
+ * Theme System Types
+ * Defines types for global icon theming and configuration
+ */
+
+/**
+ * Icon theme configuration
+ * All properties are optional - components will use their own defaults if not provided
+ */
+
+/**
+ * Props for IconThemeProvider component
+ */
+
+/**
+ * Context value for icon theme
+ */
+
+/**
+ * Default theme values
+ * Used when no theme is provided or for missing properties
+ */
+const DEFAULT_ICON_THEME = exports.DEFAULT_ICON_THEME = {
+  size: 24,
+  color: '#000000',
+  placeholder: undefined,
+  placeholderColor: '#E1E1E1',
+  placeholderDuration: 1000,
+  rotate: 0,
+  flip: undefined,
+  fallbackDelay: 0
+};
+//# sourceMappingURL=types.js.map

package/lib/commonjs/theme/types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["DEFAULT_ICON_THEME","exports","size","color","placeholder","undefined","placeholderColor","placeholderDuration","rotate","flip","fallbackDelay"],"sourceRoot":"../../../src","sources":["theme/types.ts"],"mappings":";;;;;;AAAA;AACA;AACA;AACA;;AAMA;AACA;AACA;AACA;;AAkDA;AACA;AACA;;AAaA;AACA;AACA;;AAcA;AACA;AACA;AACA;AACO,MAAMA,kBAC4B,GAAAC,OAAA,CAAAD,kBAAA,GAAG;EAC1CE,IAAI,EAAE,EAAE;EACRC,KAAK,EAAE,SAAS;EAChBC,WAAW,EAAEC,SAAS;EACtBC,gBAAgB,EAAE,SAAS;EAC3BC,mBAAmB,EAAE,IAAI;EACzBC,MAAM,EAAE,CAAC;EACTC,IAAI,EAAEJ,SAAS;EACfK,aAAa,EAAE;AACjB,CAAC","ignoreList":[]}

package/lib/commonjs/theme/useIconTheme.js

@@ -0,0 +1,121 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useIconTheme = useIconTheme;
+exports.useIconThemeValue = useIconThemeValue;
+exports.useMergedIconProps = useMergedIconProps;
+var _react = require("react");
+var _context = require("./context");
+var _types = require("./types");
+/**
+ * useIconTheme Hook
+ * Access and modify icon theme from any component
+ */
+
+/**
+ * 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" />;
+ * }
+ * ```
+ */
+function useIconTheme() {
+  const context = (0, _react.useContext)(_context.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>;
+ * }
+ * ```
+ */
+function useIconThemeValue(key) {
+  const {
+    theme
+  } = useIconTheme();
+  const value = theme[key];
+  if (value !== undefined) {
+    return value;
+  }
+  const defaultValue = _types.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'
+ * }
+ * ```
+ */
+function useMergedIconProps(props) {
+  const {
+    theme
+  } = useIconTheme();
+  return (0, _react.useMemo)(() => {
+    return {
+      ...props,
+      size: props.size ?? theme.size ?? _types.DEFAULT_ICON_THEME.size,
+      color: props.color ?? theme.color ?? _types.DEFAULT_ICON_THEME.color,
+      placeholder: props.placeholder ?? theme.placeholder,
+      placeholderColor: props.placeholderColor ?? theme.placeholderColor ?? _types.DEFAULT_ICON_THEME.placeholderColor,
+      placeholderDuration: props.placeholderDuration ?? theme.placeholderDuration ?? _types.DEFAULT_ICON_THEME.placeholderDuration,
+      rotate: props.rotate ?? theme.rotate ?? _types.DEFAULT_ICON_THEME.rotate,
+      flip: props.flip ?? theme.flip,
+      fallbackDelay: props.fallbackDelay ?? theme.fallbackDelay ?? _types.DEFAULT_ICON_THEME.fallbackDelay
+    };
+  }, [props, theme]);
+}
+//# sourceMappingURL=useIconTheme.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_context","_types","useIconTheme","context","useContext","IconThemeContext","useIconThemeValue","key","theme","value","undefined","defaultValue","DEFAULT_ICON_THEME","useMergedIconProps","props","useMemo","size","color","placeholder","placeholderColor","placeholderDuration","rotate","flip","fallbackDelay"],"sourceRoot":"../../../src","sources":["theme/useIconTheme.ts"],"mappings":";;;;;;;;AAKA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AAEA,IAAAE,MAAA,GAAAF,OAAA;AARA;AACA;AACA;AACA;;AAOA;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;AACO,SAASG,YAAYA,CAAA,EAA0B;EACpD,MAAMC,OAAO,GAAG,IAAAC,iBAAU,EAACC,yBAAgB,CAAC;EAC5C,OAAOF,OAAO;AAChB;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASG,iBAAiBA,CAC/BC,GAAM,EACiC;EACvC,MAAM;IAAEC;EAAM,CAAC,GAAGN,YAAY,CAAC,CAAC;EAChC,MAAMO,KAAK,GAAGD,KAAK,CAACD,GAAG,CAAC;EACxB,IAAIE,KAAK,KAAKC,SAAS,EAAE;IACvB,OAAOD,KAAK;EACd;EACA,MAAME,YAAY,GAAGC,yBAAkB,CAACL,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;AACO,SAASE,kBAAkBA,CAChCC,KAAQ,EAC6E;EACrF,MAAM;IAAEN;EAAM,CAAC,GAAGN,YAAY,CAAC,CAAC;EAEhC,OAAO,IAAAa,cAAO,EAAC,MAAM;IACnB,OAAO;MACL,GAAGD,KAAK;MACRE,IAAI,EAAEF,KAAK,CAACE,IAAI,IAAIR,KAAK,CAACQ,IAAI,IAAIJ,yBAAkB,CAACI,IAAI;MACzDC,KAAK,EAAEH,KAAK,CAACG,KAAK,IAAIT,KAAK,CAACS,KAAK,IAAIL,yBAAkB,CAACK,KAAK;MAC7DC,WAAW,EAAEJ,KAAK,CAACI,WAAW,IAAIV,KAAK,CAACU,WAAW;MACnDC,gBAAgB,EACdL,KAAK,CAACK,gBAAgB,IAAIX,KAAK,CAACW,gBAAgB,IAAIP,yBAAkB,CAACO,gBAAgB;MACzFC,mBAAmB,EACjBN,KAAK,CAACM,mBAAmB,IACzBZ,KAAK,CAACY,mBAAmB,IACzBR,yBAAkB,CAACQ,mBAAmB;MACxCC,MAAM,EAAEP,KAAK,CAACO,MAAM,IAAIb,KAAK,CAACa,MAAM,IAAIT,yBAAkB,CAACS,MAAM;MACjEC,IAAI,EAAER,KAAK,CAACQ,IAAI,IAAId,KAAK,CAACc,IAAI;MAC9BC,aAAa,EAAET,KAAK,CAACS,aAAa,IAAIf,KAAK,CAACe,aAAa,IAAIX,yBAAkB,CAACW;IAClF,CAAC;EACH,CAAC,EAAE,CAACT,KAAK,EAAEN,KAAK,CAAC,CAAC;AACpB","ignoreList":[]}