@imtf/icons 0.6.5 → 0.7.0

package/lib/icons/ArchivedIcon.js

@@ -4,46 +4,23 @@ const jsxRuntime = require("react/jsx-runtime");
 const react = require("react");
 const get = require("../utils/get.js");
 const Context = require("../providers/IconProvider/Context.js");
-const ArchivedIcon = react.forwardRef(
-  ({
-    color: defaultColor,
-    size,
+const ArchivedIcon = ({
+  color: defaultColor,
+  size,
+  ...props
+}, ref) => {
+  const defaultContextValues = react.useContext(Context.IconContext);
+  const defaultValues = {
+    ...defaultContextValues,
+    color: defaultColor ?? defaultContextValues.color,
+    fontSize: size ?? defaultContextValues.size ?? "var(--panache-icon-size)",
     ...props
-  }, ref) => {
-    const defaultContextValues = react.useContext(Context.IconContext);
-    const defaultValues = {
-      ...defaultContextValues,
-      color: defaultColor || defaultContextValues.color,
-      size: size || defaultContextValues.size,
-      ...props
-    };
-    const color = react.useMemo(
-      () => get.default(defaultValues.palette, defaultValues.color) ?? defaultValues.color,
-      [defaultValues.color, defaultValues.palette]
-    );
-    return /* @__PURE__ */ jsxRuntime.jsxs(
-      "svg",
-      {
-        xmlns: "http://www.w3.org/2000/svg",
-        width: defaultValues.size,
-        height: defaultValues.size,
-        viewBox: "0 0 18 18",
-        fill: color,
-        color,
-        ...props,
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsx("g", { clipPath: "url(#prefix__a)", children: /* @__PURE__ */ jsxRuntime.jsx(
-            "path",
-            {
-              stroke: "currentColor",
-              strokeWidth: 2,
-              d: "M14 7V6H4v4h10V7ZM1 2V1h16v1zm15 3v12H2V5z"
-            }
-          ) }),
-          /* @__PURE__ */ jsxRuntime.jsx("defs", { children: /* @__PURE__ */ jsxRuntime.jsx("clipPath", { id: "prefix__a", children: /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "#fff", d: "M0 0h18v18H0z" }) }) })
-        ]
-      }
-    );
-  }
-);
-exports.ArchivedIcon = ArchivedIcon;
+  };
+  const color = react.useMemo(() => get.default(defaultValues.palette, defaultValues.color) ?? defaultValues.color, [defaultValues.color, defaultValues.palette]);
+  return /* @__PURE__ */ jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 18 18", fontSize: defaultValues.fontSize, fill: color, color, ref, ...props, children: [
+    /* @__PURE__ */ jsxRuntime.jsx("g", { clipPath: "url(#prefix__a)", children: /* @__PURE__ */ jsxRuntime.jsx("path", { stroke: "currentColor", strokeWidth: 2, d: "M14 7V6H4v4h10V7ZM1 2V1h16v1zm15 3v12H2V5z" }) }),
+    /* @__PURE__ */ jsxRuntime.jsx("defs", { children: /* @__PURE__ */ jsxRuntime.jsx("clipPath", { id: "prefix__a", children: /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "#fff", d: "M0 0h18v18H0z" }) }) })
+  ] });
+};
+const ForwardRef = react.forwardRef(ArchivedIcon);
+exports.ArchivedIcon = ForwardRef;

package/lib/icons/ArchivedIcon.mjs

@@ -3,48 +3,25 @@ import { jsxs, jsx } from "react/jsx-runtime";
 import { forwardRef, useContext, useMemo } from "react";
 import get from "../utils/get.mjs";
 import { IconContext } from "../providers/IconProvider/Context.mjs";
-const ArchivedIcon = forwardRef(
-  ({
-    color: defaultColor,
-    size,
+const ArchivedIcon = ({
+  color: defaultColor,
+  size,
+  ...props
+}, ref) => {
+  const defaultContextValues = useContext(IconContext);
+  const defaultValues = {
+    ...defaultContextValues,
+    color: defaultColor ?? defaultContextValues.color,
+    fontSize: size ?? defaultContextValues.size ?? "var(--panache-icon-size)",
     ...props
-  }, ref) => {
-    const defaultContextValues = useContext(IconContext);
-    const defaultValues = {
-      ...defaultContextValues,
-      color: defaultColor || defaultContextValues.color,
-      size: size || defaultContextValues.size,
-      ...props
-    };
-    const color = useMemo(
-      () => get(defaultValues.palette, defaultValues.color) ?? defaultValues.color,
-      [defaultValues.color, defaultValues.palette]
-    );
-    return /* @__PURE__ */ jsxs(
-      "svg",
-      {
-        xmlns: "http://www.w3.org/2000/svg",
-        width: defaultValues.size,
-        height: defaultValues.size,
-        viewBox: "0 0 18 18",
-        fill: color,
-        color,
-        ...props,
-        children: [
-          /* @__PURE__ */ jsx("g", { clipPath: "url(#prefix__a)", children: /* @__PURE__ */ jsx(
-            "path",
-            {
-              stroke: "currentColor",
-              strokeWidth: 2,
-              d: "M14 7V6H4v4h10V7ZM1 2V1h16v1zm15 3v12H2V5z"
-            }
-          ) }),
-          /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx("clipPath", { id: "prefix__a", children: /* @__PURE__ */ jsx("path", { fill: "#fff", d: "M0 0h18v18H0z" }) }) })
-        ]
-      }
-    );
-  }
-);
+  };
+  const color = useMemo(() => get(defaultValues.palette, defaultValues.color) ?? defaultValues.color, [defaultValues.color, defaultValues.palette]);
+  return /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 18 18", fontSize: defaultValues.fontSize, fill: color, color, ref, ...props, children: [
+    /* @__PURE__ */ jsx("g", { clipPath: "url(#prefix__a)", children: /* @__PURE__ */ jsx("path", { stroke: "currentColor", strokeWidth: 2, d: "M14 7V6H4v4h10V7ZM1 2V1h16v1zm15 3v12H2V5z" }) }),
+    /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx("clipPath", { id: "prefix__a", children: /* @__PURE__ */ jsx("path", { fill: "#fff", d: "M0 0h18v18H0z" }) }) })
+  ] });
+};
+const ForwardRef = forwardRef(ArchivedIcon);
 export {
-  ArchivedIcon
+  ForwardRef as ArchivedIcon
 };

package/lib/icons/BackgroundSearchIcon.d.ts

@@ -1,4 +1,4 @@
 import type { SVGProps } from "react";
 import type { IconProps } from "../types";
-declare const BackgroundSearchIcon: import("react").ForwardRefExoticComponent<Omit<SVGProps<SVGSVGElement> & IconProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
-export { BackgroundSearchIcon };
+declare const ForwardRef: import("react").ForwardRefExoticComponent<Omit<SVGProps<SVGSVGElement> & IconProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+export { ForwardRef as BackgroundSearchIcon };

package/lib/icons/BackgroundSearchIcon.js

@@ -4,36 +4,20 @@ const jsxRuntime = require("react/jsx-runtime");
 const react = require("react");
 const get = require("../utils/get.js");
 const Context = require("../providers/IconProvider/Context.js");
-const BackgroundSearchIcon = react.forwardRef(
-  ({
-    color: defaultColor,
-    size,
+const BackgroundSearchIcon = ({
+  color: defaultColor,
+  size,
+  ...props
+}, ref) => {
+  const defaultContextValues = react.useContext(Context.IconContext);
+  const defaultValues = {
+    ...defaultContextValues,
+    color: defaultColor ?? defaultContextValues.color,
+    fontSize: size ?? defaultContextValues.size ?? "var(--panache-icon-size)",
     ...props
-  }, ref) => {
-    const defaultContextValues = react.useContext(Context.IconContext);
-    const defaultValues = {
-      ...defaultContextValues,
-      color: defaultColor || defaultContextValues.color,
-      size: size || defaultContextValues.size,
-      ...props
-    };
-    const color = react.useMemo(
-      () => get.default(defaultValues.palette, defaultValues.color) ?? defaultValues.color,
-      [defaultValues.color, defaultValues.palette]
-    );
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      "svg",
-      {
-        xmlns: "http://www.w3.org/2000/svg",
-        viewBox: "0 0 24 24",
-        width: defaultValues.size,
-        height: defaultValues.size,
-        fill: color,
-        color,
-        ...props,
-        children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M9.562 10.578a5.844 5.844 0 0 1 7.838-.395 5.867 5.867 0 0 1 1.18 7.77.42.42 0 0 0 .007.47l.047.057 3.18 3.186a.84.84 0 0 1 .217.808.84.84 0 0 1-.59.593.84.84 0 0 1-.725-.144l-.084-.073-3.18-3.186a.42.42 0 0 0-.527-.053 5.845 5.845 0 0 1-7.758-1.183 5.867 5.867 0 0 1 .395-7.85m4.14-.042a4.183 4.183 0 0 0-4.18 4.186 4.183 4.183 0 0 0 4.18 4.186 4.19 4.19 0 0 0 4.18-4.186 4.183 4.183 0 0 0-4.18-4.186m1.672 1.466c.54.001.984.412 1.038.939l.006.106v.373a.63.63 0 0 1-.61.644.63.63 0 0 1-.644-.611.21.21 0 0 0-.155-.19l-.053-.006h-.418a.21.21 0 0 0-.203.161l-.006.048v2.93a.21.21 0 0 0 .21.21c.345 0 .626.28.626.627a.63.63 0 0 1-.542.623l-.085.005h-1.672a.627.627 0 0 1-.626-.628.627.627 0 0 1 .627-.628.21.21 0 0 0 .201-.154l.007-.055v-2.93a.21.21 0 0 0-.16-.204l-.049-.005h-.418a.21.21 0 0 0-.208.197.63.63 0 0 1-.644.611.63.63 0 0 1-.607-.56l-.003-.085v-.373c.001-.54.412-.985.938-1.04l.107-.005zM3.495 3c3.033.092 6.224.67 7.924 1.754a.42.42 0 0 1 .188.283l.006.07v2.57a.42.42 0 0 1-.279.395 7.1 7.1 0 0 0-2.32 1.367.42.42 0 0 1-.381.091 20.7 20.7 0 0 0-3.244-.53.627.627 0 0 0-.685.564.63.63 0 0 0 .563.685c.678.066 1.257.138 1.784.227l.26.045a.4.4 0 0 1 .304.234.42.42 0 0 1-.022.388 7 7 0 0 0-.425.837.42.42 0 0 1-.442.251c-.41-.059-.852-.11-1.337-.157a.627.627 0 0 0-.685.564.63.63 0 0 0 .563.685l.27.028.51.057.243.03a.42.42 0 0 1 .36.467 7 7 0 0 0-.053.874 7 7 0 0 0 .187 1.616.42.42 0 0 1-.097.38.42.42 0 0 1-.368.133 27 27 0 0 0-2.887-.233 1.46 1.46 0 0 1-1.427-1.34L2 15.214V4.469a1.48 1.48 0 0 1 .446-1.056A1.4 1.4 0 0 1 3.496 3m17.07 0a1.44 1.44 0 0 1 1.05.412 1.48 1.48 0 0 1 .44.924l.006.132v10.743a1.44 1.44 0 0 1-1.193 1.433.21.21 0 0 1-.19-.06.21.21 0 0 1-.055-.191 7.12 7.12 0 0 0-1.341-6.011.21.21 0 0 1 .09-.326.58.58 0 0 0 .403-.631.633.633 0 0 0-.685-.565q-.54.052-1.044.136a.42.42 0 0 1-.306-.069 7 7 0 0 0-1.667-.857.21.21 0 0 1 .01-.398 16.6 16.6 0 0 1 3.129-.64.63.63 0 0 0 .51-.366.63.63 0 0 0-.061-.625.63.63 0 0 0-.57-.26c-1.478.166-2.932.5-4.334.997a.63.63 0 0 0-.428.577l.004.087a.2.2 0 0 1-.056.168.2.2 0 0 1-.163.065c-.137-.012-.274-.012-.412-.012a7 7 0 0 0-.79.046.42.42 0 0 1-.325-.105.42.42 0 0 1-.133-.242l-.005-.071v-2.18a.42.42 0 0 1 .193-.353c1.7-1.088 4.891-1.666 7.924-1.758ZM5.39 5.925a.63.63 0 0 0-.571.26.63.63 0 0 0-.06.625.63.63 0 0 0 .51.365 17 17 0 0 1 4.055.795.627.627 0 0 0 .794-.395.63.63 0 0 0-.394-.796 18.2 18.2 0 0 0-4.334-.854" })
-      }
-    );
-  }
-);
-exports.BackgroundSearchIcon = BackgroundSearchIcon;
+  };
+  const color = react.useMemo(() => get.default(defaultValues.palette, defaultValues.color) ?? defaultValues.color, [defaultValues.color, defaultValues.palette]);
+  return /* @__PURE__ */ jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", width: "1em", height: "1em", fontSize: defaultValues.fontSize, fill: color, color, ref, ...props, children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M9.562 10.578a5.844 5.844 0 0 1 7.838-.395 5.867 5.867 0 0 1 1.18 7.77.42.42 0 0 0 .007.47l.047.057 3.18 3.186a.84.84 0 0 1 .217.808.84.84 0 0 1-.59.593.84.84 0 0 1-.725-.144l-.084-.073-3.18-3.186a.42.42 0 0 0-.527-.053 5.845 5.845 0 0 1-7.758-1.183 5.867 5.867 0 0 1 .395-7.85m4.14-.042a4.183 4.183 0 0 0-4.18 4.186 4.183 4.183 0 0 0 4.18 4.186 4.19 4.19 0 0 0 4.18-4.186 4.183 4.183 0 0 0-4.18-4.186m1.672 1.466c.54.001.984.412 1.038.939l.006.106v.373a.63.63 0 0 1-.61.644.63.63 0 0 1-.644-.611.21.21 0 0 0-.155-.19l-.053-.006h-.418a.21.21 0 0 0-.203.161l-.006.048v2.93a.21.21 0 0 0 .21.21c.345 0 .626.28.626.627a.63.63 0 0 1-.542.623l-.085.005h-1.672a.627.627 0 0 1-.626-.628.627.627 0 0 1 .627-.628.21.21 0 0 0 .201-.154l.007-.055v-2.93a.21.21 0 0 0-.16-.204l-.049-.005h-.418a.21.21 0 0 0-.208.197.63.63 0 0 1-.644.611.63.63 0 0 1-.607-.56l-.003-.085v-.373c.001-.54.412-.985.938-1.04l.107-.005zM3.495 3c3.033.092 6.224.67 7.924 1.754a.42.42 0 0 1 .188.283l.006.07v2.57a.42.42 0 0 1-.279.395 7.1 7.1 0 0 0-2.32 1.367.42.42 0 0 1-.381.091 20.7 20.7 0 0 0-3.244-.53.627.627 0 0 0-.685.564.63.63 0 0 0 .563.685c.678.066 1.257.138 1.784.227l.26.045a.4.4 0 0 1 .304.234.42.42 0 0 1-.022.388 7 7 0 0 0-.425.837.42.42 0 0 1-.442.251c-.41-.059-.852-.11-1.337-.157a.627.627 0 0 0-.685.564.63.63 0 0 0 .563.685l.27.028.51.057.243.03a.42.42 0 0 1 .36.467 7 7 0 0 0-.053.874 7 7 0 0 0 .187 1.616.42.42 0 0 1-.097.38.42.42 0 0 1-.368.133 27 27 0 0 0-2.887-.233 1.46 1.46 0 0 1-1.427-1.34L2 15.214V4.469a1.48 1.48 0 0 1 .446-1.056A1.4 1.4 0 0 1 3.496 3m17.07 0a1.44 1.44 0 0 1 1.05.412 1.48 1.48 0 0 1 .44.924l.006.132v10.743a1.44 1.44 0 0 1-1.193 1.433.21.21 0 0 1-.19-.06.21.21 0 0 1-.055-.191 7.12 7.12 0 0 0-1.341-6.011.21.21 0 0 1 .09-.326.58.58 0 0 0 .403-.631.633.633 0 0 0-.685-.565q-.54.052-1.044.136a.42.42 0 0 1-.306-.069 7 7 0 0 0-1.667-.857.21.21 0 0 1 .01-.398 16.6 16.6 0 0 1 3.129-.64.63.63 0 0 0 .51-.366.63.63 0 0 0-.061-.625.63.63 0 0 0-.57-.26c-1.478.166-2.932.5-4.334.997a.63.63 0 0 0-.428.577l.004.087a.2.2 0 0 1-.056.168.2.2 0 0 1-.163.065c-.137-.012-.274-.012-.412-.012a7 7 0 0 0-.79.046.42.42 0 0 1-.325-.105.42.42 0 0 1-.133-.242l-.005-.071v-2.18a.42.42 0 0 1 .193-.353c1.7-1.088 4.891-1.666 7.924-1.758ZM5.39 5.925a.63.63 0 0 0-.571.26.63.63 0 0 0-.06.625.63.63 0 0 0 .51.365 17 17 0 0 1 4.055.795.627.627 0 0 0 .794-.395.63.63 0 0 0-.394-.796 18.2 18.2 0 0 0-4.334-.854" }) });
+};
+const ForwardRef = react.forwardRef(BackgroundSearchIcon);
+exports.BackgroundSearchIcon = ForwardRef;

package/lib/icons/BackgroundSearchIcon.mjs

@@ -3,38 +3,22 @@ import { jsx } from "react/jsx-runtime";
 import { forwardRef, useContext, useMemo } from "react";
 import get from "../utils/get.mjs";
 import { IconContext } from "../providers/IconProvider/Context.mjs";
-const BackgroundSearchIcon = forwardRef(
-  ({
-    color: defaultColor,
-    size,
+const BackgroundSearchIcon = ({
+  color: defaultColor,
+  size,
+  ...props
+}, ref) => {
+  const defaultContextValues = useContext(IconContext);
+  const defaultValues = {
+    ...defaultContextValues,
+    color: defaultColor ?? defaultContextValues.color,
+    fontSize: size ?? defaultContextValues.size ?? "var(--panache-icon-size)",
     ...props
-  }, ref) => {
-    const defaultContextValues = useContext(IconContext);
-    const defaultValues = {
-      ...defaultContextValues,
-      color: defaultColor || defaultContextValues.color,
-      size: size || defaultContextValues.size,
-      ...props
-    };
-    const color = useMemo(
-      () => get(defaultValues.palette, defaultValues.color) ?? defaultValues.color,
-      [defaultValues.color, defaultValues.palette]
-    );
-    return /* @__PURE__ */ jsx(
-      "svg",
-      {
-        xmlns: "http://www.w3.org/2000/svg",
-        viewBox: "0 0 24 24",
-        width: defaultValues.size,
-        height: defaultValues.size,
-        fill: color,
-        color,
-        ...props,
-        children: /* @__PURE__ */ jsx("path", { d: "M9.562 10.578a5.844 5.844 0 0 1 7.838-.395 5.867 5.867 0 0 1 1.18 7.77.42.42 0 0 0 .007.47l.047.057 3.18 3.186a.84.84 0 0 1 .217.808.84.84 0 0 1-.59.593.84.84 0 0 1-.725-.144l-.084-.073-3.18-3.186a.42.42 0 0 0-.527-.053 5.845 5.845 0 0 1-7.758-1.183 5.867 5.867 0 0 1 .395-7.85m4.14-.042a4.183 4.183 0 0 0-4.18 4.186 4.183 4.183 0 0 0 4.18 4.186 4.19 4.19 0 0 0 4.18-4.186 4.183 4.183 0 0 0-4.18-4.186m1.672 1.466c.54.001.984.412 1.038.939l.006.106v.373a.63.63 0 0 1-.61.644.63.63 0 0 1-.644-.611.21.21 0 0 0-.155-.19l-.053-.006h-.418a.21.21 0 0 0-.203.161l-.006.048v2.93a.21.21 0 0 0 .21.21c.345 0 .626.28.626.627a.63.63 0 0 1-.542.623l-.085.005h-1.672a.627.627 0 0 1-.626-.628.627.627 0 0 1 .627-.628.21.21 0 0 0 .201-.154l.007-.055v-2.93a.21.21 0 0 0-.16-.204l-.049-.005h-.418a.21.21 0 0 0-.208.197.63.63 0 0 1-.644.611.63.63 0 0 1-.607-.56l-.003-.085v-.373c.001-.54.412-.985.938-1.04l.107-.005zM3.495 3c3.033.092 6.224.67 7.924 1.754a.42.42 0 0 1 .188.283l.006.07v2.57a.42.42 0 0 1-.279.395 7.1 7.1 0 0 0-2.32 1.367.42.42 0 0 1-.381.091 20.7 20.7 0 0 0-3.244-.53.627.627 0 0 0-.685.564.63.63 0 0 0 .563.685c.678.066 1.257.138 1.784.227l.26.045a.4.4 0 0 1 .304.234.42.42 0 0 1-.022.388 7 7 0 0 0-.425.837.42.42 0 0 1-.442.251c-.41-.059-.852-.11-1.337-.157a.627.627 0 0 0-.685.564.63.63 0 0 0 .563.685l.27.028.51.057.243.03a.42.42 0 0 1 .36.467 7 7 0 0 0-.053.874 7 7 0 0 0 .187 1.616.42.42 0 0 1-.097.38.42.42 0 0 1-.368.133 27 27 0 0 0-2.887-.233 1.46 1.46 0 0 1-1.427-1.34L2 15.214V4.469a1.48 1.48 0 0 1 .446-1.056A1.4 1.4 0 0 1 3.496 3m17.07 0a1.44 1.44 0 0 1 1.05.412 1.48 1.48 0 0 1 .44.924l.006.132v10.743a1.44 1.44 0 0 1-1.193 1.433.21.21 0 0 1-.19-.06.21.21 0 0 1-.055-.191 7.12 7.12 0 0 0-1.341-6.011.21.21 0 0 1 .09-.326.58.58 0 0 0 .403-.631.633.633 0 0 0-.685-.565q-.54.052-1.044.136a.42.42 0 0 1-.306-.069 7 7 0 0 0-1.667-.857.21.21 0 0 1 .01-.398 16.6 16.6 0 0 1 3.129-.64.63.63 0 0 0 .51-.366.63.63 0 0 0-.061-.625.63.63 0 0 0-.57-.26c-1.478.166-2.932.5-4.334.997a.63.63 0 0 0-.428.577l.004.087a.2.2 0 0 1-.056.168.2.2 0 0 1-.163.065c-.137-.012-.274-.012-.412-.012a7 7 0 0 0-.79.046.42.42 0 0 1-.325-.105.42.42 0 0 1-.133-.242l-.005-.071v-2.18a.42.42 0 0 1 .193-.353c1.7-1.088 4.891-1.666 7.924-1.758ZM5.39 5.925a.63.63 0 0 0-.571.26.63.63 0 0 0-.06.625.63.63 0 0 0 .51.365 17 17 0 0 1 4.055.795.627.627 0 0 0 .794-.395.63.63 0 0 0-.394-.796 18.2 18.2 0 0 0-4.334-.854" })
-      }
-    );
-  }
-);
+  };
+  const color = useMemo(() => get(defaultValues.palette, defaultValues.color) ?? defaultValues.color, [defaultValues.color, defaultValues.palette]);
+  return /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", width: "1em", height: "1em", fontSize: defaultValues.fontSize, fill: color, color, ref, ...props, children: /* @__PURE__ */ jsx("path", { d: "M9.562 10.578a5.844 5.844 0 0 1 7.838-.395 5.867 5.867 0 0 1 1.18 7.77.42.42 0 0 0 .007.47l.047.057 3.18 3.186a.84.84 0 0 1 .217.808.84.84 0 0 1-.59.593.84.84 0 0 1-.725-.144l-.084-.073-3.18-3.186a.42.42 0 0 0-.527-.053 5.845 5.845 0 0 1-7.758-1.183 5.867 5.867 0 0 1 .395-7.85m4.14-.042a4.183 4.183 0 0 0-4.18 4.186 4.183 4.183 0 0 0 4.18 4.186 4.19 4.19 0 0 0 4.18-4.186 4.183 4.183 0 0 0-4.18-4.186m1.672 1.466c.54.001.984.412 1.038.939l.006.106v.373a.63.63 0 0 1-.61.644.63.63 0 0 1-.644-.611.21.21 0 0 0-.155-.19l-.053-.006h-.418a.21.21 0 0 0-.203.161l-.006.048v2.93a.21.21 0 0 0 .21.21c.345 0 .626.28.626.627a.63.63 0 0 1-.542.623l-.085.005h-1.672a.627.627 0 0 1-.626-.628.627.627 0 0 1 .627-.628.21.21 0 0 0 .201-.154l.007-.055v-2.93a.21.21 0 0 0-.16-.204l-.049-.005h-.418a.21.21 0 0 0-.208.197.63.63 0 0 1-.644.611.63.63 0 0 1-.607-.56l-.003-.085v-.373c.001-.54.412-.985.938-1.04l.107-.005zM3.495 3c3.033.092 6.224.67 7.924 1.754a.42.42 0 0 1 .188.283l.006.07v2.57a.42.42 0 0 1-.279.395 7.1 7.1 0 0 0-2.32 1.367.42.42 0 0 1-.381.091 20.7 20.7 0 0 0-3.244-.53.627.627 0 0 0-.685.564.63.63 0 0 0 .563.685c.678.066 1.257.138 1.784.227l.26.045a.4.4 0 0 1 .304.234.42.42 0 0 1-.022.388 7 7 0 0 0-.425.837.42.42 0 0 1-.442.251c-.41-.059-.852-.11-1.337-.157a.627.627 0 0 0-.685.564.63.63 0 0 0 .563.685l.27.028.51.057.243.03a.42.42 0 0 1 .36.467 7 7 0 0 0-.053.874 7 7 0 0 0 .187 1.616.42.42 0 0 1-.097.38.42.42 0 0 1-.368.133 27 27 0 0 0-2.887-.233 1.46 1.46 0 0 1-1.427-1.34L2 15.214V4.469a1.48 1.48 0 0 1 .446-1.056A1.4 1.4 0 0 1 3.496 3m17.07 0a1.44 1.44 0 0 1 1.05.412 1.48 1.48 0 0 1 .44.924l.006.132v10.743a1.44 1.44 0 0 1-1.193 1.433.21.21 0 0 1-.19-.06.21.21 0 0 1-.055-.191 7.12 7.12 0 0 0-1.341-6.011.21.21 0 0 1 .09-.326.58.58 0 0 0 .403-.631.633.633 0 0 0-.685-.565q-.54.052-1.044.136a.42.42 0 0 1-.306-.069 7 7 0 0 0-1.667-.857.21.21 0 0 1 .01-.398 16.6 16.6 0 0 1 3.129-.64.63.63 0 0 0 .51-.366.63.63 0 0 0-.061-.625.63.63 0 0 0-.57-.26c-1.478.166-2.932.5-4.334.997a.63.63 0 0 0-.428.577l.004.087a.2.2 0 0 1-.056.168.2.2 0 0 1-.163.065c-.137-.012-.274-.012-.412-.012a7 7 0 0 0-.79.046.42.42 0 0 1-.325-.105.42.42 0 0 1-.133-.242l-.005-.071v-2.18a.42.42 0 0 1 .193-.353c1.7-1.088 4.891-1.666 7.924-1.758ZM5.39 5.925a.63.63 0 0 0-.571.26.63.63 0 0 0-.06.625.63.63 0 0 0 .51.365 17 17 0 0 1 4.055.795.627.627 0 0 0 .794-.395.63.63 0 0 0-.394-.796 18.2 18.2 0 0 0-4.334-.854" }) });
+};
+const ForwardRef = forwardRef(BackgroundSearchIcon);
 export {
-  BackgroundSearchIcon
+  ForwardRef as BackgroundSearchIcon
 };

package/lib/icons/BaseDefaultIcon.d.ts

@@ -1,4 +1,4 @@
 import type { SVGProps } from "react";
 import type { IconProps } from "../types";
-declare const BaseDefaultIcon: import("react").ForwardRefExoticComponent<Omit<SVGProps<SVGSVGElement> & IconProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
-export { BaseDefaultIcon };
+declare const ForwardRef: import("react").ForwardRefExoticComponent<Omit<SVGProps<SVGSVGElement> & IconProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+export { ForwardRef as BaseDefaultIcon };

package/lib/icons/BaseDefaultIcon.js

@@ -4,35 +4,20 @@ const jsxRuntime = require("react/jsx-runtime");
 const react = require("react");
 const get = require("../utils/get.js");
 const Context = require("../providers/IconProvider/Context.js");
-const BaseDefaultIcon = react.forwardRef(
-  ({
-    color: defaultColor,
-    size,
+const BaseDefaultIcon = ({
+  color: defaultColor,
+  size,
+  ...props
+}, ref) => {
+  const defaultContextValues = react.useContext(Context.IconContext);
+  const defaultValues = {
+    ...defaultContextValues,
+    color: defaultColor ?? defaultContextValues.color,
+    fontSize: size ?? defaultContextValues.size ?? "var(--panache-icon-size)",
     ...props
-  }, ref) => {
-    const defaultContextValues = react.useContext(Context.IconContext);
-    const defaultValues = {
-      ...defaultContextValues,
-      color: defaultColor || defaultContextValues.color,
-      size: size || defaultContextValues.size,
-      ...props
-    };
-    const color = react.useMemo(
-      () => get.default(defaultValues.palette, defaultValues.color) ?? defaultValues.color,
-      [defaultValues.color, defaultValues.palette]
-    );
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      "svg",
-      {
-        xmlns: "http://www.w3.org/2000/svg",
-        width: defaultValues.size,
-        height: defaultValues.size,
-        viewBox: "0 0 24 24",
-        fill: color,
-        color,
-        ...props
-      }
-    );
-  }
-);
-exports.BaseDefaultIcon = BaseDefaultIcon;
+  };
+  const color = react.useMemo(() => get.default(defaultValues.palette, defaultValues.color) ?? defaultValues.color, [defaultValues.color, defaultValues.palette]);
+  return /* @__PURE__ */ jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 24 24", fontSize: defaultValues.fontSize, fill: color, color, ref, ...props });
+};
+const ForwardRef = react.forwardRef(BaseDefaultIcon);
+exports.BaseDefaultIcon = ForwardRef;

package/lib/icons/BaseDefaultIcon.mjs

@@ -3,37 +3,22 @@ import { jsx } from "react/jsx-runtime";
 import { forwardRef, useContext, useMemo } from "react";
 import get from "../utils/get.mjs";
 import { IconContext } from "../providers/IconProvider/Context.mjs";
-const BaseDefaultIcon = forwardRef(
-  ({
-    color: defaultColor,
-    size,
+const BaseDefaultIcon = ({
+  color: defaultColor,
+  size,
+  ...props
+}, ref) => {
+  const defaultContextValues = useContext(IconContext);
+  const defaultValues = {
+    ...defaultContextValues,
+    color: defaultColor ?? defaultContextValues.color,
+    fontSize: size ?? defaultContextValues.size ?? "var(--panache-icon-size)",
     ...props
-  }, ref) => {
-    const defaultContextValues = useContext(IconContext);
-    const defaultValues = {
-      ...defaultContextValues,
-      color: defaultColor || defaultContextValues.color,
-      size: size || defaultContextValues.size,
-      ...props
-    };
-    const color = useMemo(
-      () => get(defaultValues.palette, defaultValues.color) ?? defaultValues.color,
-      [defaultValues.color, defaultValues.palette]
-    );
-    return /* @__PURE__ */ jsx(
-      "svg",
-      {
-        xmlns: "http://www.w3.org/2000/svg",
-        width: defaultValues.size,
-        height: defaultValues.size,
-        viewBox: "0 0 24 24",
-        fill: color,
-        color,
-        ...props
-      }
-    );
-  }
-);
+  };
+  const color = useMemo(() => get(defaultValues.palette, defaultValues.color) ?? defaultValues.color, [defaultValues.color, defaultValues.palette]);
+  return /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 24 24", fontSize: defaultValues.fontSize, fill: color, color, ref, ...props });
+};
+const ForwardRef = forwardRef(BaseDefaultIcon);
 export {
-  BaseDefaultIcon
+  ForwardRef as BaseDefaultIcon
 };

package/lib/icons/BindersIcon.d.ts

@@ -1,4 +1,4 @@
 import type { SVGProps } from "react";
 import type { IconProps } from "../types";
-declare const BindersIcon: import("react").ForwardRefExoticComponent<Omit<SVGProps<SVGSVGElement> & IconProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
-export { BindersIcon };
+declare const ForwardRef: import("react").ForwardRefExoticComponent<Omit<SVGProps<SVGSVGElement> & IconProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+export { ForwardRef as BindersIcon };

package/lib/icons/BindersIcon.js

@@ -4,36 +4,20 @@ const jsxRuntime = require("react/jsx-runtime");
 const react = require("react");
 const get = require("../utils/get.js");
 const Context = require("../providers/IconProvider/Context.js");
-const BindersIcon = react.forwardRef(
-  ({
-    color: defaultColor,
-    size,
+const BindersIcon = ({
+  color: defaultColor,
+  size,
+  ...props
+}, ref) => {
+  const defaultContextValues = react.useContext(Context.IconContext);
+  const defaultValues = {
+    ...defaultContextValues,
+    color: defaultColor ?? defaultContextValues.color,
+    fontSize: size ?? defaultContextValues.size ?? "var(--panache-icon-size)",
     ...props
-  }, ref) => {
-    const defaultContextValues = react.useContext(Context.IconContext);
-    const defaultValues = {
-      ...defaultContextValues,
-      color: defaultColor || defaultContextValues.color,
-      size: size || defaultContextValues.size,
-      ...props
-    };
-    const color = react.useMemo(
-      () => get.default(defaultValues.palette, defaultValues.color) ?? defaultValues.color,
-      [defaultValues.color, defaultValues.palette]
-    );
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      "svg",
-      {
-        xmlns: "http://www.w3.org/2000/svg",
-        width: defaultValues.size,
-        height: defaultValues.size,
-        viewBox: "0 0 24 24",
-        fill: color,
-        color,
-        ...props,
-        children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M2 6a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2h20a2 2 0 0 1 2 2v2a2 2 0 0 1-2 2h-9.25v5.971h6.45c1.319 0 2.452.868 2.544 2.043l.006.155v3.926a3 3 0 1 1-1.5 0v-3.926c0-.344-.439-.697-1.05-.697l-6.45-.001v4.624a3 3 0 1 1-1.5 0V13.47H4.8c-.564 0-.981.302-1.042.619l-.008.08v3.925a3 3 0 1 1-1.5 0v-3.926c0-1.253 1.174-2.197 2.55-2.197l6.45-.001V6zm1 13.5a1.5 1.5 0 1 0-.001 2.999A1.5 1.5 0 0 0 3 19.5m9 0a1.5 1.5 0 1 0-.001 2.999A1.5 1.5 0 0 0 12 19.5m9 0a1.5 1.5 0 1 0-.001 2.999A1.5 1.5 0 0 0 21 19.5m1-18H2a.5.5 0 0 0-.5.5v2a.5.5 0 0 0 .5.5h20a.5.5 0 0 0 .5-.5V2a.5.5 0 0 0-.5-.5" })
-      }
-    );
-  }
-);
-exports.BindersIcon = BindersIcon;
+  };
+  const color = react.useMemo(() => get.default(defaultValues.palette, defaultValues.color) ?? defaultValues.color, [defaultValues.color, defaultValues.palette]);
+  return /* @__PURE__ */ jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 24 24", fontSize: defaultValues.fontSize, fill: color, color, ref, ...props, children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M2 6a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2h20a2 2 0 0 1 2 2v2a2 2 0 0 1-2 2h-9.25v5.971h6.45c1.319 0 2.452.868 2.544 2.043l.006.155v3.926a3 3 0 1 1-1.5 0v-3.926c0-.344-.439-.697-1.05-.697l-6.45-.001v4.624a3 3 0 1 1-1.5 0V13.47H4.8c-.564 0-.981.302-1.042.619l-.008.08v3.925a3 3 0 1 1-1.5 0v-3.926c0-1.253 1.174-2.197 2.55-2.197l6.45-.001V6zm1 13.5a1.5 1.5 0 1 0-.001 2.999A1.5 1.5 0 0 0 3 19.5m9 0a1.5 1.5 0 1 0-.001 2.999A1.5 1.5 0 0 0 12 19.5m9 0a1.5 1.5 0 1 0-.001 2.999A1.5 1.5 0 0 0 21 19.5m1-18H2a.5.5 0 0 0-.5.5v2a.5.5 0 0 0 .5.5h20a.5.5 0 0 0 .5-.5V2a.5.5 0 0 0-.5-.5" }) });
+};
+const ForwardRef = react.forwardRef(BindersIcon);
+exports.BindersIcon = ForwardRef;

package/lib/icons/BindersIcon.mjs

@@ -3,38 +3,22 @@ import { jsx } from "react/jsx-runtime";
 import { forwardRef, useContext, useMemo } from "react";
 import get from "../utils/get.mjs";
 import { IconContext } from "../providers/IconProvider/Context.mjs";
-const BindersIcon = forwardRef(
-  ({
-    color: defaultColor,
-    size,
+const BindersIcon = ({
+  color: defaultColor,
+  size,
+  ...props
+}, ref) => {
+  const defaultContextValues = useContext(IconContext);
+  const defaultValues = {
+    ...defaultContextValues,
+    color: defaultColor ?? defaultContextValues.color,
+    fontSize: size ?? defaultContextValues.size ?? "var(--panache-icon-size)",
     ...props
-  }, ref) => {
-    const defaultContextValues = useContext(IconContext);
-    const defaultValues = {
-      ...defaultContextValues,
-      color: defaultColor || defaultContextValues.color,
-      size: size || defaultContextValues.size,
-      ...props
-    };
-    const color = useMemo(
-      () => get(defaultValues.palette, defaultValues.color) ?? defaultValues.color,
-      [defaultValues.color, defaultValues.palette]
-    );
-    return /* @__PURE__ */ jsx(
-      "svg",
-      {
-        xmlns: "http://www.w3.org/2000/svg",
-        width: defaultValues.size,
-        height: defaultValues.size,
-        viewBox: "0 0 24 24",
-        fill: color,
-        color,
-        ...props,
-        children: /* @__PURE__ */ jsx("path", { d: "M2 6a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2h20a2 2 0 0 1 2 2v2a2 2 0 0 1-2 2h-9.25v5.971h6.45c1.319 0 2.452.868 2.544 2.043l.006.155v3.926a3 3 0 1 1-1.5 0v-3.926c0-.344-.439-.697-1.05-.697l-6.45-.001v4.624a3 3 0 1 1-1.5 0V13.47H4.8c-.564 0-.981.302-1.042.619l-.008.08v3.925a3 3 0 1 1-1.5 0v-3.926c0-1.253 1.174-2.197 2.55-2.197l6.45-.001V6zm1 13.5a1.5 1.5 0 1 0-.001 2.999A1.5 1.5 0 0 0 3 19.5m9 0a1.5 1.5 0 1 0-.001 2.999A1.5 1.5 0 0 0 12 19.5m9 0a1.5 1.5 0 1 0-.001 2.999A1.5 1.5 0 0 0 21 19.5m1-18H2a.5.5 0 0 0-.5.5v2a.5.5 0 0 0 .5.5h20a.5.5 0 0 0 .5-.5V2a.5.5 0 0 0-.5-.5" })
-      }
-    );
-  }
-);
+  };
+  const color = useMemo(() => get(defaultValues.palette, defaultValues.color) ?? defaultValues.color, [defaultValues.color, defaultValues.palette]);
+  return /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 24 24", fontSize: defaultValues.fontSize, fill: color, color, ref, ...props, children: /* @__PURE__ */ jsx("path", { d: "M2 6a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2h20a2 2 0 0 1 2 2v2a2 2 0 0 1-2 2h-9.25v5.971h6.45c1.319 0 2.452.868 2.544 2.043l.006.155v3.926a3 3 0 1 1-1.5 0v-3.926c0-.344-.439-.697-1.05-.697l-6.45-.001v4.624a3 3 0 1 1-1.5 0V13.47H4.8c-.564 0-.981.302-1.042.619l-.008.08v3.925a3 3 0 1 1-1.5 0v-3.926c0-1.253 1.174-2.197 2.55-2.197l6.45-.001V6zm1 13.5a1.5 1.5 0 1 0-.001 2.999A1.5 1.5 0 0 0 3 19.5m9 0a1.5 1.5 0 1 0-.001 2.999A1.5 1.5 0 0 0 12 19.5m9 0a1.5 1.5 0 1 0-.001 2.999A1.5 1.5 0 0 0 21 19.5m1-18H2a.5.5 0 0 0-.5.5v2a.5.5 0 0 0 .5.5h20a.5.5 0 0 0 .5-.5V2a.5.5 0 0 0-.5-.5" }) });
+};
+const ForwardRef = forwardRef(BindersIcon);
 export {
-  BindersIcon
+  ForwardRef as BindersIcon
 };

package/lib/icons/BinocularsIcon.d.ts

@@ -1,4 +1,4 @@
 import type { SVGProps } from "react";
 import type { IconProps } from "../types";
-declare const BinocularsIcon: import("react").ForwardRefExoticComponent<Omit<SVGProps<SVGSVGElement> & IconProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
-export { BinocularsIcon };
+declare const ForwardRef: import("react").ForwardRefExoticComponent<Omit<SVGProps<SVGSVGElement> & IconProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+export { ForwardRef as BinocularsIcon };

package/lib/icons/BinocularsIcon.js

@@ -4,36 +4,20 @@ const jsxRuntime = require("react/jsx-runtime");
 const react = require("react");
 const get = require("../utils/get.js");
 const Context = require("../providers/IconProvider/Context.js");
-const BinocularsIcon = react.forwardRef(
-  ({
-    color: defaultColor,
-    size,
+const BinocularsIcon = ({
+  color: defaultColor,
+  size,
+  ...props
+}, ref) => {
+  const defaultContextValues = react.useContext(Context.IconContext);
+  const defaultValues = {
+    ...defaultContextValues,
+    color: defaultColor ?? defaultContextValues.color,
+    fontSize: size ?? defaultContextValues.size ?? "var(--panache-icon-size)",
     ...props
-  }, ref) => {
-    const defaultContextValues = react.useContext(Context.IconContext);
-    const defaultValues = {
-      ...defaultContextValues,
-      color: defaultColor || defaultContextValues.color,
-      size: size || defaultContextValues.size,
-      ...props
-    };
-    const color = react.useMemo(
-      () => get.default(defaultValues.palette, defaultValues.color) ?? defaultValues.color,
-      [defaultValues.color, defaultValues.palette]
-    );
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      "svg",
-      {
-        xmlns: "http://www.w3.org/2000/svg",
-        width: defaultValues.size,
-        height: defaultValues.size,
-        viewBox: "0 0 24 24",
-        fill: color,
-        color,
-        ...props,
-        children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M17.318.05c1.483-.003 2.754 1.112 3.128 2.68l3.286 14.606.015.089A5 5 0 1 1 14 19v-.104l.039-6.725H9.96l.04 6.725V19a5 5 0 1 1-9.747-1.575l.015-.09L3.554 2.73C3.928 1.162 5.198.047 6.682.05c1.811.003 3.23 1.644 3.228 3.613l.024 4.113h4.131l.025-4.113C14.087 1.695 15.506.053 17.318.05M5 15.5a3.5 3.5 0 1 0 0 7 3.5 3.5 0 0 0 0-7m14 0a3.5 3.5 0 1 0 0 7 3.5 3.5 0 0 0 0-7M6.68 1.55c-.754-.002-1.447.607-1.665 1.518L2.39 14.735A5 5 0 0 1 5 14c1.353 0 2.58.537 3.48 1.41L8.41 3.666c.001-1.189-.799-2.115-1.73-2.116m10.64 0c-.931.002-1.732.927-1.73 2.117l-.07 11.743A4.98 4.98 0 0 1 19 14c.956 0 1.85.269 2.61.735L18.985 3.069c-.218-.912-.911-1.52-1.665-1.519m-3.899 7.726H10.58v1.395h2.842z" })
-      }
-    );
-  }
-);
-exports.BinocularsIcon = BinocularsIcon;
+  };
+  const color = react.useMemo(() => get.default(defaultValues.palette, defaultValues.color) ?? defaultValues.color, [defaultValues.color, defaultValues.palette]);
+  return /* @__PURE__ */ jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 24 24", fontSize: defaultValues.fontSize, fill: color, color, ref, ...props, children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M17.318.05c1.483-.003 2.754 1.112 3.128 2.68l3.286 14.606.015.089A5 5 0 1 1 14 19v-.104l.039-6.725H9.96l.04 6.725V19a5 5 0 1 1-9.747-1.575l.015-.09L3.554 2.73C3.928 1.162 5.198.047 6.682.05c1.811.003 3.23 1.644 3.228 3.613l.024 4.113h4.131l.025-4.113C14.087 1.695 15.506.053 17.318.05M5 15.5a3.5 3.5 0 1 0 0 7 3.5 3.5 0 0 0 0-7m14 0a3.5 3.5 0 1 0 0 7 3.5 3.5 0 0 0 0-7M6.68 1.55c-.754-.002-1.447.607-1.665 1.518L2.39 14.735A5 5 0 0 1 5 14c1.353 0 2.58.537 3.48 1.41L8.41 3.666c.001-1.189-.799-2.115-1.73-2.116m10.64 0c-.931.002-1.732.927-1.73 2.117l-.07 11.743A4.98 4.98 0 0 1 19 14c.956 0 1.85.269 2.61.735L18.985 3.069c-.218-.912-.911-1.52-1.665-1.519m-3.899 7.726H10.58v1.395h2.842z" }) });
+};
+const ForwardRef = react.forwardRef(BinocularsIcon);
+exports.BinocularsIcon = ForwardRef;

package/lib/icons/BinocularsIcon.mjs

@@ -3,38 +3,22 @@ import { jsx } from "react/jsx-runtime";
 import { forwardRef, useContext, useMemo } from "react";
 import get from "../utils/get.mjs";
 import { IconContext } from "../providers/IconProvider/Context.mjs";
-const BinocularsIcon = forwardRef(
-  ({
-    color: defaultColor,
-    size,
+const BinocularsIcon = ({
+  color: defaultColor,
+  size,
+  ...props
+}, ref) => {
+  const defaultContextValues = useContext(IconContext);
+  const defaultValues = {
+    ...defaultContextValues,
+    color: defaultColor ?? defaultContextValues.color,
+    fontSize: size ?? defaultContextValues.size ?? "var(--panache-icon-size)",
     ...props
-  }, ref) => {
-    const defaultContextValues = useContext(IconContext);
-    const defaultValues = {
-      ...defaultContextValues,
-      color: defaultColor || defaultContextValues.color,
-      size: size || defaultContextValues.size,
-      ...props
-    };
-    const color = useMemo(
-      () => get(defaultValues.palette, defaultValues.color) ?? defaultValues.color,
-      [defaultValues.color, defaultValues.palette]
-    );
-    return /* @__PURE__ */ jsx(
-      "svg",
-      {
-        xmlns: "http://www.w3.org/2000/svg",
-        width: defaultValues.size,
-        height: defaultValues.size,
-        viewBox: "0 0 24 24",
-        fill: color,
-        color,
-        ...props,
-        children: /* @__PURE__ */ jsx("path", { d: "M17.318.05c1.483-.003 2.754 1.112 3.128 2.68l3.286 14.606.015.089A5 5 0 1 1 14 19v-.104l.039-6.725H9.96l.04 6.725V19a5 5 0 1 1-9.747-1.575l.015-.09L3.554 2.73C3.928 1.162 5.198.047 6.682.05c1.811.003 3.23 1.644 3.228 3.613l.024 4.113h4.131l.025-4.113C14.087 1.695 15.506.053 17.318.05M5 15.5a3.5 3.5 0 1 0 0 7 3.5 3.5 0 0 0 0-7m14 0a3.5 3.5 0 1 0 0 7 3.5 3.5 0 0 0 0-7M6.68 1.55c-.754-.002-1.447.607-1.665 1.518L2.39 14.735A5 5 0 0 1 5 14c1.353 0 2.58.537 3.48 1.41L8.41 3.666c.001-1.189-.799-2.115-1.73-2.116m10.64 0c-.931.002-1.732.927-1.73 2.117l-.07 11.743A4.98 4.98 0 0 1 19 14c.956 0 1.85.269 2.61.735L18.985 3.069c-.218-.912-.911-1.52-1.665-1.519m-3.899 7.726H10.58v1.395h2.842z" })
-      }
-    );
-  }
-);
+  };
+  const color = useMemo(() => get(defaultValues.palette, defaultValues.color) ?? defaultValues.color, [defaultValues.color, defaultValues.palette]);
+  return /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 24 24", fontSize: defaultValues.fontSize, fill: color, color, ref, ...props, children: /* @__PURE__ */ jsx("path", { d: "M17.318.05c1.483-.003 2.754 1.112 3.128 2.68l3.286 14.606.015.089A5 5 0 1 1 14 19v-.104l.039-6.725H9.96l.04 6.725V19a5 5 0 1 1-9.747-1.575l.015-.09L3.554 2.73C3.928 1.162 5.198.047 6.682.05c1.811.003 3.23 1.644 3.228 3.613l.024 4.113h4.131l.025-4.113C14.087 1.695 15.506.053 17.318.05M5 15.5a3.5 3.5 0 1 0 0 7 3.5 3.5 0 0 0 0-7m14 0a3.5 3.5 0 1 0 0 7 3.5 3.5 0 0 0 0-7M6.68 1.55c-.754-.002-1.447.607-1.665 1.518L2.39 14.735A5 5 0 0 1 5 14c1.353 0 2.58.537 3.48 1.41L8.41 3.666c.001-1.189-.799-2.115-1.73-2.116m10.64 0c-.931.002-1.732.927-1.73 2.117l-.07 11.743A4.98 4.98 0 0 1 19 14c.956 0 1.85.269 2.61.735L18.985 3.069c-.218-.912-.911-1.52-1.665-1.519m-3.899 7.726H10.58v1.395h2.842z" }) });
+};
+const ForwardRef = forwardRef(BinocularsIcon);
 export {
-  BinocularsIcon
+  ForwardRef as BinocularsIcon
 };

package/lib/icons/BookmarksIcon.d.ts

@@ -1,4 +1,4 @@
 import type { SVGProps } from "react";
 import type { IconProps } from "../types";
-declare const BookmarksIcon: import("react").ForwardRefExoticComponent<Omit<SVGProps<SVGSVGElement> & IconProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
-export { BookmarksIcon };
+declare const ForwardRef: import("react").ForwardRefExoticComponent<Omit<SVGProps<SVGSVGElement> & IconProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+export { ForwardRef as BookmarksIcon };