@whydrf/nava-icon-react 1.1.0 → 1.4.0

package/dist/index.cjs

@@ -650,6 +650,7 @@ __export(index_exports, {
   MovieIcon: () => MovieIcon,
   MoviePlayIcon: () => MoviePlayIcon,
   MusicIcon: () => MusicIcon,
+  NavaIconProvider: () => NavaIconProvider,
   NavigationIcon: () => NavigationIcon,
   NetworkChartIcon: () => NetworkChartIcon,
   NewsIcon: () => NewsIcon,
@@ -972,12 +973,13 @@ __export(index_exports, {
   YinYangIcon: () => YinYangIcon,
   ZapIcon: () => ZapIcon,
   ZoomInIcon: () => ZoomInIcon,
-  ZoomOutIcon: () => ZoomOutIcon
+  ZoomOutIcon: () => ZoomOutIcon,
+  useNavaIconConfig: () => useNavaIconConfig
 });
 module.exports = __toCommonJS(index_exports);
 
 // src/Icon.tsx
-var import_react = require("react");
+var import_react2 = require("react");
 
 // src/icons/index.ts
 var icons_exports = {};
@@ -40808,14 +40810,26 @@ function ZoomOutIcon(props) {
   );
 }
 
+// src/NavaIconProvider.tsx
+var import_react = require("react");
+var import_jsx_runtime953 = require("react/jsx-runtime");
+var NavaIconContext = (0, import_react.createContext)(null);
+function NavaIconProvider({ children, ...config }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime953.jsx)(NavaIconContext.Provider, { value: config, children });
+}
+function useNavaIconConfig() {
+  return (0, import_react.useContext)(NavaIconContext) ?? {};
+}
+
 // src/Icon.tsx
 var iconRecord = icons_exports;
 function normalizeIconName(name) {
   if (name.endsWith("Icon")) return name;
   return name.split(/[-_\s]+/).map((word) => word.charAt(0).toUpperCase() + word.slice(1).toLowerCase()).join("") + "Icon";
 }
-var Icon = (0, import_react.forwardRef)(
+var Icon = (0, import_react2.forwardRef)(
   ({ name, size, color, strokeWidth, className, title, style, mode, ...props }, ref) => {
+    const config = useNavaIconConfig();
     const iconName = normalizeIconName(name);
     const Component = iconRecord[iconName];
     if (!Component) {
@@ -40824,12 +40838,12 @@ var Icon = (0, import_react.forwardRef)(
       }
       return null;
     }
-    return (0, import_react.createElement)(Component, {
+    return (0, import_react2.createElement)(Component, {
       ref,
-      size,
-      color,
-      strokeWidth,
-      className,
+      size: size ?? config.size,
+      color: color ?? config.color,
+      strokeWidth: strokeWidth ?? config.strokeWidth,
+      className: className ?? config.className,
       title,
       style,
       mode,
@@ -41470,6 +41484,7 @@ Icon.displayName = "Icon";
   MovieIcon,
   MoviePlayIcon,
   MusicIcon,
+  NavaIconProvider,
   NavigationIcon,
   NetworkChartIcon,
   NewsIcon,
@@ -41792,5 +41807,6 @@ Icon.displayName = "Icon";
   YinYangIcon,
   ZapIcon,
   ZoomInIcon,
-  ZoomOutIcon
+  ZoomOutIcon,
+  useNavaIconConfig
 });

package/dist/index.d.cts

@@ -1,4 +1,6 @@
 export { Icon, IconProps } from './Icon.cjs';
+export { NavaIconProvider, NavaIconProviderProps, useNavaIconConfig } from './NavaIconProvider.cjs';
+export { NavaIconConfig } from '@whydrf/nava-icon-core';
 export { AbacusIcon } from './icons/abacus.cjs';
 export { AccessibilityIcon } from './icons/accessibility.cjs';
 export { AddToQueueIcon } from './icons/add-to-queue.cjs';

package/dist/index.d.ts

@@ -1,4 +1,6 @@
 export { Icon, IconProps } from './Icon.js';
+export { NavaIconProvider, NavaIconProviderProps, useNavaIconConfig } from './NavaIconProvider.js';
+export { NavaIconConfig } from '@whydrf/nava-icon-core';
 export { AbacusIcon } from './icons/abacus.js';
 export { AccessibilityIcon } from './icons/accessibility.js';
 export { AddToQueueIcon } from './icons/add-to-queue.js';