@whydrf/nava-icon-react 1.4.0 → 1.4.1

package/dist/icons/camera-off.cjs

@@ -23,16 +23,27 @@ __export(camera_off_exports, {
   CameraOffIcon: () => CameraOffIcon
 });
 module.exports = __toCommonJS(camera_off_exports);
+
+// src/NavaIconProvider.tsx
+var import_react = require("react");
 var import_jsx_runtime = require("react/jsx-runtime");
+var NavaIconContext = (0, import_react.createContext)(null);
+function useNavaIconConfig() {
+  return (0, import_react.useContext)(NavaIconContext) ?? {};
+}
+
+// src/icons/camera-off.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
 var regularPaths = `<path d="M8.01401 12.135C8.08801 14.197 9.80301 15.912 11.865 15.986L8.01401 12.135Z" />
 <path d="M4 20H15.879L13.879 18H4V8.121L2.144 6.265C2.04958 6.49858 2.0007 6.74806 2 7V18C2 19.103 2.897 20 4 20ZM20 5H17.414L14.707 2.293C14.6143 2.19996 14.5041 2.12617 14.3828 2.07589C14.2614 2.0256 14.1313 1.99981 14 2H10C9.86866 1.99987 9.7386 2.02568 9.61727 2.07596C9.49594 2.12624 9.38574 2.2 9.293 2.293L6.586 5H6.414L3.707 2.293L2.293 3.707L20.293 21.707L21.707 20.293L21.081 19.667C21.3619 19.4887 21.5933 19.2425 21.754 18.9512C21.9146 18.6598 21.9992 18.3327 22 18V7C22 5.897 21.103 5 20 5ZM13.919 12.505L11.495 10.08C11.658 10.034 11.826 10 12 10C13.065 10 14 10.935 14 12C14 12.174 13.967 12.342 13.919 12.505ZM15.421 14.006C15.7936 13.4028 15.9939 12.709 16 12C16 9.832 14.168 8 12 8C11.271 8 10.588 8.22 9.993 8.579L7.914 6.5L10.414 4H13.586L16.293 6.707C16.3857 6.80004 16.4959 6.87383 16.6172 6.92412C16.7386 6.9744 16.8687 7.00019 17 7L20 6.999V18H19.414L15.421 14.006Z" />`;
 var filledPaths = `<path d="M4 20H15.879L12.796 16.917C12.5335 16.9669 12.2672 16.9947 12 17C9.29 17 7 14.71 7 12C7 11.729 7.039 11.465 7.083 11.204L2.144 6.265C2.054 6.493 2 6.74 2 7V18C2 19.103 2.897 20 4 20ZM20 5H17.414L14.707 2.293C14.6143 2.19996 14.5041 2.12617 14.3828 2.07589C14.2614 2.0256 14.1313 1.99981 14 2H10C9.86866 1.99981 9.73857 2.0256 9.61724 2.07589C9.4959 2.12617 9.38571 2.19996 9.293 2.293L6.586 5H6.414L3.707 2.293L2.293 3.707L20.293 21.707L21.707 20.293L21.081 19.667C21.3619 19.4887 21.5933 19.2425 21.754 18.9512C21.9146 18.6598 21.9992 18.3327 22 18V7C22 5.897 21.103 5 20 5ZM14.688 13.274C14.8893 12.8792 14.9961 12.4431 15 12C15 10.374 13.626 9 12 9C11.544 9 11.116 9.12 10.726 9.312L9.266 7.852C10.0716 7.30098 11.024 7.0042 12 7C14.71 7 17 9.29 17 12C16.9958 12.976 16.699 13.9284 16.148 14.734L14.688 13.274Z" />`;
 function CameraOffIcon(props) {
+  const config = useNavaIconConfig();
   const {
-    size = 24,
-    color,
-    strokeWidth,
-    className,
+    size = config.size ?? 24,
+    color = config.color,
+    strokeWidth = config.strokeWidth,
+    className = config.className,
     style,
     title,
     mode = "regular"
@@ -41,7 +52,7 @@ function CameraOffIcon(props) {
   const paths = isFilled ? filledPaths : regularPaths;
   const strokeBased = isFilled ? false : false;
   const appliedColor = color ?? "currentColor";
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -56,8 +67,8 @@ function CameraOffIcon(props) {
       className,
       style,
       children: [
-        title && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("title", { children: title }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("g", { dangerouslySetInnerHTML: { __html: paths } })
+        title && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("title", { children: title }),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("g", { dangerouslySetInnerHTML: { __html: paths } })
       ]
     }
   );

package/dist/icons/camera-off.js

@@ -1,7 +1,7 @@
 import {
   CameraOffIcon
-} from "../chunk-PRSICKY7.js";
-import "../chunk-MLKGABMK.js";
+} from "../chunk-UWLNDNFZ.js";
+import "../chunk-THBLMA22.js";
 export {
   CameraOffIcon
 };

package/dist/icons/camera-plus.cjs

@@ -23,17 +23,28 @@ __export(camera_plus_exports, {
   CameraPlusIcon: () => CameraPlusIcon
 });
 module.exports = __toCommonJS(camera_plus_exports);
+
+// src/NavaIconProvider.tsx
+var import_react = require("react");
 var import_jsx_runtime = require("react/jsx-runtime");
+var NavaIconContext = (0, import_react.createContext)(null);
+function useNavaIconConfig() {
+  return (0, import_react.useContext)(NavaIconContext) ?? {};
+}
+
+// src/icons/camera-plus.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
 var regularPaths = `<path d="M20 5H17.414L14.707 2.293C14.6143 2.19996 14.5041 2.12617 14.3828 2.07589C14.2614 2.0256 14.1313 1.99981 14 2H10C9.86866 1.99981 9.73857 2.0256 9.61724 2.07589C9.4959 2.12617 9.38571 2.19996 9.293 2.293L6.586 5H4C2.897 5 2 5.897 2 7V18C2 19.103 2.897 20 4 20H20C21.103 20 22 19.103 22 18V7C22 5.897 21.103 5 20 5ZM12 17C9.29 17 7 14.71 7 12C7 9.289 9.29 7 12 7C14.71 7 17 9.289 17 12C17 14.71 14.71 17 12 17Z" />
 <path d="M13 9H11V11H9V13H11V15H13V13H15V11H13V9Z" />`;
 var filledPaths = `<path d="M20 5H17.414L14.707 2.293C14.6143 2.19996 14.5041 2.12617 14.3828 2.07589C14.2614 2.0256 14.1313 1.99981 14 2H10C9.86866 1.99981 9.73857 2.0256 9.61724 2.07589C9.4959 2.12617 9.38571 2.19996 9.293 2.293L6.586 5H4C2.897 5 2 5.897 2 7V18C2 19.103 2.897 20 4 20H20C21.103 20 22 19.103 22 18V7C22 5.897 21.103 5 20 5ZM12 17C9.29 17 7 14.71 7 12C7 9.289 9.29 7 12 7C14.71 7 17 9.289 17 12C17 14.71 14.71 17 12 17Z" />
 <path d="M13 9H11V11H9V13H11V15H13V13H15V11H13V9Z" />`;
 function CameraPlusIcon(props) {
+  const config = useNavaIconConfig();
   const {
-    size = 24,
-    color,
-    strokeWidth,
-    className,
+    size = config.size ?? 24,
+    color = config.color,
+    strokeWidth = config.strokeWidth,
+    className = config.className,
     style,
     title,
     mode = "regular"
@@ -42,7 +53,7 @@ function CameraPlusIcon(props) {
   const paths = isFilled ? filledPaths : regularPaths;
   const strokeBased = isFilled ? false : false;
   const appliedColor = color ?? "currentColor";
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -57,8 +68,8 @@ function CameraPlusIcon(props) {
       className,
       style,
       children: [
-        title && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("title", { children: title }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("g", { dangerouslySetInnerHTML: { __html: paths } })
+        title && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("title", { children: title }),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("g", { dangerouslySetInnerHTML: { __html: paths } })
       ]
     }
   );

package/dist/icons/camera-plus.js

@@ -1,7 +1,7 @@
 import {
   CameraPlusIcon
-} from "../chunk-M6C7R6YW.js";
-import "../chunk-MLKGABMK.js";
+} from "../chunk-OEHAI46F.js";
+import "../chunk-THBLMA22.js";
 export {
   CameraPlusIcon
 };

package/dist/icons/camera.cjs

@@ -23,17 +23,28 @@ __export(camera_exports, {
   CameraIcon: () => CameraIcon
 });
 module.exports = __toCommonJS(camera_exports);
+
+// src/NavaIconProvider.tsx
+var import_react = require("react");
 var import_jsx_runtime = require("react/jsx-runtime");
+var NavaIconContext = (0, import_react.createContext)(null);
+function useNavaIconConfig() {
+  return (0, import_react.useContext)(NavaIconContext) ?? {};
+}
+
+// src/icons/camera.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
 var regularPaths = `<path d="M12 8C9.832 8 8 9.832 8 12C8 14.168 9.832 16 12 16C14.168 16 16 14.168 16 12C16 9.832 14.168 8 12 8ZM12 14C10.935 14 10 13.065 10 12C10 10.935 10.935 10 12 10C13.065 10 14 10.935 14 12C14 13.065 13.065 14 12 14Z" />
 <path d="M20 5H17.414L14.707 2.293C14.6143 2.19996 14.5041 2.12617 14.3828 2.07589C14.2614 2.0256 14.1313 1.99981 14 2H10C9.86866 1.99981 9.73857 2.0256 9.61724 2.07589C9.4959 2.12617 9.38571 2.19996 9.293 2.293L6.586 5H4C2.897 5 2 5.897 2 7V18C2 19.103 2.897 20 4 20H20C21.103 20 22 19.103 22 18V7C22 5.897 21.103 5 20 5ZM4 18V7H7C7.266 7 7.52 6.895 7.707 6.707L10.414 4H13.586L16.293 6.707C16.3857 6.80004 16.4959 6.87383 16.6172 6.92412C16.7386 6.9744 16.8687 7.00019 17 7H20L20.002 18H4Z" />`;
 var filledPaths = `<path d="M12 9C10.374 9 9 10.374 9 12C9 13.626 10.374 15 12 15C13.626 15 15 13.626 15 12C15 10.374 13.626 9 12 9Z" />
 <path d="M20 5H17.414L14.707 2.293C14.6143 2.19996 14.5041 2.12617 14.3828 2.07589C14.2614 2.0256 14.1313 1.99981 14 2H10C9.86866 1.99981 9.73857 2.0256 9.61724 2.07589C9.4959 2.12617 9.38571 2.19996 9.293 2.293L6.586 5H4C2.897 5 2 5.897 2 7V18C2 19.103 2.897 20 4 20H20C21.103 20 22 19.103 22 18V7C22 5.897 21.103 5 20 5ZM12 17C9.29 17 7 14.71 7 12C7 9.29 9.29 7 12 7C14.71 7 17 9.29 17 12C17 14.71 14.71 17 12 17Z" />`;
 function CameraIcon(props) {
+  const config = useNavaIconConfig();
   const {
-    size = 24,
-    color,
-    strokeWidth,
-    className,
+    size = config.size ?? 24,
+    color = config.color,
+    strokeWidth = config.strokeWidth,
+    className = config.className,
     style,
     title,
     mode = "regular"
@@ -42,7 +53,7 @@ function CameraIcon(props) {
   const paths = isFilled ? filledPaths : regularPaths;
   const strokeBased = isFilled ? false : false;
   const appliedColor = color ?? "currentColor";
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -57,8 +68,8 @@ function CameraIcon(props) {
       className,
       style,
       children: [
-        title && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("title", { children: title }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("g", { dangerouslySetInnerHTML: { __html: paths } })
+        title && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("title", { children: title }),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("g", { dangerouslySetInnerHTML: { __html: paths } })
       ]
     }
   );

package/dist/icons/camera.js

@@ -1,7 +1,7 @@
 import {
   CameraIcon
-} from "../chunk-LMPEY6FO.js";
-import "../chunk-MLKGABMK.js";
+} from "../chunk-E5QD4XTS.js";
+import "../chunk-THBLMA22.js";
 export {
   CameraIcon
 };

package/dist/icons/candles.cjs

@@ -23,15 +23,26 @@ __export(candles_exports, {
   CandlesIcon: () => CandlesIcon
 });
 module.exports = __toCommonJS(candles_exports);
+
+// src/NavaIconProvider.tsx
+var import_react = require("react");
 var import_jsx_runtime = require("react/jsx-runtime");
+var NavaIconContext = (0, import_react.createContext)(null);
+function useNavaIconConfig() {
+  return (0, import_react.useContext)(NavaIconContext) ?? {};
+}
+
+// src/icons/candles.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
 var regularPaths = `<path d="M6 19H7V22H9V19H10C10.2652 19 10.5196 18.8946 10.7071 18.7071C10.8946 18.5196 11 18.2652 11 18V6C11 5.73478 10.8946 5.48043 10.7071 5.29289C10.5196 5.10536 10.2652 5 10 5H9V2H7V5H6C5.73478 5 5.48043 5.10536 5.29289 5.29289C5.10536 5.48043 5 5.73478 5 6V18C5 18.2652 5.10536 18.5196 5.29289 18.7071C5.48043 18.8946 5.73478 19 6 19ZM7 7H9V17H7V7ZM14 17H15V20H17V17H18C18.2652 17 18.5196 16.8946 18.7071 16.7071C18.8946 16.5196 19 16.2652 19 16V8C19 7.73478 18.8946 7.48043 18.7071 7.29289C18.5196 7.10536 18.2652 7 18 7H17V4H15V7H14C13.7348 7 13.4804 7.10536 13.2929 7.29289C13.1054 7.48043 13 7.73478 13 8V16C13 16.2652 13.1054 16.5196 13.2929 16.7071C13.4804 16.8946 13.7348 17 14 17ZM15 9H17V15H15V9Z" />`;
 var filledPaths = `<path d="M6 19H7V22H9V19H10C10.2652 19 10.5196 18.8946 10.7071 18.7071C10.8946 18.5196 11 18.2652 11 18V6C11 5.73478 10.8946 5.48043 10.7071 5.29289C10.5196 5.10536 10.2652 5 10 5H9V2H7V5H6C5.73478 5 5.48043 5.10536 5.29289 5.29289C5.10536 5.48043 5 5.73478 5 6V18C5 18.2652 5.10536 18.5196 5.29289 18.7071C5.48043 18.8946 5.73478 19 6 19ZM7 7H9V17H7V7ZM14 17H15V20H17V17H18C18.2652 17 18.5196 16.8946 18.7071 16.7071C18.8946 16.5196 19 16.2652 19 16V8C19 7.73478 18.8946 7.48043 18.7071 7.29289C18.5196 7.10536 18.2652 7 18 7H17V4H15V7H14C13.7348 7 13.4804 7.10536 13.2929 7.29289C13.1054 7.48043 13 7.73478 13 8V16C13 16.2652 13.1054 16.5196 13.2929 16.7071C13.4804 16.8946 13.7348 17 14 17ZM15 9H17V15H15V9Z" />`;
 function CandlesIcon(props) {
+  const config = useNavaIconConfig();
   const {
-    size = 24,
-    color,
-    strokeWidth,
-    className,
+    size = config.size ?? 24,
+    color = config.color,
+    strokeWidth = config.strokeWidth,
+    className = config.className,
     style,
     title,
     mode = "regular"
@@ -40,7 +51,7 @@ function CandlesIcon(props) {
   const paths = isFilled ? filledPaths : regularPaths;
   const strokeBased = isFilled ? false : false;
   const appliedColor = color ?? "currentColor";
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -55,8 +66,8 @@ function CandlesIcon(props) {
       className,
       style,
       children: [
-        title && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("title", { children: title }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("g", { dangerouslySetInnerHTML: { __html: paths } })
+        title && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("title", { children: title }),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("g", { dangerouslySetInnerHTML: { __html: paths } })
       ]
     }
   );

package/dist/icons/candles.js

@@ -1,7 +1,7 @@
 import {
   CandlesIcon
-} from "../chunk-HFBDU3MW.js";
-import "../chunk-MLKGABMK.js";
+} from "../chunk-J2C34LQT.js";
+import "../chunk-THBLMA22.js";
 export {
   CandlesIcon
 };

package/dist/icons/capsule.cjs

@@ -23,15 +23,26 @@ __export(capsule_exports, {
   CapsuleIcon: () => CapsuleIcon
 });
 module.exports = __toCommonJS(capsule_exports);
+
+// src/NavaIconProvider.tsx
+var import_react = require("react");
 var import_jsx_runtime = require("react/jsx-runtime");
+var NavaIconContext = (0, import_react.createContext)(null);
+function useNavaIconConfig() {
+  return (0, import_react.useContext)(NavaIconContext) ?? {};
+}
+
+// src/icons/capsule.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
 var regularPaths = `<path d="M8.99902 20.133C9.656 20.1347 10.3068 20.0061 10.9137 19.7546C11.5207 19.5032 12.0717 19.1338 12.535 18.668L19.669 11.535C20.6051 10.5962 21.1307 9.32454 21.1306 7.99879C21.1304 6.67305 20.6044 5.4015 19.668 4.463C18.723 3.52 17.467 3 16.132 3C14.797 3 13.541 3.52 12.598 4.464L5.46402 11.598C4.52825 12.5369 4.00281 13.8084 4.00281 15.134C4.00281 16.4596 4.52825 17.7311 5.46402 18.67C5.92738 19.1353 6.47836 19.5042 7.08511 19.7553C7.69186 20.0064 8.34236 20.1348 8.99902 20.133ZM14.012 5.878C14.2898 5.59877 14.6202 5.3774 14.9841 5.22669C15.348 5.07598 15.7382 4.99893 16.132 5C16.934 5 17.688 5.313 18.254 5.878C18.8159 6.44101 19.1315 7.20388 19.1317 7.99929C19.1319 8.79471 18.8166 9.55773 18.255 10.121L15.362 13.013L11.12 8.77L14.012 5.878ZM6.87802 13.012L9.70602 10.184L13.948 14.427L11.121 17.254C9.98802 18.387 8.01102 18.386 6.87802 17.255C6.31652 16.6917 6.00123 15.9288 6.00123 15.1335C6.00123 14.3382 6.31652 13.5753 6.87802 13.012Z" />`;
 var filledPaths = `<path d="M8.43407 20.566C9.76907 20.566 11.0251 20.046 11.9691 19.102L19.1031 11.969C20.0389 11.0301 20.5644 9.75844 20.5642 8.43278C20.564 7.10711 20.0382 5.83561 19.1021 4.89698C18.6386 4.43152 18.0875 4.06256 17.4806 3.81144C16.8736 3.56032 16.2229 3.43203 15.5661 3.43398C14.2311 3.43398 12.9761 3.95398 12.0321 4.89798L4.89807 12.031C3.96241 12.9699 3.43696 14.2413 3.43677 15.5668C3.43658 16.8923 3.96168 18.1638 4.89707 19.103C5.3607 19.5685 5.91201 19.9374 6.51911 20.1886C7.12622 20.4397 7.77708 20.568 8.43407 20.566ZM13.4451 6.31198C13.7229 6.03275 14.0532 5.81138 14.4171 5.66067C14.781 5.50997 15.1712 5.43292 15.5651 5.43398C16.3671 5.43398 17.1211 5.74598 17.6871 6.31198C18.2489 6.87499 18.5646 7.63786 18.5648 8.43328C18.565 9.22869 18.2497 9.99171 17.6881 10.555L14.7951 13.447L10.5531 9.20298L13.4451 6.31198Z" />`;
 function CapsuleIcon(props) {
+  const config = useNavaIconConfig();
   const {
-    size = 24,
-    color,
-    strokeWidth,
-    className,
+    size = config.size ?? 24,
+    color = config.color,
+    strokeWidth = config.strokeWidth,
+    className = config.className,
     style,
     title,
     mode = "regular"
@@ -40,7 +51,7 @@ function CapsuleIcon(props) {
   const paths = isFilled ? filledPaths : regularPaths;
   const strokeBased = isFilled ? false : false;
   const appliedColor = color ?? "currentColor";
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -55,8 +66,8 @@ function CapsuleIcon(props) {
       className,
       style,
       children: [
-        title && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("title", { children: title }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("g", { dangerouslySetInnerHTML: { __html: paths } })
+        title && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("title", { children: title }),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("g", { dangerouslySetInnerHTML: { __html: paths } })
       ]
     }
   );

package/dist/icons/capsule.js

@@ -1,7 +1,7 @@
 import {
   CapsuleIcon
-} from "../chunk-6B4AK7V6.js";
-import "../chunk-MLKGABMK.js";
+} from "../chunk-EAYJJXYH.js";
+import "../chunk-THBLMA22.js";
 export {
   CapsuleIcon
 };

package/dist/icons/captions.cjs

@@ -23,16 +23,27 @@ __export(captions_exports, {
   CaptionsIcon: () => CaptionsIcon
 });
 module.exports = __toCommonJS(captions_exports);
+
+// src/NavaIconProvider.tsx
+var import_react = require("react");
 var import_jsx_runtime = require("react/jsx-runtime");
+var NavaIconContext = (0, import_react.createContext)(null);
+function useNavaIconConfig() {
+  return (0, import_react.useContext)(NavaIconContext) ?? {};
+}
+
+// src/icons/captions.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
 var regularPaths = `<path d="M6 10V14C6 15.103 6.897 16 8 16H11V14H8V10H11V8H8C6.897 8 6 8.897 6 10ZM13 10V14C13 15.103 13.897 16 15 16H18V14H15V10H18V8H15C13.897 8 13 8.897 13 10Z" />
 <path d="M20 4H4C2.897 4 2 4.897 2 6V18C2 19.103 2.897 20 4 20H20C21.103 20 22 19.103 22 18V6C22 4.897 21.103 4 20 4ZM4 18V6H20L20.002 18H4Z" />`;
 var filledPaths = `<path d="M20 4H4C2.897 4 2 4.897 2 6V18C2 19.103 2.897 20 4 20H20C21.103 20 22 19.103 22 18V6C22 4.897 21.103 4 20 4ZM11 10H8V14H11V16H8C6.897 16 6 15.103 6 14V10C6 8.897 6.897 8 8 8H11V10ZM18 10H15V14H18V16H15C13.897 16 13 15.103 13 14V10C13 8.897 13.897 8 15 8H18V10Z" />`;
 function CaptionsIcon(props) {
+  const config = useNavaIconConfig();
   const {
-    size = 24,
-    color,
-    strokeWidth,
-    className,
+    size = config.size ?? 24,
+    color = config.color,
+    strokeWidth = config.strokeWidth,
+    className = config.className,
     style,
     title,
     mode = "regular"
@@ -41,7 +52,7 @@ function CaptionsIcon(props) {
   const paths = isFilled ? filledPaths : regularPaths;
   const strokeBased = isFilled ? false : false;
   const appliedColor = color ?? "currentColor";
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -56,8 +67,8 @@ function CaptionsIcon(props) {
       className,
       style,
       children: [
-        title && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("title", { children: title }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("g", { dangerouslySetInnerHTML: { __html: paths } })
+        title && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("title", { children: title }),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("g", { dangerouslySetInnerHTML: { __html: paths } })
       ]
     }
   );

package/dist/icons/captions.js

@@ -1,7 +1,7 @@
 import {
   CaptionsIcon
-} from "../chunk-IPLWZ2TH.js";
-import "../chunk-MLKGABMK.js";
+} from "../chunk-RRUH7DYN.js";
+import "../chunk-THBLMA22.js";
 export {
   CaptionsIcon
 };

package/dist/icons/car-battery.cjs

@@ -23,15 +23,26 @@ __export(car_battery_exports, {
   CarBatteryIcon: () => CarBatteryIcon
 });
 module.exports = __toCommonJS(car_battery_exports);
+
+// src/NavaIconProvider.tsx
+var import_react = require("react");
 var import_jsx_runtime = require("react/jsx-runtime");
+var NavaIconContext = (0, import_react.createContext)(null);
+function useNavaIconConfig() {
+  return (0, import_react.useContext)(NavaIconContext) ?? {};
+}
+
+// src/icons/car-battery.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
 var regularPaths = `<path d="M20 6H4C2.897 6 2 6.897 2 8V18C2 19.103 2.897 20 4 20H20C21.103 20 22 19.103 22 18V8C22 6.897 21.103 6 20 6ZM9 14H4V12H9V14ZM20 14H18V16H16V14H14V12H16V10H18V12H20V14ZM4 3H8V5H4V3ZM16 3H20V5H16V3Z" />`;
 var filledPaths = `<path d="M20 6H4C2.897 6 2 6.897 2 8V18C2 19.103 2.897 20 4 20H20C21.103 20 22 19.103 22 18V8C22 6.897 21.103 6 20 6ZM9 14H4V12H9V14ZM20 14H18V16H16V14H14V12H16V10H18V12H20V14ZM4 3H8V5H4V3ZM16 3H20V5H16V3Z" />`;
 function CarBatteryIcon(props) {
+  const config = useNavaIconConfig();
   const {
-    size = 24,
-    color,
-    strokeWidth,
-    className,
+    size = config.size ?? 24,
+    color = config.color,
+    strokeWidth = config.strokeWidth,
+    className = config.className,
     style,
     title,
     mode = "regular"
@@ -40,7 +51,7 @@ function CarBatteryIcon(props) {
   const paths = isFilled ? filledPaths : regularPaths;
   const strokeBased = isFilled ? false : false;
   const appliedColor = color ?? "currentColor";
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -55,8 +66,8 @@ function CarBatteryIcon(props) {
       className,
       style,
       children: [
-        title && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("title", { children: title }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("g", { dangerouslySetInnerHTML: { __html: paths } })
+        title && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("title", { children: title }),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("g", { dangerouslySetInnerHTML: { __html: paths } })
       ]
     }
   );

package/dist/icons/car-battery.js

@@ -1,7 +1,7 @@
 import {
   CarBatteryIcon
-} from "../chunk-YJDDSJXH.js";
-import "../chunk-MLKGABMK.js";
+} from "../chunk-BCFE7PUJ.js";
+import "../chunk-THBLMA22.js";
 export {
   CarBatteryIcon
 };

package/dist/icons/car-crash.cjs

@@ -23,15 +23,26 @@ __export(car_crash_exports, {
   CarCrashIcon: () => CarCrashIcon
 });
 module.exports = __toCommonJS(car_crash_exports);
+
+// src/NavaIconProvider.tsx
+var import_react = require("react");
 var import_jsx_runtime = require("react/jsx-runtime");
+var NavaIconContext = (0, import_react.createContext)(null);
+function useNavaIconConfig() {
+  return (0, import_react.useContext)(NavaIconContext) ?? {};
+}
+
+// src/icons/car-crash.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
 var regularPaths = `<path d="M2.63392 17.918C2.70335 18.2196 2.85086 18.4976 3.06166 18.7242C3.27245 18.9508 3.53912 19.118 3.83492 19.209L4.01492 20H3.99992V22H19.9999V20H6.68292C6.69605 19.9076 6.69369 19.8136 6.67592 19.722L6.47992 18.859L16.8369 16.503L17.0329 17.366C17.0851 17.595 17.2261 17.7938 17.4249 17.9189C17.6236 18.044 17.8639 18.085 18.0929 18.033L18.9559 17.836C19.0694 17.8103 19.1766 17.7624 19.2715 17.6952C19.3665 17.628 19.4472 17.5427 19.5092 17.4443C19.5711 17.3458 19.613 17.2361 19.6326 17.1215C19.6521 17.0068 19.6488 16.8894 19.6229 16.776L19.3719 15.673C19.8179 15.257 20.0419 14.627 19.8969 13.99L19.3069 11.4C19.2353 11.088 19.08 10.8014 18.8576 10.5711C18.6352 10.3408 18.3543 10.1755 18.0449 10.093L15.9959 6.715C15.6938 6.21869 15.2434 5.82979 14.7084 5.60318C14.1733 5.37657 13.5806 5.32369 13.0139 5.452L5.14592 7.242C4.57861 7.37051 4.06617 7.67442 3.68132 8.11061C3.29647 8.54679 3.05876 9.09309 3.00192 9.672L2.61492 13.604C2.37219 13.8124 2.19086 14.0831 2.09043 14.3868C1.99 14.6906 1.97427 15.016 2.04492 15.328L2.63392 17.918ZM5.65392 17.23C5.48393 17.2687 5.30796 17.2736 5.13608 17.2444C4.9642 17.2151 4.79977 17.1523 4.65217 17.0594C4.50457 16.9666 4.3767 16.8457 4.27585 16.7034C4.17501 16.5612 4.10316 16.4005 4.06442 16.2305C4.02568 16.0605 4.02081 15.8845 4.05007 15.7127C4.07933 15.5408 4.14216 15.3763 4.23498 15.2287C4.32779 15.0811 4.44876 14.9533 4.59099 14.8524C4.73323 14.7516 4.89393 14.6797 5.06392 14.641C5.40725 14.5628 5.76759 14.6241 6.06568 14.8116C6.36376 14.999 6.57518 15.2972 6.65342 15.6405C6.73166 15.9838 6.67031 16.3442 6.48287 16.6423C6.29543 16.9403 5.99725 17.1518 5.65392 17.23ZM16.8759 14.678C16.703 14.7255 16.5223 14.7375 16.3446 14.7133C16.1669 14.6891 15.996 14.6292 15.8421 14.5371C15.6882 14.445 15.5546 14.3228 15.4493 14.1777C15.3439 14.0326 15.2691 13.8676 15.2292 13.6928C15.1893 13.518 15.1853 13.3369 15.2173 13.1604C15.2493 12.984 15.3167 12.8159 15.4154 12.6662C15.5142 12.5165 15.6422 12.3884 15.7918 12.2895C15.9414 12.1907 16.1095 12.1231 16.2859 12.091C16.6225 12.0297 16.9697 12.1006 17.2552 12.289C17.5408 12.4774 17.7426 12.7687 17.8187 13.1022C17.8948 13.4357 17.8392 13.7857 17.6635 14.0793C17.4879 14.3729 17.2058 14.5873 16.8759 14.678ZM5.58892 9.192L13.4579 7.401C13.6156 7.36537 13.7805 7.38008 13.9294 7.44304C14.0782 7.506 14.2036 7.61405 14.2879 7.752L15.8729 10.365L15.3069 10.494L5.26092 12.781L4.69292 12.91L4.99192 9.868C5.00802 9.70697 5.07432 9.55506 5.18144 9.43376C5.28857 9.31245 5.43111 9.22788 5.58892 9.192ZM18.4049 4L16.9999 2L16.4999 5L18.9999 9L21.9999 10L19.9999 7.461L21.9999 6.528L19.9999 5.595L21.9999 2L18.4049 4Z" />`;
 var filledPaths = `<path d="M2.63392 17.918C2.70335 18.2196 2.85086 18.4976 3.06166 18.7242C3.27245 18.9508 3.53912 19.118 3.83492 19.209L4.01492 20H3.99992V22H19.9999V20H6.68292C6.69605 19.9076 6.69369 19.8136 6.67592 19.722L6.47992 18.859L16.8369 16.503L17.0329 17.366C17.0851 17.595 17.2261 17.7938 17.4249 17.9189C17.6236 18.044 17.8639 18.085 18.0929 18.033L18.9559 17.836C19.0694 17.8103 19.1766 17.7624 19.2715 17.6952C19.3665 17.628 19.4472 17.5427 19.5092 17.4443C19.5711 17.3458 19.613 17.2361 19.6326 17.1215C19.6521 17.0068 19.6488 16.8894 19.6229 16.776L19.3719 15.673C19.8179 15.257 20.0419 14.627 19.8969 13.99L19.3069 11.4C19.2353 11.088 19.08 10.8014 18.8576 10.5711C18.6352 10.3408 18.3543 10.1755 18.0449 10.093L15.9959 6.715C15.6938 6.21869 15.2434 5.82979 14.7084 5.60318C14.1733 5.37657 13.5806 5.32369 13.0139 5.452L5.14592 7.242C4.57861 7.37051 4.06617 7.67442 3.68132 8.11061C3.29647 8.54679 3.05876 9.09309 3.00192 9.672L2.61492 13.604C2.37219 13.8124 2.19086 14.0831 2.09043 14.3868C1.99 14.6906 1.97427 15.016 2.04492 15.328L2.63392 17.918ZM5.65392 17.23C5.48393 17.2687 5.30796 17.2736 5.13608 17.2444C4.9642 17.2151 4.79977 17.1523 4.65217 17.0594C4.50457 16.9666 4.3767 16.8457 4.27585 16.7034C4.17501 16.5612 4.10316 16.4005 4.06442 16.2305C4.02568 16.0605 4.02081 15.8845 4.05007 15.7127C4.07933 15.5408 4.14216 15.3763 4.23498 15.2287C4.32779 15.0811 4.44876 14.9533 4.59099 14.8524C4.73323 14.7516 4.89393 14.6797 5.06392 14.641C5.40725 14.5628 5.76759 14.6241 6.06568 14.8116C6.36376 14.999 6.57518 15.2972 6.65342 15.6405C6.73166 15.9838 6.67031 16.3442 6.48287 16.6423C6.29543 16.9403 5.99725 17.1518 5.65392 17.23ZM16.8759 14.678C16.703 14.7255 16.5223 14.7375 16.3446 14.7133C16.1669 14.6891 15.996 14.6292 15.8421 14.5371C15.6882 14.445 15.5546 14.3228 15.4493 14.1777C15.3439 14.0326 15.2691 13.8676 15.2292 13.6928C15.1893 13.518 15.1853 13.3369 15.2173 13.1604C15.2493 12.984 15.3167 12.8159 15.4154 12.6662C15.5142 12.5165 15.6422 12.3884 15.7918 12.2895C15.9414 12.1907 16.1095 12.1231 16.2859 12.091C16.6225 12.0297 16.9697 12.1006 17.2552 12.289C17.5408 12.4774 17.7426 12.7687 17.8187 13.1022C17.8948 13.4357 17.8392 13.7857 17.6635 14.0793C17.4879 14.3729 17.2058 14.5873 16.8759 14.678ZM5.58892 9.192L13.4579 7.401C13.6156 7.36537 13.7805 7.38008 13.9294 7.44304C14.0782 7.506 14.2036 7.61405 14.2879 7.752L15.8729 10.365L15.3069 10.494L5.26092 12.781L4.69292 12.91L4.99192 9.868C5.00802 9.70697 5.07432 9.55506 5.18144 9.43376C5.28857 9.31245 5.43111 9.22788 5.58892 9.192ZM18.4049 4L16.9999 2L16.4999 5L18.9999 9L21.9999 10L19.9999 7.461L21.9999 6.528L19.9999 5.595L21.9999 2L18.4049 4Z" />`;
 function CarCrashIcon(props) {
+  const config = useNavaIconConfig();
   const {
-    size = 24,
-    color,
-    strokeWidth,
-    className,
+    size = config.size ?? 24,
+    color = config.color,
+    strokeWidth = config.strokeWidth,
+    className = config.className,
     style,
     title,
     mode = "regular"
@@ -40,7 +51,7 @@ function CarCrashIcon(props) {
   const paths = isFilled ? filledPaths : regularPaths;
   const strokeBased = isFilled ? false : false;
   const appliedColor = color ?? "currentColor";
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -55,8 +66,8 @@ function CarCrashIcon(props) {
       className,
       style,
       children: [
-        title && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("title", { children: title }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("g", { dangerouslySetInnerHTML: { __html: paths } })
+        title && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("title", { children: title }),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("g", { dangerouslySetInnerHTML: { __html: paths } })
       ]
     }
   );

package/dist/icons/car-crash.js

@@ -1,7 +1,7 @@
 import {
   CarCrashIcon
-} from "../chunk-J54LRQY2.js";
-import "../chunk-MLKGABMK.js";
+} from "../chunk-JWINEQ6G.js";
+import "../chunk-THBLMA22.js";
 export {
   CarCrashIcon
 };

package/dist/icons/car-garage.cjs

@@ -23,17 +23,28 @@ __export(car_garage_exports, {
   CarGarageIcon: () => CarGarageIcon
 });
 module.exports = __toCommonJS(car_garage_exports);
+
+// src/NavaIconProvider.tsx
+var import_react = require("react");
 var import_jsx_runtime = require("react/jsx-runtime");
+var NavaIconContext = (0, import_react.createContext)(null);
+function useNavaIconConfig() {
+  return (0, import_react.useContext)(NavaIconContext) ?? {};
+}
+
+// src/icons/car-garage.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
 var regularPaths = `<path d="M3 19.723V21C3 21.2652 3.10536 21.5196 3.29289 21.7071C3.48043 21.8946 3.73478 22 4 22H5C5.26522 22 5.51957 21.8946 5.70711 21.7071C5.89464 21.5196 6 21.2652 6 21V20H18V21C18 21.2652 18.1054 21.5196 18.2929 21.7071C18.4804 21.8946 18.7348 22 19 22H20C20.2652 22 20.5196 21.8946 20.7071 21.7071C20.8946 21.5196 21 21.2652 21 21V19.723C21.3034 19.549 21.5556 19.2981 21.7311 18.9956C21.9067 18.6932 21.9994 18.3497 22 18V15C22 14.169 21.493 13.458 20.772 13.155L19.404 9.051C19.2056 8.45348 18.8238 7.9337 18.3131 7.56551C17.8024 7.19732 17.1886 6.99944 16.559 7H7.441C6.81139 6.99944 6.19761 7.19732 5.68688 7.56551C5.17615 7.9337 4.79445 8.45348 4.596 9.051L3.228 13.155C2.8643 13.3073 2.55371 13.5637 2.33523 13.892C2.11676 14.2202 2.00013 14.6057 2 15V18C2 18.738 2.404 19.376 3 19.723ZM5.5 18C5.30295 17.9999 5.10785 17.9611 4.92582 17.8856C4.7438 17.8101 4.57842 17.6995 4.43913 17.5602C4.15783 17.2787 3.99987 16.897 4 16.499C4.00013 16.101 4.15835 15.7194 4.43984 15.4381C4.72133 15.1568 5.10304 14.9989 5.501 14.999C5.89896 14.9991 6.28056 15.1573 6.56187 15.4388C6.84317 15.7203 7.00113 16.102 7.001 16.5C7.00087 16.898 6.84265 17.2796 6.56116 17.5609C6.27967 17.8422 5.89796 18.0001 5.5 18ZM18.5 18C18.102 17.9999 17.7204 17.8417 17.4391 17.5602C17.1578 17.2787 16.9999 16.897 17 16.499C17.0001 16.101 17.1583 15.7194 17.4398 15.4381C17.7213 15.1568 18.103 14.9989 18.501 14.999C18.899 14.9991 19.2806 15.1573 19.5619 15.4388C19.8432 15.7203 20.0011 16.102 20.001 16.5C20.0009 16.898 19.8427 17.2796 19.5612 17.5609C19.2797 17.8422 18.898 18.0001 18.5 18ZM7.441 9H16.558C16.768 8.99995 16.9726 9.06599 17.143 9.18876C17.3133 9.31153 17.4407 9.4848 17.507 9.684L18.613 13H5.387L6.492 9.684C6.629 9.275 7.011 9 7.441 9Z" />
 <path d="M22 7.38802V5.27902L12.316 2.05102C12.102 1.97938 11.87 1.98255 11.658 2.06002L2 5.57202V7.70002L12.015 4.05802L22 7.38802Z" />`;
 var filledPaths = `<path d="M3 19.723V21C3 21.2652 3.10536 21.5196 3.29289 21.7071C3.48043 21.8946 3.73478 22 4 22H5C5.26522 22 5.51957 21.8946 5.70711 21.7071C5.89464 21.5196 6 21.2652 6 21V20H18V21C18 21.2652 18.1054 21.5196 18.2929 21.7071C18.4804 21.8946 18.7348 22 19 22H20C20.2652 22 20.5196 21.8946 20.7071 21.7071C20.8946 21.5196 21 21.2652 21 21V19.723C21.3034 19.549 21.5556 19.2981 21.7311 18.9956C21.9067 18.6932 21.9994 18.3497 22 18V15C22 14.169 21.493 13.458 20.772 13.155L19.404 9.051C19.2056 8.45348 18.8238 7.9337 18.3131 7.56551C17.8024 7.19732 17.1886 6.99944 16.559 7H7.441C6.81139 6.99944 6.19761 7.19732 5.68688 7.56551C5.17615 7.9337 4.79445 8.45348 4.596 9.051L3.228 13.155C2.8643 13.3073 2.55371 13.5637 2.33523 13.892C2.11676 14.2202 2.00013 14.6057 2 15V18C2 18.738 2.404 19.376 3 19.723ZM5.5 18C5.30295 17.9999 5.10785 17.9611 4.92582 17.8856C4.7438 17.8101 4.57842 17.6995 4.43913 17.5602C4.15783 17.2787 3.99987 16.897 4 16.499C4.00013 16.101 4.15835 15.7194 4.43984 15.4381C4.72133 15.1568 5.10304 14.9989 5.501 14.999C5.89896 14.9991 6.28056 15.1573 6.56187 15.4388C6.84317 15.7203 7.00113 16.102 7.001 16.5C7.00087 16.898 6.84265 17.2796 6.56116 17.5609C6.27967 17.8422 5.89796 18.0001 5.5 18ZM18.5 18C18.102 17.9999 17.7204 17.8417 17.4391 17.5602C17.1578 17.2787 16.9999 16.897 17 16.499C17.0001 16.101 17.1583 15.7194 17.4398 15.4381C17.7213 15.1568 18.103 14.9989 18.501 14.999C18.899 14.9991 19.2806 15.1573 19.5619 15.4388C19.8432 15.7203 20.0011 16.102 20.001 16.5C20.0009 16.898 19.8427 17.2796 19.5612 17.5609C19.2797 17.8422 18.898 18.0001 18.5 18ZM7.441 9H16.558C16.768 8.99995 16.9726 9.06599 17.143 9.18876C17.3133 9.31153 17.4407 9.4848 17.507 9.684L18.613 13H5.387L6.492 9.684C6.629 9.275 7.011 9 7.441 9Z" />
 <path d="M22 7.38802V5.27902L12.316 2.05102C12.102 1.97938 11.87 1.98255 11.658 2.06002L2 5.57202V7.70002L12.015 4.05802L22 7.38802Z" />`;
 function CarGarageIcon(props) {
+  const config = useNavaIconConfig();
   const {
-    size = 24,
-    color,
-    strokeWidth,
-    className,
+    size = config.size ?? 24,
+    color = config.color,
+    strokeWidth = config.strokeWidth,
+    className = config.className,
     style,
     title,
     mode = "regular"
@@ -42,7 +53,7 @@ function CarGarageIcon(props) {
   const paths = isFilled ? filledPaths : regularPaths;
   const strokeBased = isFilled ? false : false;
   const appliedColor = color ?? "currentColor";
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -57,8 +68,8 @@ function CarGarageIcon(props) {
       className,
       style,
       children: [
-        title && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("title", { children: title }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("g", { dangerouslySetInnerHTML: { __html: paths } })
+        title && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("title", { children: title }),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("g", { dangerouslySetInnerHTML: { __html: paths } })
       ]
     }
   );

package/dist/icons/car-garage.js

@@ -1,7 +1,7 @@
 import {
   CarGarageIcon
-} from "../chunk-XXGVZHCY.js";
-import "../chunk-MLKGABMK.js";
+} from "../chunk-5BWAZMZN.js";
+import "../chunk-THBLMA22.js";
 export {
   CarGarageIcon
 };

package/dist/icons/car-mechanic.cjs

@@ -23,15 +23,26 @@ __export(car_mechanic_exports, {
   CarMechanicIcon: () => CarMechanicIcon
 });
 module.exports = __toCommonJS(car_mechanic_exports);
+
+// src/NavaIconProvider.tsx
+var import_react = require("react");
 var import_jsx_runtime = require("react/jsx-runtime");
+var NavaIconContext = (0, import_react.createContext)(null);
+function useNavaIconConfig() {
+  return (0, import_react.useContext)(NavaIconContext) ?? {};
+}
+
+// src/icons/car-mechanic.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
 var regularPaths = `<path d="M20.772 13.155L19.404 9.051C19.2056 8.45348 18.8238 7.9337 18.3131 7.56551C17.8024 7.19731 17.1886 6.99944 16.559 7H7.441C6.81139 6.99944 6.19761 7.19731 5.68688 7.56551C5.17615 7.9337 4.79445 8.45348 4.596 9.051L3.228 13.155C2.8643 13.3073 2.55371 13.5637 2.33523 13.892C2.11676 14.2202 2.00013 14.6057 2 15V18C2 18.738 2.404 19.376 3 19.723V21C3 21.2652 3.10536 21.5196 3.29289 21.7071C3.48043 21.8946 3.73478 22 4 22H5C5.26522 22 5.51957 21.8946 5.70711 21.7071C5.89464 21.5196 6 21.2652 6 21V20H18V21C18 21.2652 18.1054 21.5196 18.2929 21.7071C18.4804 21.8946 18.7348 22 19 22H20C20.2652 22 20.5196 21.8946 20.7071 21.7071C20.8946 21.5196 21 21.2652 21 21V19.723C21.3034 19.549 21.5556 19.2981 21.7311 18.9956C21.9067 18.6932 21.9994 18.3497 22 18V15C22 14.169 21.493 13.458 20.772 13.155ZM7.441 9H16.558C16.768 8.99995 16.9726 9.06599 17.143 9.18876C17.3133 9.31153 17.4407 9.48479 17.507 9.684L18.613 13H5.387L6.492 9.684C6.629 9.275 7.011 9 7.441 9ZM5.5 18C5.30295 17.9999 5.10785 17.9611 4.92582 17.8856C4.7438 17.8101 4.57842 17.6995 4.43913 17.5602C4.15783 17.2787 3.99987 16.897 4 16.499C4.00013 16.101 4.15835 15.7194 4.43984 15.4381C4.72133 15.1568 5.10304 14.9989 5.501 14.999C5.89896 14.9991 6.28056 15.1573 6.56187 15.4388C6.84317 15.7203 7.00113 16.102 7.001 16.5C7.00087 16.898 6.84265 17.2796 6.56116 17.5609C6.27967 17.8422 5.89796 18.0001 5.5 18ZM18.5 18C18.102 17.9999 17.7204 17.8417 17.4391 17.5602C17.1578 17.2787 16.9999 16.897 17 16.499C17.0001 16.101 17.1583 15.7194 17.4398 15.4381C17.7213 15.1568 18.103 14.9989 18.501 14.999C18.899 14.9991 19.2806 15.1573 19.5619 15.4388C19.8432 15.7203 20.0011 16.102 20.001 16.5C20.0009 16.898 19.8427 17.2796 19.5612 17.5609C19.2797 17.8422 18.898 18.0001 18.5 18ZM5.277 5C5.624 5.595 6.262 6 7 6C7.738 6 8.376 5.595 8.723 5H15.278C15.624 5.595 16.262 6 17 6C17.738 6 18.376 5.595 18.723 5H17V3H18.723C18.376 2.405 17.738 2 17 2C16.262 2 15.624 2.405 15.277 3H8.723C8.376 2.405 7.738 2 7 2C6.262 2 5.624 2.405 5.277 3H7V5H5.277Z" />`;
 var filledPaths = `<path d="M20.772 13.155L19.404 9.051C19.2056 8.45348 18.8238 7.9337 18.3131 7.56551C17.8024 7.19731 17.1886 6.99944 16.559 7H7.441C6.81139 6.99944 6.19761 7.19731 5.68688 7.56551C5.17615 7.9337 4.79445 8.45348 4.596 9.051L3.228 13.155C2.8643 13.3073 2.55371 13.5637 2.33523 13.892C2.11676 14.2202 2.00013 14.6057 2 15V18C2 18.738 2.404 19.376 3 19.723V21C3 21.2652 3.10536 21.5196 3.29289 21.7071C3.48043 21.8946 3.73478 22 4 22H5C5.26522 22 5.51957 21.8946 5.70711 21.7071C5.89464 21.5196 6 21.2652 6 21V20H18V21C18 21.2652 18.1054 21.5196 18.2929 21.7071C18.4804 21.8946 18.7348 22 19 22H20C20.2652 22 20.5196 21.8946 20.7071 21.7071C20.8946 21.5196 21 21.2652 21 21V19.723C21.3034 19.549 21.5556 19.2981 21.7311 18.9956C21.9067 18.6932 21.9994 18.3497 22 18V15C22 14.169 21.493 13.458 20.772 13.155ZM7.441 9H16.558C16.768 8.99995 16.9726 9.06599 17.143 9.18876C17.3133 9.31153 17.4407 9.48479 17.507 9.684L18.613 13H5.387L6.492 9.684C6.629 9.275 7.011 9 7.441 9ZM5.5 18C5.30295 17.9999 5.10785 17.9611 4.92582 17.8856C4.7438 17.8101 4.57842 17.6995 4.43913 17.5602C4.15783 17.2787 3.99987 16.897 4 16.499C4.00013 16.101 4.15835 15.7194 4.43984 15.4381C4.72133 15.1568 5.10304 14.9989 5.501 14.999C5.89896 14.9991 6.28056 15.1573 6.56187 15.4388C6.84317 15.7203 7.00113 16.102 7.001 16.5C7.00087 16.898 6.84265 17.2796 6.56116 17.5609C6.27967 17.8422 5.89796 18.0001 5.5 18ZM18.5 18C18.102 17.9999 17.7204 17.8417 17.4391 17.5602C17.1578 17.2787 16.9999 16.897 17 16.499C17.0001 16.101 17.1583 15.7194 17.4398 15.4381C17.7213 15.1568 18.103 14.9989 18.501 14.999C18.899 14.9991 19.2806 15.1573 19.5619 15.4388C19.8432 15.7203 20.0011 16.102 20.001 16.5C20.0009 16.898 19.8427 17.2796 19.5612 17.5609C19.2797 17.8422 18.898 18.0001 18.5 18ZM5.277 5C5.624 5.595 6.262 6 7 6C7.738 6 8.376 5.595 8.723 5H15.278C15.624 5.595 16.262 6 17 6C17.738 6 18.376 5.595 18.723 5H17V3H18.723C18.376 2.405 17.738 2 17 2C16.262 2 15.624 2.405 15.277 3H8.723C8.376 2.405 7.738 2 7 2C6.262 2 5.624 2.405 5.277 3H7V5H5.277Z" />`;
 function CarMechanicIcon(props) {
+  const config = useNavaIconConfig();
   const {
-    size = 24,
-    color,
-    strokeWidth,
-    className,
+    size = config.size ?? 24,
+    color = config.color,
+    strokeWidth = config.strokeWidth,
+    className = config.className,
     style,
     title,
     mode = "regular"
@@ -40,7 +51,7 @@ function CarMechanicIcon(props) {
   const paths = isFilled ? filledPaths : regularPaths;
   const strokeBased = isFilled ? false : false;
   const appliedColor = color ?? "currentColor";
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -55,8 +66,8 @@ function CarMechanicIcon(props) {
       className,
       style,
       children: [
-        title && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("title", { children: title }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("g", { dangerouslySetInnerHTML: { __html: paths } })
+        title && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("title", { children: title }),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("g", { dangerouslySetInnerHTML: { __html: paths } })
       ]
     }
   );