@whydrf/nava-icon-react 1.4.0 → 1.4.1

package/dist/icons/pencil.cjs

@@ -23,15 +23,26 @@ __export(pencil_exports, {
   PencilIcon: () => PencilIcon
 });
 module.exports = __toCommonJS(pencil_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/pencil.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
 var regularPaths = `<path d="M4.00001 21C4.07972 21.0096 4.1603 21.0096 4.24001 21L8.24001 20C8.41746 19.9578 8.57999 19.8679 8.71001 19.74L21 7.41C21.3725 7.03527 21.5816 6.52837 21.5816 5.99999C21.5816 5.47162 21.3725 4.96472 21 4.59L19.42 2.99999C19.2343 2.81404 19.0137 2.66652 18.7709 2.56588C18.5281 2.46523 18.2678 2.41342 18.005 2.41342C17.7422 2.41342 17.4819 2.46523 17.2391 2.56588C16.9963 2.66652 16.7758 2.81404 16.59 2.99999L4.30001 15.29C4.1708 15.4206 4.07776 15.5826 4.03001 15.76L3.03001 19.76C2.99407 19.8894 2.98456 20.0247 3.00204 20.1578C3.01953 20.291 3.06365 20.4192 3.13177 20.535C3.1999 20.6507 3.29064 20.7515 3.39858 20.8314C3.50651 20.9113 3.62944 20.9686 3.76001 21C3.83972 21.0096 3.9203 21.0096 4.00001 21ZM18 4.40999L19.59 5.99999L18 7.59L16.42 5.99999L18 4.40999ZM5.91001 16.51L15 7.41L16.59 9L7.49001 18.1L5.38001 18.62L5.91001 16.51Z" />`;
 var filledPaths = `<path d="M8.707 19.707L18 10.414L13.586 6L4.293 15.293C4.16506 15.4211 4.07418 15.5814 4.03 15.757L3 21L8.242 19.97C8.418 19.926 8.579 19.835 8.707 19.707ZM21 7.414C21.3749 7.03895 21.5856 6.53033 21.5856 6C21.5856 5.46967 21.3749 4.96106 21 4.586L19.414 3C19.0389 2.62506 18.5303 2.41443 18 2.41443C17.4697 2.41443 16.9611 2.62506 16.586 3L15 4.586L19.414 9L21 7.414Z" />`;
 function PencilIcon(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 PencilIcon(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 PencilIcon(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/pencil.js

@@ -1,7 +1,7 @@
 import {
   PencilIcon
-} from "../chunk-746XNJAE.js";
-import "../chunk-MLKGABMK.js";
+} from "../chunk-YOGPW3YZ.js";
+import "../chunk-THBLMA22.js";
 export {
   PencilIcon
 };

package/dist/icons/phone-call.cjs

@@ -23,17 +23,28 @@ __export(phone_call_exports, {
   PhoneCallIcon: () => PhoneCallIcon
 });
 module.exports = __toCommonJS(phone_call_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/phone-call.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
 var regularPaths = `<path d="M16.57 22C16.8356 22.0015 17.0988 21.9501 17.3444 21.8488C17.5899 21.7475 17.8128 21.5984 18 21.41L20.71 18.7C20.8963 18.5126 21.0008 18.2592 21.0008 17.995C21.0008 17.7308 20.8963 17.4774 20.71 17.29L16.71 13.29C16.5226 13.1037 16.2692 12.9992 16.005 12.9992C15.7408 12.9992 15.4874 13.1037 15.3 13.29L13.7 14.88C12.5923 14.5846 11.5663 14.0409 10.7 13.29C9.95112 12.4223 9.40763 11.3968 9.11 10.29L10.7 8.68999C10.8863 8.50263 10.9908 8.24918 10.9908 7.98499C10.9908 7.7208 10.8863 7.46735 10.7 7.27999L6.7 3.27999C6.51264 3.09374 6.25919 2.9892 5.995 2.9892C5.73082 2.9892 5.47737 3.09374 5.29 3.27999L2.59 5.99999C2.40163 6.18723 2.25245 6.41012 2.15115 6.65564C2.04985 6.90116 1.99847 7.1644 2 7.42999C2.09073 11.2723 3.62608 14.9393 6.3 17.7C9.06072 20.3739 12.7277 21.9093 16.57 22ZM6 5.40999L8.59 7.99999L7.3 9.28999C7.17782 9.40444 7.08633 9.54773 7.03392 9.70672C6.9815 9.86571 6.96984 10.0353 7 10.2C7.37377 11.8704 8.16511 13.4186 9.3 14.7C10.5804 15.8363 12.129 16.6279 13.8 17C13.9622 17.0339 14.1302 17.027 14.2891 16.9798C14.4479 16.9327 14.5926 16.8469 14.71 16.73L16 15.41L18.59 18L16.59 20C13.2737 19.9146 10.1095 18.5911 7.72 16.29C5.41291 13.8995 4.08561 10.7311 4 7.40999L6 5.40999ZM20 11H22C22.0259 9.81099 21.8109 8.62905 21.3677 7.5254C20.9246 6.42174 20.2627 5.41923 19.4217 4.57828C18.5808 3.73733 17.5782 3.07535 16.4746 2.63224C15.3709 2.18913 14.189 1.97406 13 1.99999V3.99999C13.9279 3.96789 14.8525 4.127 15.7163 4.46742C16.5801 4.80785 17.3646 5.32231 18.0212 5.97883C18.6777 6.63535 19.1921 7.41989 19.5326 8.28369C19.873 9.14749 20.0321 10.0721 20 11Z" />
 <path d="M13 8C15.1 8 16 8.9 16 11H18C18 7.78 16.22 6 13 6V8Z" />`;
 var filledPaths = `<path d="M20 10.999H22C22 5.869 18.127 2 12.99 2V4C17.052 4 20 6.943 20 10.999Z" />
 <path d="M13 7.99999C15.103 7.99999 16 8.89699 16 11H18C18 7.77499 16.225 5.99999 13 5.99999V7.99999ZM16.422 13.443C16.2299 13.2683 15.9774 13.1752 15.7178 13.1832C15.4583 13.1912 15.212 13.2998 15.031 13.486L12.638 15.947C12.062 15.837 10.904 15.476 9.71204 14.287C8.52004 13.094 8.15904 11.933 8.05204 11.361L10.511 8.96699C10.6975 8.78612 10.8062 8.53982 10.8142 8.2802C10.8222 8.02059 10.7289 7.76804 10.554 7.57599L6.85904 3.51299C6.68408 3.32035 6.44092 3.2035 6.18119 3.18725C5.92146 3.17101 5.66564 3.25665 5.46804 3.42599L3.29804 5.28699C3.12515 5.46051 3.02196 5.69145 3.00804 5.93599C2.99304 6.18599 2.70704 12.108 7.29904 16.702C11.305 20.707 16.323 21 17.705 21C17.907 21 18.031 20.994 18.064 20.992C18.3086 20.9783 18.5394 20.8747 18.712 20.701L20.572 18.53C20.7415 18.3325 20.8273 18.0768 20.8113 17.817C20.7952 17.5573 20.6785 17.3141 20.486 17.139L16.422 13.443Z" />`;
 function PhoneCallIcon(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 PhoneCallIcon(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 PhoneCallIcon(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/phone-call.js

@@ -1,7 +1,7 @@
 import {
   PhoneCallIcon
-} from "../chunk-RR4D4DNT.js";
-import "../chunk-MLKGABMK.js";
+} from "../chunk-RQA7EW6V.js";
+import "../chunk-THBLMA22.js";
 export {
   PhoneCallIcon
 };

package/dist/icons/phone-incoming.cjs

@@ -23,17 +23,28 @@ __export(phone_incoming_exports, {
   PhoneIncomingIcon: () => PhoneIncomingIcon
 });
 module.exports = __toCommonJS(phone_incoming_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/phone-incoming.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
 var regularPaths = `<path d="M16.712 13.288C16.6192 13.195 16.509 13.1213 16.3877 13.071C16.2664 13.0207 16.1364 12.9948 16.005 12.9948C15.8737 12.9948 15.7436 13.0207 15.6223 13.071C15.501 13.1213 15.3908 13.195 15.298 13.288L13.701 14.884C12.877 14.639 11.535 14.113 10.711 13.288C9.83703 12.414 9.33703 11.035 9.11703 10.296L10.711 8.70199C10.804 8.6092 10.8777 8.49899 10.928 8.37768C10.9783 8.25636 11.0042 8.12632 11.0042 7.99499C11.0042 7.86365 10.9783 7.73361 10.928 7.61229C10.8777 7.49098 10.804 7.38077 10.711 7.28799L6.71103 3.28799C6.51985 3.10754 6.26691 3.00702 6.00403 3.00702C5.74114 3.00702 5.4882 3.10754 5.29703 3.28799L2.58803 5.99799C2.20603 6.37799 1.99103 6.90199 2.00003 7.43499C2.02203 8.85799 2.39603 13.802 6.29703 17.703C10.195 21.6 15.142 21.977 16.566 22H16.594C17.122 22 17.621 21.792 17.999 21.414L20.711 18.702C20.804 18.6092 20.8777 18.499 20.928 18.3777C20.9783 18.2564 21.0042 18.1263 21.0042 17.995C21.0042 17.8637 20.9783 17.7336 20.928 17.6123C20.8777 17.491 20.804 17.3808 20.711 17.288L16.712 13.288ZM16.585 20C15.337 19.979 11.067 19.644 7.71103 16.288C4.34303 12.92 4.01903 8.63599 4.00003 7.41399L6.00403 5.40899L8.59003 7.99499L7.29703 9.28799C7.05903 9.52599 6.95703 9.86999 7.02603 10.2C7.05003 10.315 7.63703 13.042 9.29703 14.702C10.957 16.362 13.684 16.949 13.799 16.973C13.9616 17.0077 14.1302 17.001 14.2896 16.9537C14.4489 16.9063 14.5938 16.8198 14.711 16.702L16.004 15.409L18.59 17.995L16.585 20Z" />
 <path d="M15.795 6.79099L13.005 3.99999V10.995H20L17.209 8.20499L21.712 3.70199L20.298 2.28799L15.795 6.79099Z" />`;
 var filledPaths = `<path d="M15.793 6.793L13 4V11H20L17.207 8.207L21.707 3.707L20.293 2.293L15.793 6.793Z" />
 <path d="M16.422 13.443C16.2299 13.2683 15.9774 13.1752 15.7178 13.1832C15.4583 13.1912 15.212 13.2998 15.031 13.486L12.639 15.947C12.063 15.837 10.905 15.476 9.71304 14.287C8.52104 13.094 8.16004 11.933 8.05304 11.361L10.512 8.96699C10.6985 8.78612 10.8072 8.53982 10.8152 8.2802C10.8232 8.02059 10.7299 7.76804 10.555 7.57599L6.86004 3.51299C6.68508 3.32035 6.44192 3.2035 6.18219 3.18725C5.92246 3.17101 5.66664 3.25665 5.46904 3.42599L3.29904 5.28699C3.12586 5.46041 3.02232 5.69133 3.00804 5.93599C2.99304 6.18599 2.70704 12.108 7.29904 16.702C11.305 20.707 16.324 21 17.705 21C17.908 21 18.031 20.994 18.064 20.992C18.3086 20.9785 18.5395 20.8748 18.712 20.701L20.573 18.53C20.7423 18.3324 20.8279 18.0767 20.8119 17.8171C20.7958 17.5574 20.6793 17.3142 20.487 17.139L16.422 13.443Z" />`;
 function PhoneIncomingIcon(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 PhoneIncomingIcon(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 PhoneIncomingIcon(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/phone-incoming.js

@@ -1,7 +1,7 @@
 import {
   PhoneIncomingIcon
-} from "../chunk-PUFNIONJ.js";
-import "../chunk-MLKGABMK.js";
+} from "../chunk-SJFADBND.js";
+import "../chunk-THBLMA22.js";
 export {
   PhoneIncomingIcon
 };

package/dist/icons/phone-off.cjs

@@ -23,15 +23,26 @@ __export(phone_off_exports, {
   PhoneOffIcon: () => PhoneOffIcon
 });
 module.exports = __toCommonJS(phone_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/phone-off.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
 var regularPaths = `<path d="M10.09 12.5C9.65841 11.8154 9.32199 11.0753 9.08999 10.3L10.68 8.71001C10.7737 8.61705 10.8481 8.50644 10.8989 8.38459C10.9497 8.26273 10.9758 8.13202 10.9758 8.00001C10.9758 7.868 10.9497 7.73729 10.8989 7.61543C10.8481 7.49357 10.7737 7.38297 10.68 7.29001L6.67999 3.29001C6.49263 3.10376 6.23918 2.99922 5.97499 2.99922C5.71081 2.99922 5.45736 3.10376 5.26999 3.29001L2.58999 6.00001C2.40042 6.18843 2.25053 6.41294 2.14919 6.66027C2.04786 6.9076 1.99712 7.17274 1.99999 7.44001C2.08615 10.9453 3.36282 14.3168 5.61999 17L2.29999 20.29L3.70999 21.71L21.71 3.71001L20.3 2.29001L10.09 12.5ZM6.99999 15.55C5.12445 13.2486 4.06889 10.3881 3.99999 7.42001L5.99999 5.42001L8.58999 8.00001L7.29999 9.29001C7.18153 9.40847 7.09472 9.55479 7.04754 9.71554C7.00037 9.87629 6.99433 10.0463 7.02999 10.21C7.33348 11.5432 7.88286 12.8082 8.64999 13.94L6.99999 15.55ZM16.71 13.29C16.5226 13.1038 16.2692 12.9992 16.005 12.9992C15.7408 12.9992 15.4874 13.1038 15.3 13.29L13.7 14.89L13.36 14.77L11.8 16.32C12.4461 16.5979 13.1154 16.8188 13.8 16.98C13.9622 17.0139 14.1302 17.007 14.2891 16.9599C14.4479 16.9127 14.5926 16.8269 14.71 16.71L16.01 15.41L18.59 18L16.59 20C14.2672 19.9396 11.9985 19.2855 9.99999 18.1L8.56999 19.55C10.9645 21.0785 13.7302 21.9255 16.57 22C16.8349 22.0029 17.0977 21.953 17.3432 21.8535C17.5887 21.7539 17.8119 21.6066 18 21.42L20.71 18.71C20.8037 18.617 20.8781 18.5064 20.9289 18.3846C20.9797 18.2627 21.0058 18.132 21.0058 18C21.0058 17.868 20.9797 17.7373 20.9289 17.6154C20.8781 17.4936 20.8037 17.383 20.71 17.29L16.71 13.29Z" />`;
 var filledPaths = `<path d="M9.17004 13.42C8.71387 12.8092 8.39649 12.1062 8.24004 11.36L10.7 9.00001C10.8803 8.81354 10.981 8.56435 10.981 8.30501C10.981 8.04567 10.8803 7.79648 10.7 7.61001L7.05004 3.51001C6.87381 3.31572 6.62829 3.19846 6.36641 3.1835C6.10453 3.16853 5.84726 3.25706 5.65004 3.43001L3.48004 5.29001C3.30693 5.46378 3.20372 5.69511 3.19004 5.94001C3.15444 9.56216 4.40934 13.0787 6.73004 15.86L2.29004 20.29L3.71004 21.71L21.71 3.71001L20.29 2.29001L9.17004 13.42ZM16.61 13.44C16.4172 13.2663 16.1643 13.1744 15.9049 13.1838C15.6455 13.1931 15.3999 13.3029 15.22 13.49L12.82 16C12.6472 15.9644 12.4768 15.9177 12.31 15.86L9.65004 18.47C12.1013 20.0775 14.9591 20.9549 17.89 21H18.25C18.4949 20.9863 18.7263 20.8831 18.9 20.71L20.76 18.54C20.9287 18.3421 21.0137 18.0863 20.9968 17.8268C20.98 17.5673 20.8628 17.3245 20.67 17.15L16.61 13.44Z" />`;
 function PhoneOffIcon(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 PhoneOffIcon(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 PhoneOffIcon(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/phone-off.js

@@ -1,7 +1,7 @@
 import {
   PhoneOffIcon
-} from "../chunk-CV4UE36J.js";
-import "../chunk-MLKGABMK.js";
+} from "../chunk-J66FBWWJ.js";
+import "../chunk-THBLMA22.js";
 export {
   PhoneOffIcon
 };

package/dist/icons/phone-outgoing.cjs

@@ -23,17 +23,28 @@ __export(phone_outgoing_exports, {
   PhoneOutgoingIcon: () => PhoneOutgoingIcon
 });
 module.exports = __toCommonJS(phone_outgoing_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/phone-outgoing.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
 var regularPaths = `<path d="M16.712 13.288C16.6192 13.1951 16.509 13.1213 16.3877 13.071C16.2664 13.0207 16.1363 12.9948 16.005 12.9948C15.8736 12.9948 15.7436 13.0207 15.6223 13.071C15.501 13.1213 15.3908 13.1951 15.298 13.288L13.704 14.882C12.965 14.662 11.586 14.162 10.712 13.288C9.83797 12.414 9.33797 11.035 9.11797 10.296L10.712 8.70201C10.8049 8.60923 10.8787 8.49902 10.929 8.37771C10.9793 8.25639 11.0052 8.12635 11.0052 7.99501C11.0052 7.86368 10.9793 7.73363 10.929 7.61232C10.8787 7.491 10.8049 7.3808 10.712 7.28801L6.71197 3.28801C6.61918 3.19507 6.50898 3.12133 6.38767 3.07102C6.26635 3.02071 6.13631 2.99481 6.00497 2.99481C5.87364 2.99481 5.74359 3.02071 5.62228 3.07102C5.50096 3.12133 5.39076 3.19507 5.29797 3.28801L2.58597 6.00001C2.20597 6.38001 1.99197 6.90201 1.99997 7.43501C2.02297 8.85901 2.39997 13.805 6.29797 17.703C10.196 21.601 15.142 21.977 16.566 22H16.594C17.122 22 17.621 21.792 17.999 21.414L20.711 18.702C20.8039 18.6092 20.8777 18.499 20.928 18.3777C20.9783 18.2564 21.0042 18.1263 21.0042 17.995C21.0042 17.8637 20.9783 17.7336 20.928 17.6123C20.8777 17.491 20.8039 17.3808 20.711 17.288L16.712 13.288ZM16.585 20C15.337 19.979 11.067 19.644 7.71197 16.288C4.34597 12.922 4.01997 8.63701 3.99997 7.41401L6.00497 5.40901L8.59097 7.99501L7.29797 9.28801C7.18043 9.40546 7.09401 9.55035 7.04652 9.70958C6.99903 9.86881 6.99197 10.0374 7.02597 10.2C7.04997 10.315 7.63697 13.042 9.29697 14.702C10.957 16.362 13.684 16.949 13.799 16.973C13.9615 17.0078 14.1302 17.0012 14.2895 16.9538C14.4489 16.9065 14.5938 16.8199 14.711 16.702L16.004 15.409L18.59 17.995L16.585 20Z" />
 <path d="M16.795 5.791L12.298 10.288L13.712 11.702L18.209 7.205L21.005 10V2.995H14L16.795 5.791Z" />`;
 var filledPaths = `<path d="M16.793 5.793L12.293 10.293L13.707 11.707L18.207 7.207L21 10V3H14L16.793 5.793Z" />
 <path d="M16.422 13.446C16.2299 13.2713 15.9774 13.1782 15.7178 13.1862C15.4583 13.1942 15.212 13.3028 15.031 13.489L12.638 15.95C12.062 15.84 10.904 15.479 9.71204 14.29C8.52004 13.097 8.15904 11.936 8.05204 11.364L10.511 8.96999C10.6975 8.78911 10.8062 8.54281 10.8142 8.28319C10.8222 8.02358 10.7289 7.77103 10.554 7.57899L6.85904 3.51599C6.68408 3.32334 6.44092 3.20649 6.18119 3.19025C5.92146 3.174 5.66564 3.25964 5.46804 3.42899L3.29904 5.28999C3.12569 5.46288 3.0221 5.69356 3.00804 5.93799C2.99304 6.18799 2.70704 12.11 7.29904 16.704C11.305 20.71 16.323 21.003 17.705 21.003C17.907 21.003 18.031 20.997 18.064 20.995C18.3086 20.9813 18.5394 20.8776 18.712 20.704L20.572 18.533C20.7415 18.3355 20.8273 18.0798 20.8113 17.82C20.7952 17.5603 20.6785 17.3171 20.486 17.142L16.422 13.446Z" />`;
 function PhoneOutgoingIcon(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 PhoneOutgoingIcon(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 PhoneOutgoingIcon(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/phone-outgoing.js

@@ -1,7 +1,7 @@
 import {
   PhoneOutgoingIcon
-} from "../chunk-LLHYUSLF.js";
-import "../chunk-MLKGABMK.js";
+} from "../chunk-3NKYTY77.js";
+import "../chunk-THBLMA22.js";
 export {
   PhoneOutgoingIcon
 };

package/dist/icons/phone.cjs

@@ -23,15 +23,26 @@ __export(phone_exports, {
   PhoneIcon: () => PhoneIcon
 });
 module.exports = __toCommonJS(phone_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/phone.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
 var regularPaths = `<path d="M17.707 12.293C17.6142 12.2 17.504 12.1263 17.3827 12.076C17.2614 12.0257 17.1314 11.9998 17 11.9998C16.8687 11.9998 16.7387 12.0257 16.6173 12.076C16.496 12.1263 16.3858 12.2 16.293 12.293L14.699 13.887C13.96 13.667 12.581 13.167 11.707 12.293C10.833 11.419 10.333 10.04 10.113 9.30099L11.707 7.70699C11.8 7.6142 11.8737 7.504 11.924 7.38268C11.9743 7.26137 12.0002 7.13132 12.0002 6.99999C12.0002 6.86865 11.9743 6.73861 11.924 6.61729C11.8737 6.49598 11.8 6.38578 11.707 6.29299L7.70703 2.29299C7.61424 2.20004 7.50404 2.1263 7.38272 2.07599C7.26141 2.02568 7.13136 1.99979 7.00003 1.99979C6.8687 1.99979 6.73865 2.02568 6.61734 2.07599C6.49602 2.1263 6.38582 2.20004 6.29303 2.29299L3.58103 5.00499C3.20103 5.38499 2.98703 5.90699 2.99503 6.43999C3.01803 7.86399 3.39503 12.81 7.29303 16.708C11.191 20.606 16.137 20.982 17.562 21.006H17.59C18.118 21.006 18.617 20.798 18.995 20.42L21.707 17.708C21.8 17.6152 21.8737 17.505 21.924 17.3837C21.9743 17.2624 22.0002 17.1323 22.0002 17.001C22.0002 16.8697 21.9743 16.7396 21.924 16.6183C21.8737 16.497 21.8 16.3868 21.707 16.294L17.707 12.293ZM17.58 19.005C16.332 18.984 12.062 18.649 8.70703 15.293C5.34103 11.927 5.01503 7.64199 4.99503 6.41899L7.00003 4.41399L9.58603 6.99999L8.29303 8.29299C8.17549 8.41044 8.08907 8.55533 8.04158 8.71456C7.99409 8.87379 7.98703 9.04234 8.02103 9.20499C8.04503 9.31999 8.63203 12.047 10.292 13.707C11.952 15.367 14.679 15.954 14.794 15.978C14.9566 16.0129 15.1253 16.0064 15.2847 15.9591C15.4441 15.9117 15.589 15.825 15.706 15.707L17 14.414L19.586 17L17.58 19.005Z" />`;
 var filledPaths = `<path d="M20.487 17.14L16.422 13.444C16.2299 13.2693 15.9774 13.1762 15.7178 13.1842C15.4583 13.1922 15.212 13.3008 15.031 13.487L12.638 15.948C12.062 15.838 10.904 15.477 9.71204 14.288C8.52004 13.095 8.15904 11.934 8.05204 11.362L10.511 8.968C10.6975 8.78712 10.8062 8.54082 10.8142 8.2812C10.8222 8.02159 10.7289 7.76904 10.554 7.57699L6.85904 3.51299C6.68408 3.32035 6.44092 3.2035 6.18119 3.18725C5.92146 3.17101 5.66564 3.25665 5.46804 3.42599L3.29804 5.28699C3.12515 5.46051 3.02196 5.69145 3.00804 5.93599C2.99304 6.18599 2.70704 12.108 7.29904 16.702C11.305 20.707 16.323 21 17.705 21C17.907 21 18.031 20.994 18.064 20.992C18.3086 20.9783 18.5394 20.8747 18.712 20.701L20.572 18.53C20.7421 18.333 20.8283 18.0774 20.8124 17.8177C20.7966 17.558 20.6798 17.3148 20.487 17.14Z" />`;
 function PhoneIcon(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 PhoneIcon(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 PhoneIcon(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/phone.js

@@ -1,7 +1,7 @@
 import {
   PhoneIcon
-} from "../chunk-BNHFVMHX.js";
-import "../chunk-MLKGABMK.js";
+} from "../chunk-ONKRZYZV.js";
+import "../chunk-THBLMA22.js";
 export {
   PhoneIcon
 };

package/dist/icons/photo-album.cjs

@@ -23,17 +23,28 @@ __export(photo_album_exports, {
   PhotoAlbumIcon: () => PhotoAlbumIcon
 });
 module.exports = __toCommonJS(photo_album_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/photo-album.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
 var regularPaths = `<path d="M11.024 11.536L10 10L8 13H17L13.5 8L11.024 11.536Z" />
 <path d="M9.503 8.99999C10.3331 8.99999 11.006 8.32707 11.006 7.49699C11.006 6.6669 10.3331 5.99399 9.503 5.99399C8.67292 5.99399 8 6.6669 8 7.49699C8 8.32707 8.67292 8.99999 9.503 8.99999Z" />
 <path d="M19 2H6C4.794 2 3 2.799 3 5V19C3 21.201 4.794 22 6 22H21V20H6.012C5.55 19.988 5 19.806 5 19C5 18.194 5.55 18.012 6.012 18H21V4C21 2.897 20.103 2 19 2ZM19 16H5V5C5 4.194 5.55 4.012 6 4H19V16Z" />`;
 var filledPaths = `<path d="M20 2H6C4.794 2 3 2.799 3 5V19C3 21.201 4.794 22 6 22H21V20H6.012C5.55 19.988 5 19.806 5 19C5 18.194 5.55 18.012 6.012 18H21V3C21 2.73478 20.8946 2.48043 20.7071 2.29289C20.5196 2.10536 20.2652 2 20 2ZM9.503 5C9.90162 5 10.2839 5.15835 10.5658 5.44022C10.8476 5.72209 11.006 6.10438 11.006 6.503C11.006 6.90162 10.8476 7.28391 10.5658 7.56578C10.2839 7.84765 9.90162 8.006 9.503 8.006C9.10438 8.006 8.72209 7.84765 8.44022 7.56578C8.15835 7.28391 8 6.90162 8 6.503C8 6.10438 8.15835 5.72209 8.44022 5.44022C8.72209 5.15835 9.10438 5 9.503 5ZM12 13H7L10 10L11.5 11.399L14.5 8L18 13H12Z" />`;
 function PhotoAlbumIcon(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 PhotoAlbumIcon(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 PhotoAlbumIcon(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/photo-album.js

@@ -1,7 +1,7 @@
 import {
   PhotoAlbumIcon
-} from "../chunk-VBKJYPUZ.js";
-import "../chunk-MLKGABMK.js";
+} from "../chunk-OTGQHNJM.js";
+import "../chunk-THBLMA22.js";
 export {
   PhotoAlbumIcon
 };

package/dist/icons/piano.cjs

@@ -23,15 +23,26 @@ __export(piano_exports, {
   PianoIcon: () => PianoIcon
 });
 module.exports = __toCommonJS(piano_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/piano.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
 var regularPaths = `<path d="M19 3H5C3.346 3 2 4.346 2 6V18C2 19.654 3.346 21 5 21H19C20.654 21 22 19.654 22 18V6C22 4.346 20.654 3 19 3ZM19 19H5C4.73478 19 4.48043 18.8946 4.29289 18.7071C4.10536 18.5196 4 18.2652 4 18V12H6V16H8V12H9V16H11V12H12V16H14V12H16V16H18V12H20V18C20 18.2652 19.8946 18.5196 19.7071 18.7071C19.5196 18.8946 19.2652 19 19 19Z" />`;
 var filledPaths = `<path d="M19 3H5C3.346 3 2 4.346 2 6V18C2 19.654 3.346 21 5 21H19C20.654 21 22 19.654 22 18V6C22 4.346 20.654 3 19 3ZM19 19H5C4.73478 19 4.48043 18.8946 4.29289 18.7071C4.10536 18.5196 4 18.2652 4 18V12H6V16H8V12H9V16H11V12H12V16H14V12H16V16H18V12H20V18C20 18.2652 19.8946 18.5196 19.7071 18.7071C19.5196 18.8946 19.2652 19 19 19Z" />`;
 function PianoIcon(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 PianoIcon(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 PianoIcon(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/piano.js

@@ -1,7 +1,7 @@
 import {
   PianoIcon
-} from "../chunk-XFYCX2BC.js";
-import "../chunk-MLKGABMK.js";
+} from "../chunk-OXN72WOF.js";
+import "../chunk-THBLMA22.js";
 export {
   PianoIcon
 };

package/dist/icons/pie-chart-alt-2.cjs

@@ -23,16 +23,27 @@ __export(pie_chart_alt_2_exports, {
   PieChartAlt2Icon: () => PieChartAlt2Icon
 });
 module.exports = __toCommonJS(pie_chart_alt_2_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/pie-chart-alt-2.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
 var regularPaths = `<path d="M12 2C6.486 2 2 6.486 2 12C2 17.514 6.486 22 12 22C17.514 22 22 17.514 22 12C22 6.486 17.514 2 12 2ZM19.931 11H13V4.069C14.7598 4.29335 16.3953 5.09574 17.6498 6.3502C18.9043 7.60466 19.7066 9.24017 19.931 11ZM4 12C4 7.928 7.061 4.564 11 4.069V12C11.003 12.1526 11.0409 12.3024 11.111 12.438C11.126 12.468 11.133 12.501 11.152 12.531L15.354 19.254C14.3038 19.7442 13.159 19.9988 12 20C7.589 20 4 16.411 4 12ZM17.052 18.196L13.805 13H19.931C19.6746 15.0376 18.6436 16.8982 17.052 18.196Z" />`;
 var filledPaths = `<path d="M13 2.05099V11H21.949C21.479 6.28299 17.717 2.52099 13 2.05099ZM17.969 20.004C20.158 18.367 21.663 15.864 21.949 13H13.766L17.969 20.004Z" />
 <path d="M11 12V2.05099C5.954 2.55499 2 6.82399 2 12C2 17.514 6.486 22 12 22C13.4723 21.9981 14.9257 21.6688 16.255 21.036C16.255 21.036 11.002 12.121 11.001 12.005C11.0009 12.0033 11.0005 12.0016 11 12Z" />`;
 function PieChartAlt2Icon(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 PieChartAlt2Icon(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 PieChartAlt2Icon(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/pie-chart-alt-2.js

@@ -1,7 +1,7 @@
 import {
   PieChartAlt2Icon
-} from "../chunk-Q2SGF7PO.js";
-import "../chunk-MLKGABMK.js";
+} from "../chunk-LPYVBCJU.js";
+import "../chunk-THBLMA22.js";
 export {
   PieChartAlt2Icon
 };

package/dist/icons/pie-chart-alt.cjs

@@ -23,15 +23,26 @@ __export(pie_chart_alt_exports, {
   PieChartAltIcon: () => PieChartAltIcon
 });
 module.exports = __toCommonJS(pie_chart_alt_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/pie-chart-alt.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
 var regularPaths = `<path d="M12 2C10.6863 1.99652 9.38489 2.25359 8.17116 2.75635C6.95743 3.25911 5.85546 3.99757 4.929 4.929C3.04 6.818 2 9.33 2 12C2 14.67 3.04 17.182 4.929 19.071C6.818 20.96 9.33 22 12 22C14.67 22 17.182 20.96 19.071 19.071C20.96 17.182 22 14.67 22 12C22 9.33 20.96 6.818 19.071 4.929C18.1445 3.99757 17.0426 3.25911 15.8288 2.75635C14.6151 2.25359 13.3137 1.99652 12 2ZM17.657 17.657C16.146 19.168 14.137 20 12 20C9.863 20 7.854 19.168 6.343 17.657C4.832 16.146 4 14.137 4 12C4 9.863 4.832 7.854 6.343 6.343C7.59671 5.08464 9.23673 4.28382 11 4.069V12C11 12.2652 11.1054 12.5196 11.2929 12.7071C11.4804 12.8946 11.7348 13 12 13H19.931C19.7162 14.7633 18.9154 16.4033 17.657 17.657ZM13 11V4.062C14.7638 4.28008 16.4035 5.08322 17.657 6.343C18.9175 7.59603 19.7207 9.236 19.938 11H13Z" />`;
 var filledPaths = `<path d="M19.071 4.929C18.1434 3.99908 17.0412 3.26161 15.8278 2.75896C14.6143 2.25631 13.3135 1.99838 12 2C10.6863 1.99652 9.38489 2.25359 8.17116 2.75635C6.95743 3.25911 5.85546 3.99757 4.929 4.929C3.04 6.818 2 9.33 2 12C2 14.67 3.04 17.182 4.929 19.071C6.818 20.96 9.33 22 12 22C14.67 22 17.182 20.96 19.071 19.071C20.0024 18.1445 20.7409 17.0426 21.2437 15.8288C21.7464 14.6151 22.0035 13.3137 22 12C22.0016 10.6866 21.7437 9.38572 21.241 8.17225C20.7384 6.95878 20.0009 5.85659 19.071 4.929ZM17.657 17.657C16.146 19.168 14.137 20 12 20C9.863 20 7.854 19.168 6.343 17.657C4.832 16.146 4 14.137 4 12C4 9.863 4.832 7.854 6.343 6.343C7.08418 5.59783 7.9658 5.00706 8.93682 4.60489C9.90784 4.20271 10.949 3.99712 12 4V12H20C20.0029 13.051 19.7973 14.0922 19.3951 15.0632C18.9929 16.0342 18.4022 16.9158 17.657 17.657Z" />`;
 function PieChartAltIcon(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 PieChartAltIcon(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 PieChartAltIcon(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 } })
       ]
     }
   );