@imtf/icons 0.6.5 → 0.7.0

package/lib/icons/RemoveIcon.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 RemoveIcon = react.forwardRef(
-  ({
-    color: defaultColor,
-    size,
+const RemoveIcon = ({
+  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: "M12 0c6.627 0 12 5.373 12 12s-5.373 12-12 12C5.376 23.993.007 18.624 0 12 0 5.373 5.373 0 12 0m6 11H6a1 1 0 0 0 0 2h12a1 1 0 0 0 0-2" })
-      }
-    );
-  }
-);
-exports.RemoveIcon = RemoveIcon;
+  };
+  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: "M12 0c6.627 0 12 5.373 12 12s-5.373 12-12 12C5.376 23.993.007 18.624 0 12 0 5.373 5.373 0 12 0m6 11H6a1 1 0 0 0 0 2h12a1 1 0 0 0 0-2" }) });
+};
+const ForwardRef = react.forwardRef(RemoveIcon);
+exports.RemoveIcon = ForwardRef;

package/lib/icons/RemoveIcon.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 RemoveIcon = forwardRef(
-  ({
-    color: defaultColor,
-    size,
+const RemoveIcon = ({
+  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: "M12 0c6.627 0 12 5.373 12 12s-5.373 12-12 12C5.376 23.993.007 18.624 0 12 0 5.373 5.373 0 12 0m6 11H6a1 1 0 0 0 0 2h12a1 1 0 0 0 0-2" })
-      }
-    );
-  }
-);
+  };
+  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: "M12 0c6.627 0 12 5.373 12 12s-5.373 12-12 12C5.376 23.993.007 18.624 0 12 0 5.373 5.373 0 12 0m6 11H6a1 1 0 0 0 0 2h12a1 1 0 0 0 0-2" }) });
+};
+const ForwardRef = forwardRef(RemoveIcon);
 export {
-  RemoveIcon
+  ForwardRef as RemoveIcon
 };

package/lib/icons/RiskScoringIcon.d.ts

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

package/lib/icons/RiskScoringIcon.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 RiskScoringIcon = react.forwardRef(
-  ({
-    color: defaultColor,
-    size,
+const RiskScoringIcon = ({
+  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.143 4.522a8.5 8.5 0 0 0-5.272 2.25l2.272 2.34a5.36 5.36 0 0 1 3-1.28zm-3.72 5.33L3.15 7.514a9.03 9.03 0 0 0-2.187 5.43h3.213a5.7 5.7 0 0 1 1.246-3.09Zm9.703 4.139a5.7 5.7 0 0 1-.56 2.02c.258.41.474.757.616.987a1.6 1.6 0 0 1-.209 1.957 1.5 1.5 0 0 1-.418.306l.529.545a.5.5 0 0 0 .72 0 9.02 9.02 0 0 0 2.536-5.815zm-10.948 0H.963A9.02 9.02 0 0 0 3.5 19.806a.5.5 0 0 0 .72 0l1.545-1.59c.2-.206.2-.538 0-.743a5.7 5.7 0 0 1-1.586-3.482Zm11.255-7.22a8.5 8.5 0 0 0-5.272-2.249v3.31a5.36 5.36 0 0 1 3 1.28l2.272-2.34Zm-4.65 5.54a1.57 1.57 0 0 0-2.262 0 1.684 1.684 0 0 0 0 2.329c.788.811 4.66 3.358 5.099 3.645a.5.5 0 0 0 .633-.071.536.536 0 0 0 .07-.653c-.28-.452-2.752-4.44-3.54-5.25m7.423-8.075a.386.386 0 0 0-.67 0l-4.78 8.382a.4.4 0 0 0 0 .392c.07.121.197.196.336.196h9.558a.39.39 0 0 0 .335-.196.4.4 0 0 0 0-.392l-4.78-8.382Zm-.335 7.331a.43.43 0 0 1-.425-.43c0-.237.19-.43.425-.43s.424.193.424.43-.19.43-.424.43m0-4.238a.39.39 0 0 1 .387.392v1.6a.39.39 0 0 1-.387.392.39.39 0 0 1-.387-.391v-1.6a.39.39 0 0 1 .387-.393" })
-      }
-    );
-  }
-);
-exports.RiskScoringIcon = RiskScoringIcon;
+  };
+  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.143 4.522a8.5 8.5 0 0 0-5.272 2.25l2.272 2.34a5.36 5.36 0 0 1 3-1.28zm-3.72 5.33L3.15 7.514a9.03 9.03 0 0 0-2.187 5.43h3.213a5.7 5.7 0 0 1 1.246-3.09Zm9.703 4.139a5.7 5.7 0 0 1-.56 2.02c.258.41.474.757.616.987a1.6 1.6 0 0 1-.209 1.957 1.5 1.5 0 0 1-.418.306l.529.545a.5.5 0 0 0 .72 0 9.02 9.02 0 0 0 2.536-5.815zm-10.948 0H.963A9.02 9.02 0 0 0 3.5 19.806a.5.5 0 0 0 .72 0l1.545-1.59c.2-.206.2-.538 0-.743a5.7 5.7 0 0 1-1.586-3.482Zm11.255-7.22a8.5 8.5 0 0 0-5.272-2.249v3.31a5.36 5.36 0 0 1 3 1.28l2.272-2.34Zm-4.65 5.54a1.57 1.57 0 0 0-2.262 0 1.684 1.684 0 0 0 0 2.329c.788.811 4.66 3.358 5.099 3.645a.5.5 0 0 0 .633-.071.536.536 0 0 0 .07-.653c-.28-.452-2.752-4.44-3.54-5.25m7.423-8.075a.386.386 0 0 0-.67 0l-4.78 8.382a.4.4 0 0 0 0 .392c.07.121.197.196.336.196h9.558a.39.39 0 0 0 .335-.196.4.4 0 0 0 0-.392l-4.78-8.382Zm-.335 7.331a.43.43 0 0 1-.425-.43c0-.237.19-.43.425-.43s.424.193.424.43-.19.43-.424.43m0-4.238a.39.39 0 0 1 .387.392v1.6a.39.39 0 0 1-.387.392.39.39 0 0 1-.387-.391v-1.6a.39.39 0 0 1 .387-.393" }) });
+};
+const ForwardRef = react.forwardRef(RiskScoringIcon);
+exports.RiskScoringIcon = ForwardRef;

package/lib/icons/RiskScoringIcon.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 RiskScoringIcon = forwardRef(
-  ({
-    color: defaultColor,
-    size,
+const RiskScoringIcon = ({
+  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.143 4.522a8.5 8.5 0 0 0-5.272 2.25l2.272 2.34a5.36 5.36 0 0 1 3-1.28zm-3.72 5.33L3.15 7.514a9.03 9.03 0 0 0-2.187 5.43h3.213a5.7 5.7 0 0 1 1.246-3.09Zm9.703 4.139a5.7 5.7 0 0 1-.56 2.02c.258.41.474.757.616.987a1.6 1.6 0 0 1-.209 1.957 1.5 1.5 0 0 1-.418.306l.529.545a.5.5 0 0 0 .72 0 9.02 9.02 0 0 0 2.536-5.815zm-10.948 0H.963A9.02 9.02 0 0 0 3.5 19.806a.5.5 0 0 0 .72 0l1.545-1.59c.2-.206.2-.538 0-.743a5.7 5.7 0 0 1-1.586-3.482Zm11.255-7.22a8.5 8.5 0 0 0-5.272-2.249v3.31a5.36 5.36 0 0 1 3 1.28l2.272-2.34Zm-4.65 5.54a1.57 1.57 0 0 0-2.262 0 1.684 1.684 0 0 0 0 2.329c.788.811 4.66 3.358 5.099 3.645a.5.5 0 0 0 .633-.071.536.536 0 0 0 .07-.653c-.28-.452-2.752-4.44-3.54-5.25m7.423-8.075a.386.386 0 0 0-.67 0l-4.78 8.382a.4.4 0 0 0 0 .392c.07.121.197.196.336.196h9.558a.39.39 0 0 0 .335-.196.4.4 0 0 0 0-.392l-4.78-8.382Zm-.335 7.331a.43.43 0 0 1-.425-.43c0-.237.19-.43.425-.43s.424.193.424.43-.19.43-.424.43m0-4.238a.39.39 0 0 1 .387.392v1.6a.39.39 0 0 1-.387.392.39.39 0 0 1-.387-.391v-1.6a.39.39 0 0 1 .387-.393" })
-      }
-    );
-  }
-);
+  };
+  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.143 4.522a8.5 8.5 0 0 0-5.272 2.25l2.272 2.34a5.36 5.36 0 0 1 3-1.28zm-3.72 5.33L3.15 7.514a9.03 9.03 0 0 0-2.187 5.43h3.213a5.7 5.7 0 0 1 1.246-3.09Zm9.703 4.139a5.7 5.7 0 0 1-.56 2.02c.258.41.474.757.616.987a1.6 1.6 0 0 1-.209 1.957 1.5 1.5 0 0 1-.418.306l.529.545a.5.5 0 0 0 .72 0 9.02 9.02 0 0 0 2.536-5.815zm-10.948 0H.963A9.02 9.02 0 0 0 3.5 19.806a.5.5 0 0 0 .72 0l1.545-1.59c.2-.206.2-.538 0-.743a5.7 5.7 0 0 1-1.586-3.482Zm11.255-7.22a8.5 8.5 0 0 0-5.272-2.249v3.31a5.36 5.36 0 0 1 3 1.28l2.272-2.34Zm-4.65 5.54a1.57 1.57 0 0 0-2.262 0 1.684 1.684 0 0 0 0 2.329c.788.811 4.66 3.358 5.099 3.645a.5.5 0 0 0 .633-.071.536.536 0 0 0 .07-.653c-.28-.452-2.752-4.44-3.54-5.25m7.423-8.075a.386.386 0 0 0-.67 0l-4.78 8.382a.4.4 0 0 0 0 .392c.07.121.197.196.336.196h9.558a.39.39 0 0 0 .335-.196.4.4 0 0 0 0-.392l-4.78-8.382Zm-.335 7.331a.43.43 0 0 1-.425-.43c0-.237.19-.43.425-.43s.424.193.424.43-.19.43-.424.43m0-4.238a.39.39 0 0 1 .387.392v1.6a.39.39 0 0 1-.387.392.39.39 0 0 1-.387-.391v-1.6a.39.39 0 0 1 .387-.393" }) });
+};
+const ForwardRef = forwardRef(RiskScoringIcon);
 export {
-  RiskScoringIcon
+  ForwardRef as RiskScoringIcon
 };

package/lib/icons/RotateRightIcon.d.ts

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

package/lib/icons/RotateRightIcon.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 RotateRightIcon = react.forwardRef(
-  ({
-    color: defaultColor,
-    size,
+const RotateRightIcon = ({
+  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: "M11.702.305a1 1 0 1 0-1.413 1.413l1.878 1.878a.243.243 0 0 1-.172.414C6.475 4.01 2 8.485 2 14.005S6.475 24 11.995 24a1 1 0 0 0 0-1.999 7.996 7.996 0 0 1 0-15.992.243.243 0 0 1 .172.414l-1.878 1.88a1 1 0 1 0 1.413 1.413L15.7 5.718a1 1 0 0 0 0-1.415Zm6.512 20.284a1 1 0 0 0-1.402-.197c-.532.4-1.112.733-1.727.99a1.007 1.007 0 0 0-.531 1.313 1 1 0 0 0 1.308.535 10 10 0 0 0 2.155-1.239c.441-.333.53-.96.197-1.402m3.276-5.635a1 1 0 0 0-1.643.573 8 8 0 0 1-.68 2.005 1.002 1.002 0 0 0 1.798.883c.39-.795.674-1.637.844-2.506a1 1 0 0 0-.32-.955m-1.256-6.128a1 1 0 0 0-1.175 1.419c.343.65.596 1.343.751 2.061a1 1 0 0 0 1.952-.42 10 10 0 0 0-.939-2.572 1 1 0 0 0-.59-.488" })
-      }
-    );
-  }
-);
-exports.RotateRightIcon = RotateRightIcon;
+  };
+  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: "M11.702.305a1 1 0 1 0-1.413 1.413l1.878 1.878a.243.243 0 0 1-.172.414C6.475 4.01 2 8.485 2 14.005S6.475 24 11.995 24a1 1 0 0 0 0-1.999 7.996 7.996 0 0 1 0-15.992.243.243 0 0 1 .172.414l-1.878 1.88a1 1 0 1 0 1.413 1.413L15.7 5.718a1 1 0 0 0 0-1.415Zm6.512 20.284a1 1 0 0 0-1.402-.197c-.532.4-1.112.733-1.727.99a1.007 1.007 0 0 0-.531 1.313 1 1 0 0 0 1.308.535 10 10 0 0 0 2.155-1.239c.441-.333.53-.96.197-1.402m3.276-5.635a1 1 0 0 0-1.643.573 8 8 0 0 1-.68 2.005 1.002 1.002 0 0 0 1.798.883c.39-.795.674-1.637.844-2.506a1 1 0 0 0-.32-.955m-1.256-6.128a1 1 0 0 0-1.175 1.419c.343.65.596 1.343.751 2.061a1 1 0 0 0 1.952-.42 10 10 0 0 0-.939-2.572 1 1 0 0 0-.59-.488" }) });
+};
+const ForwardRef = react.forwardRef(RotateRightIcon);
+exports.RotateRightIcon = ForwardRef;

package/lib/icons/RotateRightIcon.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 RotateRightIcon = forwardRef(
-  ({
-    color: defaultColor,
-    size,
+const RotateRightIcon = ({
+  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: "M11.702.305a1 1 0 1 0-1.413 1.413l1.878 1.878a.243.243 0 0 1-.172.414C6.475 4.01 2 8.485 2 14.005S6.475 24 11.995 24a1 1 0 0 0 0-1.999 7.996 7.996 0 0 1 0-15.992.243.243 0 0 1 .172.414l-1.878 1.88a1 1 0 1 0 1.413 1.413L15.7 5.718a1 1 0 0 0 0-1.415Zm6.512 20.284a1 1 0 0 0-1.402-.197c-.532.4-1.112.733-1.727.99a1.007 1.007 0 0 0-.531 1.313 1 1 0 0 0 1.308.535 10 10 0 0 0 2.155-1.239c.441-.333.53-.96.197-1.402m3.276-5.635a1 1 0 0 0-1.643.573 8 8 0 0 1-.68 2.005 1.002 1.002 0 0 0 1.798.883c.39-.795.674-1.637.844-2.506a1 1 0 0 0-.32-.955m-1.256-6.128a1 1 0 0 0-1.175 1.419c.343.65.596 1.343.751 2.061a1 1 0 0 0 1.952-.42 10 10 0 0 0-.939-2.572 1 1 0 0 0-.59-.488" })
-      }
-    );
-  }
-);
+  };
+  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: "M11.702.305a1 1 0 1 0-1.413 1.413l1.878 1.878a.243.243 0 0 1-.172.414C6.475 4.01 2 8.485 2 14.005S6.475 24 11.995 24a1 1 0 0 0 0-1.999 7.996 7.996 0 0 1 0-15.992.243.243 0 0 1 .172.414l-1.878 1.88a1 1 0 1 0 1.413 1.413L15.7 5.718a1 1 0 0 0 0-1.415Zm6.512 20.284a1 1 0 0 0-1.402-.197c-.532.4-1.112.733-1.727.99a1.007 1.007 0 0 0-.531 1.313 1 1 0 0 0 1.308.535 10 10 0 0 0 2.155-1.239c.441-.333.53-.96.197-1.402m3.276-5.635a1 1 0 0 0-1.643.573 8 8 0 0 1-.68 2.005 1.002 1.002 0 0 0 1.798.883c.39-.795.674-1.637.844-2.506a1 1 0 0 0-.32-.955m-1.256-6.128a1 1 0 0 0-1.175 1.419c.343.65.596 1.343.751 2.061a1 1 0 0 0 1.952-.42 10 10 0 0 0-.939-2.572 1 1 0 0 0-.59-.488" }) });
+};
+const ForwardRef = forwardRef(RotateRightIcon);
 export {
-  RotateRightIcon
+  ForwardRef as RotateRightIcon
 };

package/lib/icons/ScissorsIcon.d.ts

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

package/lib/icons/ScissorsIcon.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 ScissorsIcon = react.forwardRef(
-  ({
-    color: defaultColor,
-    size,
+const ScissorsIcon = ({
+  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: "M18.052 16.378a3.86 3.86 0 0 0-3.907 1.305l-.899-2.26a.245.245 0 0 1 .093-.295 14.13 14.13 0 0 0 6.645-11.665c0-1.039-.126-2.074-.375-3.083a.5.5 0 0 0-.934-.1l-6.458 13.237a.25.25 0 0 1-.45 0L5.31.283a.5.5 0 0 0-.934.1A13 13 0 0 0 4 3.462a14.13 14.13 0 0 0 6.647 11.67.246.246 0 0 1 .094.295l-.9 2.261a3.854 3.854 0 1 0-2.987 6.288 3.91 3.91 0 0 0 3.516-2.223l1.622-4.07 1.65 4.136a3.87 3.87 0 0 0 7.24-2.61 3.83 3.83 0 0 0-2.83-2.832M8.71 20.53l-.165.414a1.88 1.88 0 0 1-1.69 1.034 1.855 1.855 0 1 1 1.855-1.855zm8.42 1.448a1.87 1.87 0 0 1-1.66-.964l-.2-.49v-.4a1.855 1.855 0 1 1 1.86 1.854" })
-      }
-    );
-  }
-);
-exports.ScissorsIcon = ScissorsIcon;
+  };
+  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: "M18.052 16.378a3.86 3.86 0 0 0-3.907 1.305l-.899-2.26a.245.245 0 0 1 .093-.295 14.13 14.13 0 0 0 6.645-11.665c0-1.039-.126-2.074-.375-3.083a.5.5 0 0 0-.934-.1l-6.458 13.237a.25.25 0 0 1-.45 0L5.31.283a.5.5 0 0 0-.934.1A13 13 0 0 0 4 3.462a14.13 14.13 0 0 0 6.647 11.67.246.246 0 0 1 .094.295l-.9 2.261a3.854 3.854 0 1 0-2.987 6.288 3.91 3.91 0 0 0 3.516-2.223l1.622-4.07 1.65 4.136a3.87 3.87 0 0 0 7.24-2.61 3.83 3.83 0 0 0-2.83-2.832M8.71 20.53l-.165.414a1.88 1.88 0 0 1-1.69 1.034 1.855 1.855 0 1 1 1.855-1.855zm8.42 1.448a1.87 1.87 0 0 1-1.66-.964l-.2-.49v-.4a1.855 1.855 0 1 1 1.86 1.854" }) });
+};
+const ForwardRef = react.forwardRef(ScissorsIcon);
+exports.ScissorsIcon = ForwardRef;

package/lib/icons/ScissorsIcon.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 ScissorsIcon = forwardRef(
-  ({
-    color: defaultColor,
-    size,
+const ScissorsIcon = ({
+  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: "M18.052 16.378a3.86 3.86 0 0 0-3.907 1.305l-.899-2.26a.245.245 0 0 1 .093-.295 14.13 14.13 0 0 0 6.645-11.665c0-1.039-.126-2.074-.375-3.083a.5.5 0 0 0-.934-.1l-6.458 13.237a.25.25 0 0 1-.45 0L5.31.283a.5.5 0 0 0-.934.1A13 13 0 0 0 4 3.462a14.13 14.13 0 0 0 6.647 11.67.246.246 0 0 1 .094.295l-.9 2.261a3.854 3.854 0 1 0-2.987 6.288 3.91 3.91 0 0 0 3.516-2.223l1.622-4.07 1.65 4.136a3.87 3.87 0 0 0 7.24-2.61 3.83 3.83 0 0 0-2.83-2.832M8.71 20.53l-.165.414a1.88 1.88 0 0 1-1.69 1.034 1.855 1.855 0 1 1 1.855-1.855zm8.42 1.448a1.87 1.87 0 0 1-1.66-.964l-.2-.49v-.4a1.855 1.855 0 1 1 1.86 1.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", width: "1em", height: "1em", viewBox: "0 0 24 24", fontSize: defaultValues.fontSize, fill: color, color, ref, ...props, children: /* @__PURE__ */ jsx("path", { d: "M18.052 16.378a3.86 3.86 0 0 0-3.907 1.305l-.899-2.26a.245.245 0 0 1 .093-.295 14.13 14.13 0 0 0 6.645-11.665c0-1.039-.126-2.074-.375-3.083a.5.5 0 0 0-.934-.1l-6.458 13.237a.25.25 0 0 1-.45 0L5.31.283a.5.5 0 0 0-.934.1A13 13 0 0 0 4 3.462a14.13 14.13 0 0 0 6.647 11.67.246.246 0 0 1 .094.295l-.9 2.261a3.854 3.854 0 1 0-2.987 6.288 3.91 3.91 0 0 0 3.516-2.223l1.622-4.07 1.65 4.136a3.87 3.87 0 0 0 7.24-2.61 3.83 3.83 0 0 0-2.83-2.832M8.71 20.53l-.165.414a1.88 1.88 0 0 1-1.69 1.034 1.855 1.855 0 1 1 1.855-1.855zm8.42 1.448a1.87 1.87 0 0 1-1.66-.964l-.2-.49v-.4a1.855 1.855 0 1 1 1.86 1.854" }) });
+};
+const ForwardRef = forwardRef(ScissorsIcon);
 export {
-  ScissorsIcon
+  ForwardRef as ScissorsIcon
 };

package/lib/icons/SearchIcon.d.ts

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

package/lib/icons/SearchIcon.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 SearchIcon = react.forwardRef(
-  ({
-    color: defaultColor,
-    size,
+const SearchIcon = ({
+  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: "M18.844 5.974a9.81 9.81 0 0 1-1.581 10.228l6.517 6.518a.75.75 0 0 1-1.06 1.06l-6.517-6.517a9.8 9.8 0 0 1-2.552 1.58c-4.987 2.12-10.75-.205-12.87-5.193S.988 2.9 5.976.78s10.749.206 12.87 5.194M6.561 2.16a8.314 8.314 0 1 0 9.116 13.546l.014-.017.019-.019a8.313 8.313 0 0 0-9.149-13.51" })
-      }
-    );
-  }
-);
-exports.SearchIcon = SearchIcon;
+  };
+  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: "M18.844 5.974a9.81 9.81 0 0 1-1.581 10.228l6.517 6.518a.75.75 0 0 1-1.06 1.06l-6.517-6.517a9.8 9.8 0 0 1-2.552 1.58c-4.987 2.12-10.75-.205-12.87-5.193S.988 2.9 5.976.78s10.749.206 12.87 5.194M6.561 2.16a8.314 8.314 0 1 0 9.116 13.546l.014-.017.019-.019a8.313 8.313 0 0 0-9.149-13.51" }) });
+};
+const ForwardRef = react.forwardRef(SearchIcon);
+exports.SearchIcon = ForwardRef;

package/lib/icons/SearchIcon.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 SearchIcon = forwardRef(
-  ({
-    color: defaultColor,
-    size,
+const SearchIcon = ({
+  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: "M18.844 5.974a9.81 9.81 0 0 1-1.581 10.228l6.517 6.518a.75.75 0 0 1-1.06 1.06l-6.517-6.517a9.8 9.8 0 0 1-2.552 1.58c-4.987 2.12-10.75-.205-12.87-5.193S.988 2.9 5.976.78s10.749.206 12.87 5.194M6.561 2.16a8.314 8.314 0 1 0 9.116 13.546l.014-.017.019-.019a8.313 8.313 0 0 0-9.149-13.51" })
-      }
-    );
-  }
-);
+  };
+  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: "M18.844 5.974a9.81 9.81 0 0 1-1.581 10.228l6.517 6.518a.75.75 0 0 1-1.06 1.06l-6.517-6.517a9.8 9.8 0 0 1-2.552 1.58c-4.987 2.12-10.75-.205-12.87-5.193S.988 2.9 5.976.78s10.749.206 12.87 5.194M6.561 2.16a8.314 8.314 0 1 0 9.116 13.546l.014-.017.019-.019a8.313 8.313 0 0 0-9.149-13.51" }) });
+};
+const ForwardRef = forwardRef(SearchIcon);
 export {
-  SearchIcon
+  ForwardRef as SearchIcon
 };

package/lib/icons/SentToArchiveIcon.d.ts

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