@whydrf/nava-icon-react 1.1.2 → 1.4.1

package/dist/icons/popsicle.cjs

@@ -23,15 +23,26 @@ __export(popsicle_exports, {
   PopsicleIcon: () => PopsicleIcon
 });
 module.exports = __toCommonJS(popsicle_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/popsicle.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
 var regularPaths = `<path d="M15 2C13.154 1.98921 11.3785 2.70804 10.06 4L2.28 11.82C2.09375 12.0074 1.98921 12.2608 1.98921 12.525C1.98921 12.7892 2.09375 13.0426 2.28 13.23L5.82 16.77L2.28 20.3L3.7 21.72L7.23 18.18L10.77 21.72C10.9574 21.9062 11.2108 22.0108 11.475 22.0108C11.7392 22.0108 11.9926 21.9062 12.18 21.72L20 13.94C20.9787 12.9575 21.6435 11.7064 21.9101 10.3455C22.1767 8.98463 22.033 7.5752 21.4974 6.29606C20.9617 5.01691 20.0582 3.9257 18.9014 3.16084C17.7446 2.39598 16.3867 1.99195 15 2ZM18.54 12.54L11.47 19.6L8.65 16.77L7.23 15.35L4.4 12.52L11.47 5.45C12.4089 4.51113 13.6822 3.98368 15.01 3.98368C16.3378 3.98368 17.6111 4.51113 18.55 5.45C19.4889 6.38886 20.0163 7.66224 20.0163 8.99C20.0163 10.3178 19.4889 11.5911 18.55 12.53L18.54 12.54Z" />`;
 var filledPaths = `<path d="M20 4C19.35 3.34991 18.5783 2.83423 17.729 2.48241C16.8797 2.13058 15.9694 1.94949 15.0501 1.94949C14.1307 1.94949 13.2204 2.13058 12.3711 2.48241C11.5218 2.83423 10.7501 3.34991 10.1001 4L2.28005 11.82C2.0938 12.0074 1.98926 12.2608 1.98926 12.525C1.98926 12.7892 2.0938 13.0426 2.28005 13.23L5.82005 16.77L2.28005 20.3L3.70005 21.72L7.23005 18.18L10.7701 21.72C10.9574 21.9062 11.2109 22.0108 11.4751 22.0108C11.7392 22.0108 11.9927 21.9062 12.1801 21.72L20 13.94C20.6561 13.2893 21.1769 12.515 21.5323 11.662C21.8877 10.809 22.0706 9.89408 22.0706 8.97C22.0706 8.04592 21.8877 7.13098 21.5323 6.27796C21.1769 5.42495 20.6561 4.65074 20 4ZM17.3 6.7C16.6805 6.10827 15.8568 5.77809 15.0001 5.77809C14.1433 5.77809 13.3196 6.10827 12.7001 6.7L11.6401 5.64C12.5322 4.75089 13.7405 4.25165 15.0001 4.25165C16.2596 4.25165 17.4679 4.75089 18.3601 5.64L17.3 6.7Z" />`;
 function PopsicleIcon(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 PopsicleIcon(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 PopsicleIcon(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/popsicle.js

@@ -1,7 +1,7 @@
 import {
   PopsicleIcon
-} from "../chunk-OCH7DMIX.js";
-import "../chunk-MLKGABMK.js";
+} from "../chunk-4Z6AJUYX.js";
+import "../chunk-THBLMA22.js";
 export {
   PopsicleIcon
 };

package/dist/icons/pound.cjs

@@ -23,15 +23,26 @@ __export(pound_exports, {
   PoundIcon: () => PoundIcon
 });
 module.exports = __toCommonJS(pound_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/pound.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
 var regularPaths = `<path d="M5.553 19.105L6.317 20.948C7.498 20.555 9.422 20 10 20C10.838 20 11.462 20.208 12.184 20.448C12.959 20.707 13.838 21 15 21C16.177 21 18.078 20.079 18.447 19.895L17.552 18.106C16.831 18.466 15.521 19 15 19C14.162 19 13.538 18.792 12.816 18.552C12.041 18.293 11.162 18 10 18C9.771 18 9.474 18.037 9.143 18.099C9.702 16.95 10 15.561 10 14H13V12H9.626C9.584 11.893 9.542 11.784 9.501 11.683C9.243 11.052 9 10.455 9 9C9 7.631 9.521 6 12 6C14.224 6 15.021 8.227 15.052 8.316L16.948 7.683C16.898 7.533 15.679 4 12 4C8.313 4 7 6.583 7 9C7 10.491 7.234 11.35 7.478 12H5V14H8C8 16.467 7.108 18.328 5.553 19.105Z" />`;
 var filledPaths = `<path d="M5.553 19.105L6.317 20.948C7.498 20.555 9.422 20 10 20C10.838 20 11.462 20.208 12.184 20.448C12.959 20.707 13.838 21 15 21C16.177 21 18.078 20.079 18.447 19.895L17.552 18.106C16.831 18.466 15.521 19 15 19C14.162 19 13.538 18.792 12.816 18.552C12.041 18.293 11.162 18 10 18C9.771 18 9.474 18.037 9.143 18.099C9.702 16.95 10 15.561 10 14H13V12H9.626C9.584 11.893 9.542 11.784 9.501 11.683C9.243 11.052 9 10.455 9 9C9 7.631 9.521 6 12 6C14.224 6 15.021 8.227 15.052 8.316L16.948 7.683C16.898 7.533 15.679 4 12 4C8.313 4 7 6.583 7 9C7 10.491 7.234 11.35 7.478 12H5V14H8C8 16.467 7.108 18.328 5.553 19.105Z" />`;
 function PoundIcon(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 PoundIcon(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 PoundIcon(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/pound.js

@@ -1,7 +1,7 @@
 import {
   PoundIcon
-} from "../chunk-F4BBFIFY.js";
-import "../chunk-MLKGABMK.js";
+} from "../chunk-ICKFWW5J.js";
+import "../chunk-THBLMA22.js";
 export {
   PoundIcon
 };

package/dist/icons/power-off.cjs

@@ -23,17 +23,28 @@ __export(power_off_exports, {
   PowerOffIcon: () => PowerOffIcon
 });
 module.exports = __toCommonJS(power_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/power-off.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
 var regularPaths = `<path d="M12 21C16.411 21 20 17.411 20 13C20 9.64999 17.928 6.77899 15 5.58899V7.81199C15.9109 8.33791 16.6676 9.09405 17.1941 10.0046C17.7207 10.9152 17.9986 11.9482 18 13C18 16.309 15.309 19 12 19C8.691 19 6 16.309 6 13C6.00133 11.9481 6.2792 10.9151 6.80575 10.0045C7.3323 9.09396 8.08901 8.33783 9 7.81199V5.58899C6.072 6.77899 4 9.64999 4 13C4 17.411 7.589 21 12 21Z" />
 <path d="M11 2H13V12H11V2Z" />`;
 var filledPaths = `<path d="M12 21C16.411 21 20 17.411 20 13C20 9.64999 17.928 6.77899 15 5.58899V7.81199C15.9109 8.33791 16.6676 9.09405 17.1941 10.0046C17.7207 10.9152 17.9986 11.9482 18 13C18 16.309 15.309 19 12 19C8.691 19 6 16.309 6 13C6.00133 11.9481 6.2792 10.9151 6.80575 10.0045C7.3323 9.09396 8.08901 8.33783 9 7.81199V5.58899C6.072 6.77899 4 9.64999 4 13C4 17.411 7.589 21 12 21Z" />
 <path d="M11 2H13V12H11V2Z" />`;
 function PowerOffIcon(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 PowerOffIcon(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 PowerOffIcon(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/power-off.js

@@ -1,7 +1,7 @@
 import {
   PowerOffIcon
-} from "../chunk-Z4MP32CS.js";
-import "../chunk-MLKGABMK.js";
+} from "../chunk-FDI6JLY5.js";
+import "../chunk-THBLMA22.js";
 export {
   PowerOffIcon
 };

package/dist/icons/printer.cjs

@@ -23,16 +23,27 @@ __export(printer_exports, {
   PrinterIcon: () => PrinterIcon
 });
 module.exports = __toCommonJS(printer_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/printer.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
 var regularPaths = `<path d="M19 7H18V2H6V7H5C3.346 7 2 8.346 2 10V17C2 18.103 2.897 19 4 19H6V22H18V19H20C21.103 19 22 18.103 22 17V10C22 8.346 20.654 7 19 7ZM8 4H16V7H8V4ZM16 20H8V16H16V20ZM20 17H18V14H6V17H4V10C4 9.449 4.449 9 5 9H19C19.552 9 20 9.449 20 10V17Z" />
 <path d="M14 10H18V12H14V10Z" />`;
 var filledPaths = `<path d="M19 7H18V2H6V7H5C4.20435 7 3.44129 7.31607 2.87868 7.87868C2.31607 8.44129 2 9.20435 2 10V17C2 17.5304 2.21071 18.0391 2.58579 18.4142C2.96086 18.7893 3.46957 19 4 19H6V22H18V19H20C20.5304 19 21.0391 18.7893 21.4142 18.4142C21.7893 18.0391 22 17.5304 22 17V10C22 9.20435 21.6839 8.44129 21.1213 7.87868C20.5587 7.31607 19.7956 7 19 7ZM8 4H16V7H8V4ZM8 20V16H16V20H8ZM19 12H15V10H19V12Z" />`;
 function PrinterIcon(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 PrinterIcon(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 PrinterIcon(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/printer.js

@@ -1,7 +1,7 @@
 import {
   PrinterIcon
-} from "../chunk-W37NOIKT.js";
-import "../chunk-MLKGABMK.js";
+} from "../chunk-2HUXIXRF.js";
+import "../chunk-THBLMA22.js";
 export {
   PrinterIcon
 };

package/dist/icons/pulse.cjs

@@ -23,15 +23,26 @@ __export(pulse_exports, {
   PulseIcon: () => PulseIcon
 });
 module.exports = __toCommonJS(pulse_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/pulse.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
 var regularPaths = `<path d="M16.97 4.75701C16.9178 4.54684 16.7987 4.35932 16.6307 4.22269C16.4627 4.08607 16.2548 4.00774 16.0384 3.9995C15.822 3.99127 15.6088 4.05357 15.4309 4.17703C15.253 4.30049 15.12 4.47842 15.052 4.68401L11.866 14.238L8.914 7.59401C8.83363 7.41482 8.70237 7.2632 8.53654 7.15799C8.37071 7.05279 8.17762 6.99863 7.98127 7.00225C7.78491 7.00587 7.59395 7.06712 7.43212 7.17837C7.27028 7.28962 7.14471 7.44598 7.071 7.62801L5.323 12H2V14H5.323C6.146 14 6.875 13.506 7.179 12.743L8.048 10.571L11.085 17.406C11.247 17.769 11.606 18 12 18L12.048 17.999C12.2495 17.9894 12.4433 17.9191 12.604 17.7971C12.7646 17.6752 12.8846 17.5075 12.948 17.316L15.862 8.57401L16.841 12.485C16.9484 12.9181 17.1978 13.3027 17.5495 13.5774C17.9012 13.852 18.3348 14.0008 18.781 14H22V12H18.78L16.97 4.75701Z" />`;
 var filledPaths = `<path d="M16.97 4.75701C16.9178 4.54684 16.7987 4.35932 16.6307 4.22269C16.4627 4.08607 16.2548 4.00774 16.0384 3.9995C15.822 3.99127 15.6088 4.05357 15.4309 4.17703C15.253 4.30049 15.12 4.47842 15.052 4.68401L11.866 14.238L8.914 7.59401C8.83363 7.41482 8.70237 7.2632 8.53654 7.15799C8.37071 7.05279 8.17762 6.99863 7.98127 7.00225C7.78491 7.00587 7.59395 7.06712 7.43212 7.17837C7.27028 7.28962 7.14471 7.44598 7.071 7.62801L5.323 12H2V14H5.323C6.146 14 6.875 13.506 7.179 12.743L8.048 10.571L11.085 17.406C11.247 17.769 11.606 18 12 18L12.048 17.999C12.2495 17.9894 12.4433 17.9191 12.604 17.7971C12.7646 17.6752 12.8846 17.5075 12.948 17.316L15.862 8.57401L16.841 12.485C16.9484 12.9181 17.1978 13.3027 17.5495 13.5774C17.9012 13.852 18.3348 14.0008 18.781 14H22V12H18.78L16.97 4.75701Z" />`;
 function PulseIcon(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 PulseIcon(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 PulseIcon(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/pulse.js

@@ -1,7 +1,7 @@
 import {
   PulseIcon
-} from "../chunk-7MKM3UH7.js";
-import "../chunk-MLKGABMK.js";
+} from "../chunk-NF5WX2IJ.js";
+import "../chunk-THBLMA22.js";
 export {
   PulseIcon
 };

package/dist/icons/purchase-tag-alt.cjs

@@ -23,16 +23,27 @@ __export(purchase_tag_alt_exports, {
   PurchaseTagAltIcon: () => PurchaseTagAltIcon
 });
 module.exports = __toCommonJS(purchase_tag_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/purchase-tag-alt.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
 var regularPaths = `<path d="M11.707 2.293C11.6143 2.2 11.5041 2.12624 11.3827 2.07596C11.2614 2.02568 11.1313 1.99986 11 2H6C5.86867 1.99986 5.7386 2.02568 5.61727 2.07596C5.49594 2.12624 5.38574 2.2 5.293 2.293L2.293 5.293C2.19996 5.38571 2.12617 5.4959 2.07589 5.61724C2.0256 5.73857 1.99981 5.86866 2 6V11C2 11.266 2.105 11.52 2.293 11.707L12.293 21.707C12.3857 21.8002 12.4958 21.8741 12.6171 21.9246C12.7385 21.9751 12.8686 22.001 13 22.001C13.1314 22.001 13.2615 21.9751 13.3829 21.9246C13.5042 21.8741 13.6143 21.8002 13.707 21.707L21.707 13.707C21.7999 13.6142 21.8737 13.504 21.924 13.3827C21.9743 13.2614 22.0002 13.1313 22.0002 13C22.0002 12.8687 21.9743 12.7386 21.924 12.6173C21.8737 12.496 21.7999 12.3858 21.707 12.293L11.707 2.293ZM13 19.586L4 10.586V6.414L6.414 4H10.586L19.586 13L13 19.586Z" />
 <path d="M8.35299 9.99999C9.26261 9.99999 9.99999 9.26261 9.99999 8.35299C9.99999 7.44338 9.26261 6.70599 8.35299 6.70599C7.44338 6.70599 6.70599 7.44338 6.70599 8.35299C6.70599 9.26261 7.44338 9.99999 8.35299 9.99999Z" />`;
 var filledPaths = `<path d="M11.707 2.293C11.6143 2.19996 11.5041 2.12617 11.3828 2.07589C11.2614 2.0256 11.1313 1.99981 11 2H6C5.86866 1.99981 5.73857 2.0256 5.61724 2.07589C5.4959 2.12617 5.38571 2.19996 5.293 2.293L2.293 5.293C2.19996 5.38571 2.12617 5.4959 2.07589 5.61724C2.0256 5.73857 1.99981 5.86866 2 6V11C2 11.266 2.105 11.52 2.293 11.707L12.293 21.707C12.3857 21.8002 12.4958 21.8741 12.6171 21.9246C12.7385 21.9751 12.8686 22.001 13 22.001C13.1314 22.001 13.2615 21.9751 13.3829 21.9246C13.5042 21.8741 13.6143 21.8002 13.707 21.707L21.707 13.707C21.7999 13.6142 21.8737 13.504 21.924 13.3827C21.9743 13.2614 22.0002 13.1313 22.0002 13C22.0002 12.8687 21.9743 12.7386 21.924 12.6173C21.8737 12.496 21.7999 12.3858 21.707 12.293L11.707 2.293ZM8.353 10C8.13337 10.0055 7.91486 9.96696 7.71033 9.88671C7.50581 9.80646 7.31941 9.68611 7.16211 9.53273C7.00481 9.37935 6.87979 9.19605 6.7944 8.99362C6.70901 8.79118 6.66499 8.57372 6.66492 8.35401C6.66486 8.13431 6.70875 7.91682 6.79401 7.71433C6.87928 7.51185 7.00419 7.32847 7.1614 7.175C7.3186 7.02152 7.50493 6.90105 7.7094 6.82068C7.91388 6.74031 8.13236 6.70165 8.352 6.707C8.78166 6.71746 9.19021 6.89545 9.49044 7.20299C9.79067 7.51052 9.95879 7.92323 9.95892 8.35301C9.95905 8.7828 9.79118 9.19561 9.49114 9.50332C9.19109 9.81104 8.78265 9.98928 8.353 10Z" />`;
 function PurchaseTagAltIcon(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 PurchaseTagAltIcon(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 PurchaseTagAltIcon(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/purchase-tag-alt.js

@@ -1,7 +1,7 @@
 import {
   PurchaseTagAltIcon
-} from "../chunk-K7TO7ZUJ.js";
-import "../chunk-MLKGABMK.js";
+} from "../chunk-B45GVKKE.js";
+import "../chunk-THBLMA22.js";
 export {
   PurchaseTagAltIcon
 };

package/dist/icons/purchase-tag.cjs

@@ -23,16 +23,27 @@ __export(purchase_tag_exports, {
   PurchaseTagIcon: () => PurchaseTagIcon
 });
 module.exports = __toCommonJS(purchase_tag_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/purchase-tag.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
 var regularPaths = `<path d="M13.707 3.293C13.6143 3.19996 13.5041 3.12617 13.3828 3.07589C13.2614 3.0256 13.1313 2.99981 13 3H4C3.73478 3 3.48043 3.10536 3.29289 3.29289C3.10536 3.48043 3 3.73478 3 4V13C3 13.266 3.105 13.52 3.293 13.707L11.293 21.707C11.3857 21.8002 11.4958 21.8741 11.6171 21.9246C11.7385 21.9751 11.8686 22.001 12 22.001C12.1314 22.001 12.2615 21.9751 12.3829 21.9246C12.5042 21.8741 12.6143 21.8002 12.707 21.707L21.707 12.707C21.7999 12.6142 21.8737 12.504 21.924 12.3827C21.9743 12.2614 22.0002 12.1313 22.0002 12C22.0002 11.8687 21.9743 11.7386 21.924 11.6173C21.8737 11.496 21.7999 11.3858 21.707 11.293L13.707 3.293ZM12 19.586L5 12.586V5H12.586L19.586 12L12 19.586Z" />
 <path d="M8.496 9.99999C9.32719 9.99999 10.001 9.32618 10.001 8.49499C10.001 7.6638 9.32719 6.98999 8.496 6.98999C7.66481 6.98999 6.991 7.6638 6.991 8.49499C6.991 9.32618 7.66481 9.99999 8.496 9.99999Z" />`;
 var filledPaths = `<path d="M12.586 2.586C12.211 2.2109 11.7024 2.00011 11.172 2H4C3.46957 2 2.96086 2.21071 2.58579 2.58579C2.21071 2.96086 2 3.46957 2 4V11.172C2.00011 11.7024 2.2109 12.211 2.586 12.586L10.586 20.586C10.9611 20.9609 11.4697 21.1716 12 21.1716C12.5303 21.1716 13.0389 20.9609 13.414 20.586L20.586 13.414C20.9609 13.0389 21.1716 12.5303 21.1716 12C21.1716 11.4697 20.9609 10.9611 20.586 10.586L12.586 2.586ZM7 9C6.46943 8.99987 5.96065 8.78897 5.58558 8.41371C5.21051 8.03845 4.99987 7.52957 5 6.999C5.00013 6.46843 5.21103 5.95965 5.58629 5.58458C5.96155 5.20951 6.47043 4.99887 7.001 4.999C7.53157 4.99913 8.04035 5.21003 8.41542 5.58529C8.79049 5.96055 9.00113 6.46943 9.001 7C9.00087 7.53057 8.78997 8.03935 8.41471 8.41442C8.03945 8.78949 7.53057 9.00013 7 9Z" />`;
 function PurchaseTagIcon(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 PurchaseTagIcon(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 PurchaseTagIcon(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/purchase-tag.js

@@ -1,7 +1,7 @@
 import {
   PurchaseTagIcon
-} from "../chunk-NPYTACUC.js";
-import "../chunk-MLKGABMK.js";
+} from "../chunk-X23XNC4X.js";
+import "../chunk-THBLMA22.js";
 export {
   PurchaseTagIcon
 };

package/dist/icons/pyramid.cjs

@@ -23,15 +23,26 @@ __export(pyramid_exports, {
   PyramidIcon: () => PyramidIcon
 });
 module.exports = __toCommonJS(pyramid_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/pyramid.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
 var regularPaths = `<path d="M11.445 21.832C11.6093 21.9416 11.8025 22.0002 12 22.0002C12.1976 22.0002 12.3907 21.9416 12.555 21.832L21.555 15.832C21.6684 15.7567 21.7651 15.6591 21.8394 15.5451C21.9136 15.431 21.9637 15.303 21.9867 15.1689C22.0096 15.0348 22.0049 14.8974 21.9728 14.7652C21.9407 14.6329 21.8819 14.5087 21.8 14.4L12.8 2.4C12.423 1.896 11.577 1.896 11.2 2.4L2.20001 14.4C2.11841 14.5088 2.05985 14.6331 2.02791 14.7652C1.99597 14.8974 1.99133 15.0347 2.01426 15.1687C2.03719 15.3028 2.08722 15.4307 2.16128 15.5448C2.23535 15.6588 2.33189 15.7565 2.44501 15.832L11.445 21.832ZM13 19.131V6L19.565 14.754L13 19.131ZM11 6V19.131L4.43501 14.754L11 6Z" />`;
 var filledPaths = `<path d="M11.4451 21.832C11.6094 21.9416 11.8025 22.0002 12.0001 22.0002C12.1976 22.0002 12.3907 21.9416 12.5551 21.832L21.5551 15.832C21.6684 15.7567 21.7652 15.6591 21.8394 15.5451C21.9137 15.431 21.9638 15.303 21.9867 15.1689C22.0097 15.0348 22.005 14.8974 21.9729 14.7652C21.9408 14.6329 21.882 14.5087 21.8001 14.4L12.8001 2.4C12.4231 1.896 11.5771 1.896 11.2001 2.4L2.20007 14.4C2.11847 14.5088 2.05991 14.6331 2.02797 14.7652C1.99604 14.8974 1.99139 15.0347 2.01432 15.1687C2.03725 15.3028 2.08728 15.4307 2.16134 15.5448C2.23541 15.6588 2.33195 15.7565 2.44507 15.832L11.4451 21.832ZM19.5651 14.754L12.0001 19.798V4.667L19.5651 14.754Z" />`;
 function PyramidIcon(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 PyramidIcon(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 PyramidIcon(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/pyramid.js

@@ -1,7 +1,7 @@
 import {
   PyramidIcon
-} from "../chunk-JIMQYCU6.js";
-import "../chunk-MLKGABMK.js";
+} from "../chunk-QOUGF3MD.js";
+import "../chunk-THBLMA22.js";
 export {
   PyramidIcon
 };

package/dist/icons/qr-scan.cjs

@@ -23,17 +23,28 @@ __export(qr_scan_exports, {
   QrScanIcon: () => QrScanIcon
 });
 module.exports = __toCommonJS(qr_scan_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/qr-scan.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
 var regularPaths = `<path d="M4 4H8.01V2H2V8H4V4ZM4 16H2V22H8.01V20H4V16ZM20 20H16V22H22V16H20V20ZM16 4H20V8H22V2H16V4Z" />
 <path d="M5 11H11V5H5V11ZM7 7H9V9H7V7ZM5 19H11V13H5V19ZM7 15H9V17H7V15ZM19 5H13V11H19V5ZM17 9H15V7H17V9ZM13.01 13H15.01V15H13.01V13ZM15.01 15H17.01V17H15.01V15ZM17.01 17H19.01V19H17.01V17ZM17.01 13H19.01V15H17.01V13Z" />`;
 var filledPaths = `<path d="M4 4H8.01V2H2V8H4V4ZM4 16H2V22H8.01V20H4V16ZM20 20H16V22H22V16H20V20ZM16 4H20V8H22V2H16V4Z" />
 <path d="M5 11H11V5H5V11ZM7 7H9V9H7V7ZM5 19H11V13H5V19ZM7 15H9V17H7V15ZM19 5H13V11H19V5ZM17 9H15V7H17V9ZM13.01 13H15.01V15H13.01V13ZM15.01 15H17.01V17H15.01V15ZM17.01 17H19.01V19H17.01V17ZM17.01 13H19.01V15H17.01V13Z" />`;
 function QrScanIcon(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 QrScanIcon(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 QrScanIcon(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/qr-scan.js

@@ -1,7 +1,7 @@
 import {
   QrScanIcon
-} from "../chunk-67OPWNJF.js";
-import "../chunk-MLKGABMK.js";
+} from "../chunk-DT577QCL.js";
+import "../chunk-THBLMA22.js";
 export {
   QrScanIcon
 };

package/dist/icons/qr.cjs

@@ -23,15 +23,26 @@ __export(qr_exports, {
   QrIcon: () => QrIcon
 });
 module.exports = __toCommonJS(qr_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/qr.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
 var regularPaths = `<path d="M3 11H11V3H3V11ZM5 5H9V9H5V5ZM3 21H11V13H3V21ZM5 15H9V19H5V15ZM13 3V11H21V3H13ZM19 9H15V5H19V9ZM13.01 13H15.01V15H13.01V13ZM15.01 15H17.01V17H15.01V15ZM13.01 17H15.01V19H13.01V17ZM17.01 17H19.01V19H17.01V17ZM19.01 19H21.01V21H19.01V19ZM15.01 19H17.01V21H15.01V19ZM17.01 13H19.01V15H17.01V13ZM19.01 15H21.01V17H19.01V15Z" />`;
 var filledPaths = `<path d="M3 11H11V3H3V11ZM5 5H9V9H5V5ZM3 21H11V13H3V21ZM5 15H9V19H5V15ZM13 3V11H21V3H13ZM19 9H15V5H19V9ZM13.01 13H15.01V15H13.01V13ZM15.01 15H17.01V17H15.01V15ZM13.01 17H15.01V19H13.01V17ZM17.01 17H19.01V19H17.01V17ZM19.01 19H21.01V21H19.01V19ZM15.01 19H17.01V21H15.01V19ZM17.01 13H19.01V15H17.01V13ZM19.01 15H21.01V17H19.01V15Z" />`;
 function QrIcon(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 QrIcon(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 QrIcon(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/qr.js

@@ -1,7 +1,7 @@
 import {
   QrIcon
-} from "../chunk-E7SCMSCE.js";
-import "../chunk-MLKGABMK.js";
+} from "../chunk-EOAF25Y6.js";
+import "../chunk-THBLMA22.js";
 export {
   QrIcon
 };