@imtf/icons 0.6.5 → 0.7.0

package/lib/icons/FolderIcon.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 FolderIcon = react.forwardRef(
-  ({
-    color: defaultColor,
-    size,
+const FolderIcon = ({
+  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: "M20 6h-9L9 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2" })
-      }
-    );
-  }
-);
-exports.FolderIcon = FolderIcon;
+  };
+  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: "M20 6h-9L9 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2" }) });
+};
+const ForwardRef = react.forwardRef(FolderIcon);
+exports.FolderIcon = ForwardRef;

package/lib/icons/FolderIcon.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 FolderIcon = forwardRef(
-  ({
-    color: defaultColor,
-    size,
+const FolderIcon = ({
+  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: "M20 6h-9L9 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-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: "M20 6h-9L9 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2" }) });
+};
+const ForwardRef = forwardRef(FolderIcon);
 export {
-  FolderIcon
+  ForwardRef as FolderIcon
 };

package/lib/icons/FolderTemplateIcon.d.ts

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

package/lib/icons/FolderTemplateIcon.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 FolderTemplateIcon = react.forwardRef(
-  ({
-    color: defaultColor,
-    size,
+const FolderTemplateIcon = ({
+  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: "M10.875 4.5H21.75A2.25 2.25 0 0 1 24 6.75v13.5a2.25 2.25 0 0 1-2.25 2.25H2.25A2.25 2.25 0 0 1 0 20.25V3.75A2.25 2.25 0 0 1 2.25 1.5H7.5c.708 0 1.376.333 1.8.9zM2.25 3a.75.75 0 0 0-.75.75v16.5c0 .414.336.75.75.75h19.5a.75.75 0 0 0 .75-.75V6.75a.75.75 0 0 0-.75-.75H10.5a.75.75 0 0 1-.6-.3L8.1 3.3a.75.75 0 0 0-.6-.3z" })
-      }
-    );
-  }
-);
-exports.FolderTemplateIcon = FolderTemplateIcon;
+  };
+  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: "M10.875 4.5H21.75A2.25 2.25 0 0 1 24 6.75v13.5a2.25 2.25 0 0 1-2.25 2.25H2.25A2.25 2.25 0 0 1 0 20.25V3.75A2.25 2.25 0 0 1 2.25 1.5H7.5c.708 0 1.376.333 1.8.9zM2.25 3a.75.75 0 0 0-.75.75v16.5c0 .414.336.75.75.75h19.5a.75.75 0 0 0 .75-.75V6.75a.75.75 0 0 0-.75-.75H10.5a.75.75 0 0 1-.6-.3L8.1 3.3a.75.75 0 0 0-.6-.3z" }) });
+};
+const ForwardRef = react.forwardRef(FolderTemplateIcon);
+exports.FolderTemplateIcon = ForwardRef;

package/lib/icons/FolderTemplateIcon.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 FolderTemplateIcon = forwardRef(
-  ({
-    color: defaultColor,
-    size,
+const FolderTemplateIcon = ({
+  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: "M10.875 4.5H21.75A2.25 2.25 0 0 1 24 6.75v13.5a2.25 2.25 0 0 1-2.25 2.25H2.25A2.25 2.25 0 0 1 0 20.25V3.75A2.25 2.25 0 0 1 2.25 1.5H7.5c.708 0 1.376.333 1.8.9zM2.25 3a.75.75 0 0 0-.75.75v16.5c0 .414.336.75.75.75h19.5a.75.75 0 0 0 .75-.75V6.75a.75.75 0 0 0-.75-.75H10.5a.75.75 0 0 1-.6-.3L8.1 3.3a.75.75 0 0 0-.6-.3z" })
-      }
-    );
-  }
-);
+  };
+  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: "M10.875 4.5H21.75A2.25 2.25 0 0 1 24 6.75v13.5a2.25 2.25 0 0 1-2.25 2.25H2.25A2.25 2.25 0 0 1 0 20.25V3.75A2.25 2.25 0 0 1 2.25 1.5H7.5c.708 0 1.376.333 1.8.9zM2.25 3a.75.75 0 0 0-.75.75v16.5c0 .414.336.75.75.75h19.5a.75.75 0 0 0 .75-.75V6.75a.75.75 0 0 0-.75-.75H10.5a.75.75 0 0 1-.6-.3L8.1 3.3a.75.75 0 0 0-.6-.3z" }) });
+};
+const ForwardRef = forwardRef(FolderTemplateIcon);
 export {
-  FolderTemplateIcon
+  ForwardRef as FolderTemplateIcon
 };

package/lib/icons/FraudDetectionPreventionIcon.d.ts

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

package/lib/icons/FraudDetectionPreventionIcon.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 FraudDetectionPreventionIcon = react.forwardRef(
-  ({
-    color: defaultColor,
-    size,
+const FraudDetectionPreventionIcon = ({
+  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: "M4.56 15.625v2.5c0 .494.24.96.645 1.25l.046.034c.905.65 2.092.773 3.114.324L12 18.138l3.634 1.595a3.17 3.17 0 0 0 3.115-.324l.046-.034a1.54 1.54 0 0 0 .645-1.25v-2.5l-2.272.413a28.9 28.9 0 0 1-10.337 0zm1.37 1.546 3.72.58-2.741 1.16zm12.14 0-.98 1.74-2.74-1.16zM8.141 4.141a1 1 0 0 0-1.01.727l-1.757 5.564H18.68l-1.814-5.563a1.008 1.008 0 0 0-1.453-.599l-1.901 1.14a3.16 3.16 0 0 1-3.026 0L8.586 4.265a1 1 0 0 0-.444-.124m-3.01 7.062L4.55 13.04H1.407a.4.4 0 0 0-.287.108.38.38 0 0 0-.12.277c0 .105.043.205.12.278a.4.4 0 0 0 .287.107h21.186a.4.4 0 0 0 .287-.107.38.38 0 0 0 .12-.278.38.38 0 0 0-.12-.277.4.4 0 0 0-.287-.108h-3.061l-.6-1.838z" })
-      }
-    );
-  }
-);
-exports.FraudDetectionPreventionIcon = FraudDetectionPreventionIcon;
+  };
+  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: "M4.56 15.625v2.5c0 .494.24.96.645 1.25l.046.034c.905.65 2.092.773 3.114.324L12 18.138l3.634 1.595a3.17 3.17 0 0 0 3.115-.324l.046-.034a1.54 1.54 0 0 0 .645-1.25v-2.5l-2.272.413a28.9 28.9 0 0 1-10.337 0zm1.37 1.546 3.72.58-2.741 1.16zm12.14 0-.98 1.74-2.74-1.16zM8.141 4.141a1 1 0 0 0-1.01.727l-1.757 5.564H18.68l-1.814-5.563a1.008 1.008 0 0 0-1.453-.599l-1.901 1.14a3.16 3.16 0 0 1-3.026 0L8.586 4.265a1 1 0 0 0-.444-.124m-3.01 7.062L4.55 13.04H1.407a.4.4 0 0 0-.287.108.38.38 0 0 0-.12.277c0 .105.043.205.12.278a.4.4 0 0 0 .287.107h21.186a.4.4 0 0 0 .287-.107.38.38 0 0 0 .12-.278.38.38 0 0 0-.12-.277.4.4 0 0 0-.287-.108h-3.061l-.6-1.838z" }) });
+};
+const ForwardRef = react.forwardRef(FraudDetectionPreventionIcon);
+exports.FraudDetectionPreventionIcon = ForwardRef;

package/lib/icons/FraudDetectionPreventionIcon.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 FraudDetectionPreventionIcon = forwardRef(
-  ({
-    color: defaultColor,
-    size,
+const FraudDetectionPreventionIcon = ({
+  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: "M4.56 15.625v2.5c0 .494.24.96.645 1.25l.046.034c.905.65 2.092.773 3.114.324L12 18.138l3.634 1.595a3.17 3.17 0 0 0 3.115-.324l.046-.034a1.54 1.54 0 0 0 .645-1.25v-2.5l-2.272.413a28.9 28.9 0 0 1-10.337 0zm1.37 1.546 3.72.58-2.741 1.16zm12.14 0-.98 1.74-2.74-1.16zM8.141 4.141a1 1 0 0 0-1.01.727l-1.757 5.564H18.68l-1.814-5.563a1.008 1.008 0 0 0-1.453-.599l-1.901 1.14a3.16 3.16 0 0 1-3.026 0L8.586 4.265a1 1 0 0 0-.444-.124m-3.01 7.062L4.55 13.04H1.407a.4.4 0 0 0-.287.108.38.38 0 0 0-.12.277c0 .105.043.205.12.278a.4.4 0 0 0 .287.107h21.186a.4.4 0 0 0 .287-.107.38.38 0 0 0 .12-.278.38.38 0 0 0-.12-.277.4.4 0 0 0-.287-.108h-3.061l-.6-1.838z" })
-      }
-    );
-  }
-);
+  };
+  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: "M4.56 15.625v2.5c0 .494.24.96.645 1.25l.046.034c.905.65 2.092.773 3.114.324L12 18.138l3.634 1.595a3.17 3.17 0 0 0 3.115-.324l.046-.034a1.54 1.54 0 0 0 .645-1.25v-2.5l-2.272.413a28.9 28.9 0 0 1-10.337 0zm1.37 1.546 3.72.58-2.741 1.16zm12.14 0-.98 1.74-2.74-1.16zM8.141 4.141a1 1 0 0 0-1.01.727l-1.757 5.564H18.68l-1.814-5.563a1.008 1.008 0 0 0-1.453-.599l-1.901 1.14a3.16 3.16 0 0 1-3.026 0L8.586 4.265a1 1 0 0 0-.444-.124m-3.01 7.062L4.55 13.04H1.407a.4.4 0 0 0-.287.108.38.38 0 0 0-.12.277c0 .105.043.205.12.278a.4.4 0 0 0 .287.107h21.186a.4.4 0 0 0 .287-.107.38.38 0 0 0 .12-.278.38.38 0 0 0-.12-.277.4.4 0 0 0-.287-.108h-3.061l-.6-1.838z" }) });
+};
+const ForwardRef = forwardRef(FraudDetectionPreventionIcon);
 export {
-  FraudDetectionPreventionIcon
+  ForwardRef as FraudDetectionPreventionIcon
 };

package/lib/icons/GraphIcon.d.ts

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

package/lib/icons/GraphIcon.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 GraphIcon = react.forwardRef(
-  ({
-    color: defaultColor,
-    size,
+const GraphIcon = ({
+  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 28 28",
-        fill: color,
-        color,
-        ...props,
-        children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M24.889 0H3.11A3.12 3.12 0 0 0 0 3.111V24.89A3.12 3.12 0 0 0 3.111 28H24.89A3.12 3.12 0 0 0 28 24.889V3.11A3.12 3.12 0 0 0 24.889 0M7.778 21.778a1.56 1.56 0 0 1-1.556-1.556v-7.778c0-.855.7-1.555 1.556-1.555.855 0 1.555.7 1.555 1.555v7.778c0 .856-.7 1.556-1.555 1.556m6.222 0a1.56 1.56 0 0 1-1.556-1.556V7.778c0-.856.7-1.556 1.556-1.556s1.556.7 1.556 1.556v12.444c0 .856-.7 1.556-1.556 1.556m6.222 0a1.56 1.56 0 0 1-1.555-1.556v-3.11c0-.856.7-1.556 1.555-1.556.856 0 1.556.7 1.556 1.555v3.111c0 .856-.7 1.556-1.556 1.556" })
-      }
-    );
-  }
-);
-exports.GraphIcon = GraphIcon;
+  };
+  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 28 28", fontSize: defaultValues.fontSize, fill: color, color, ref, ...props, children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M24.889 0H3.11A3.12 3.12 0 0 0 0 3.111V24.89A3.12 3.12 0 0 0 3.111 28H24.89A3.12 3.12 0 0 0 28 24.889V3.11A3.12 3.12 0 0 0 24.889 0M7.778 21.778a1.56 1.56 0 0 1-1.556-1.556v-7.778c0-.855.7-1.555 1.556-1.555.855 0 1.555.7 1.555 1.555v7.778c0 .856-.7 1.556-1.555 1.556m6.222 0a1.56 1.56 0 0 1-1.556-1.556V7.778c0-.856.7-1.556 1.556-1.556s1.556.7 1.556 1.556v12.444c0 .856-.7 1.556-1.556 1.556m6.222 0a1.56 1.56 0 0 1-1.555-1.556v-3.11c0-.856.7-1.556 1.555-1.556.856 0 1.556.7 1.556 1.555v3.111c0 .856-.7 1.556-1.556 1.556" }) });
+};
+const ForwardRef = react.forwardRef(GraphIcon);
+exports.GraphIcon = ForwardRef;

package/lib/icons/GraphIcon.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 GraphIcon = forwardRef(
-  ({
-    color: defaultColor,
-    size,
+const GraphIcon = ({
+  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 28 28",
-        fill: color,
-        color,
-        ...props,
-        children: /* @__PURE__ */ jsx("path", { d: "M24.889 0H3.11A3.12 3.12 0 0 0 0 3.111V24.89A3.12 3.12 0 0 0 3.111 28H24.89A3.12 3.12 0 0 0 28 24.889V3.11A3.12 3.12 0 0 0 24.889 0M7.778 21.778a1.56 1.56 0 0 1-1.556-1.556v-7.778c0-.855.7-1.555 1.556-1.555.855 0 1.555.7 1.555 1.555v7.778c0 .856-.7 1.556-1.555 1.556m6.222 0a1.56 1.56 0 0 1-1.556-1.556V7.778c0-.856.7-1.556 1.556-1.556s1.556.7 1.556 1.556v12.444c0 .856-.7 1.556-1.556 1.556m6.222 0a1.56 1.56 0 0 1-1.555-1.556v-3.11c0-.856.7-1.556 1.555-1.556.856 0 1.556.7 1.556 1.555v3.111c0 .856-.7 1.556-1.556 1.556" })
-      }
-    );
-  }
-);
+  };
+  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 28 28", fontSize: defaultValues.fontSize, fill: color, color, ref, ...props, children: /* @__PURE__ */ jsx("path", { d: "M24.889 0H3.11A3.12 3.12 0 0 0 0 3.111V24.89A3.12 3.12 0 0 0 3.111 28H24.89A3.12 3.12 0 0 0 28 24.889V3.11A3.12 3.12 0 0 0 24.889 0M7.778 21.778a1.56 1.56 0 0 1-1.556-1.556v-7.778c0-.855.7-1.555 1.556-1.555.855 0 1.555.7 1.555 1.555v7.778c0 .856-.7 1.556-1.555 1.556m6.222 0a1.56 1.56 0 0 1-1.556-1.556V7.778c0-.856.7-1.556 1.556-1.556s1.556.7 1.556 1.556v12.444c0 .856-.7 1.556-1.556 1.556m6.222 0a1.56 1.56 0 0 1-1.555-1.556v-3.11c0-.856.7-1.556 1.555-1.556.856 0 1.556.7 1.556 1.555v3.111c0 .856-.7 1.556-1.556 1.556" }) });
+};
+const ForwardRef = forwardRef(GraphIcon);
 export {
-  GraphIcon
+  ForwardRef as GraphIcon
 };

package/lib/icons/GroupIcon.d.ts

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

package/lib/icons/GroupIcon.js

@@ -4,39 +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 GroupIcon = react.forwardRef(
-  ({
-    color: defaultColor,
-    size,
+const GroupIcon = ({
+  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 24 24",
-        fill: color,
-        color,
-        ...props,
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "none", d: "M0 0h24v24H0z" }),
-          /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M9 13.75c-2.34 0-7 1.17-7 3.5V19h14v-1.75c0-2.33-4.66-3.5-7-3.5M4.34 17c.84-.58 2.87-1.25 4.66-1.25s3.82.67 4.66 1.25zM9 12c1.93 0 3.5-1.57 3.5-3.5S10.93 5 9 5 5.5 6.57 5.5 8.5 7.07 12 9 12m0-5c.83 0 1.5.67 1.5 1.5S9.83 10 9 10s-1.5-.67-1.5-1.5S8.17 7 9 7m7.04 6.81c1.16.84 1.96 1.96 1.96 3.44V19h4v-1.75c0-2.02-3.5-3.17-5.96-3.44M15 12c1.93 0 3.5-1.57 3.5-3.5S16.93 5 15 5c-.54 0-1.04.13-1.5.35.63.89 1 1.98 1 3.15s-.37 2.26-1 3.15c.46.22.96.35 1.5.35" })
-        ]
-      }
-    );
-  }
-);
-exports.GroupIcon = GroupIcon;
+  };
+  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 24 24", fontSize: defaultValues.fontSize, fill: color, color, ref, ...props, children: [
+    /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "none", d: "M0 0h24v24H0z" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M9 13.75c-2.34 0-7 1.17-7 3.5V19h14v-1.75c0-2.33-4.66-3.5-7-3.5M4.34 17c.84-.58 2.87-1.25 4.66-1.25s3.82.67 4.66 1.25zM9 12c1.93 0 3.5-1.57 3.5-3.5S10.93 5 9 5 5.5 6.57 5.5 8.5 7.07 12 9 12m0-5c.83 0 1.5.67 1.5 1.5S9.83 10 9 10s-1.5-.67-1.5-1.5S8.17 7 9 7m7.04 6.81c1.16.84 1.96 1.96 1.96 3.44V19h4v-1.75c0-2.02-3.5-3.17-5.96-3.44M15 12c1.93 0 3.5-1.57 3.5-3.5S16.93 5 15 5c-.54 0-1.04.13-1.5.35.63.89 1 1.98 1 3.15s-.37 2.26-1 3.15c.46.22.96.35 1.5.35" })
+  ] });
+};
+const ForwardRef = react.forwardRef(GroupIcon);
+exports.GroupIcon = ForwardRef;

package/lib/icons/GroupIcon.mjs

@@ -3,41 +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 GroupIcon = forwardRef(
-  ({
-    color: defaultColor,
-    size,
+const GroupIcon = ({
+  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 24 24",
-        fill: color,
-        color,
-        ...props,
-        children: [
-          /* @__PURE__ */ jsx("path", { fill: "none", d: "M0 0h24v24H0z" }),
-          /* @__PURE__ */ jsx("path", { d: "M9 13.75c-2.34 0-7 1.17-7 3.5V19h14v-1.75c0-2.33-4.66-3.5-7-3.5M4.34 17c.84-.58 2.87-1.25 4.66-1.25s3.82.67 4.66 1.25zM9 12c1.93 0 3.5-1.57 3.5-3.5S10.93 5 9 5 5.5 6.57 5.5 8.5 7.07 12 9 12m0-5c.83 0 1.5.67 1.5 1.5S9.83 10 9 10s-1.5-.67-1.5-1.5S8.17 7 9 7m7.04 6.81c1.16.84 1.96 1.96 1.96 3.44V19h4v-1.75c0-2.02-3.5-3.17-5.96-3.44M15 12c1.93 0 3.5-1.57 3.5-3.5S16.93 5 15 5c-.54 0-1.04.13-1.5.35.63.89 1 1.98 1 3.15s-.37 2.26-1 3.15c.46.22.96.35 1.5.35" })
-        ]
-      }
-    );
-  }
-);
+  };
+  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 24 24", fontSize: defaultValues.fontSize, fill: color, color, ref, ...props, children: [
+    /* @__PURE__ */ jsx("path", { fill: "none", d: "M0 0h24v24H0z" }),
+    /* @__PURE__ */ jsx("path", { d: "M9 13.75c-2.34 0-7 1.17-7 3.5V19h14v-1.75c0-2.33-4.66-3.5-7-3.5M4.34 17c.84-.58 2.87-1.25 4.66-1.25s3.82.67 4.66 1.25zM9 12c1.93 0 3.5-1.57 3.5-3.5S10.93 5 9 5 5.5 6.57 5.5 8.5 7.07 12 9 12m0-5c.83 0 1.5.67 1.5 1.5S9.83 10 9 10s-1.5-.67-1.5-1.5S8.17 7 9 7m7.04 6.81c1.16.84 1.96 1.96 1.96 3.44V19h4v-1.75c0-2.02-3.5-3.17-5.96-3.44M15 12c1.93 0 3.5-1.57 3.5-3.5S16.93 5 15 5c-.54 0-1.04.13-1.5.35.63.89 1 1.98 1 3.15s-.37 2.26-1 3.15c.46.22.96.35 1.5.35" })
+  ] });
+};
+const ForwardRef = forwardRef(GroupIcon);
 export {
-  GroupIcon
+  ForwardRef as GroupIcon
 };

package/lib/icons/HistoryIcon.d.ts

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