@imtf/icons 0.6.5 → 0.7.0

package/lib/icons/EyeIcon.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 EyeIcon = react.forwardRef(
-  ({
-    color: defaultColor,
-    size,
+const EyeIcon = ({
+  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: "M12 9a3 3 0 0 0-3 3 3 3 0 0 0 3 3 3 3 0 0 0 3-3 3 3 0 0 0-3-3m0 8a5 5 0 0 1-5-5 5 5 0 0 1 5-5 5 5 0 0 1 5 5 5 5 0 0 1-5 5m0-12.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5" })
-      }
-    );
-  }
-);
-exports.EyeIcon = EyeIcon;
+  };
+  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: "M12 9a3 3 0 0 0-3 3 3 3 0 0 0 3 3 3 3 0 0 0 3-3 3 3 0 0 0-3-3m0 8a5 5 0 0 1-5-5 5 5 0 0 1 5-5 5 5 0 0 1 5 5 5 5 0 0 1-5 5m0-12.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5" }) });
+};
+const ForwardRef = react.forwardRef(EyeIcon);
+exports.EyeIcon = ForwardRef;

package/lib/icons/EyeIcon.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 EyeIcon = forwardRef(
-  ({
-    color: defaultColor,
-    size,
+const EyeIcon = ({
+  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: "M12 9a3 3 0 0 0-3 3 3 3 0 0 0 3 3 3 3 0 0 0 3-3 3 3 0 0 0-3-3m0 8a5 5 0 0 1-5-5 5 5 0 0 1 5-5 5 5 0 0 1 5 5 5 5 0 0 1-5 5m0-12.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.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", viewBox: "0 0 24 24", width: "1em", height: "1em", fontSize: defaultValues.fontSize, fill: color, color, ref, ...props, children: /* @__PURE__ */ jsx("path", { d: "M12 9a3 3 0 0 0-3 3 3 3 0 0 0 3 3 3 3 0 0 0 3-3 3 3 0 0 0-3-3m0 8a5 5 0 0 1-5-5 5 5 0 0 1 5-5 5 5 0 0 1 5 5 5 5 0 0 1-5 5m0-12.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5" }) });
+};
+const ForwardRef = forwardRef(EyeIcon);
 export {
-  EyeIcon
+  ForwardRef as EyeIcon
 };

package/lib/icons/EyeOffIcon.d.ts

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

package/lib/icons/EyeOffIcon.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 EyeOffIcon = react.forwardRef(
-  ({
-    color: defaultColor,
-    size,
+const EyeOffIcon = ({
+  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: "M11.83 9 15 12.16V12a3 3 0 0 0-3-3zm-4.3.8 1.55 1.55c-.05.21-.08.42-.08.65a3 3 0 0 0 3 3c.22 0 .44-.03.65-.08l1.55 1.55c-.67.33-1.41.53-2.2.53a5 5 0 0 1-5-5c0-.79.2-1.53.53-2.2M2 4.27l2.28 2.28.45.45C3.08 8.3 1.78 10 1 12c1.73 4.39 6 7.5 11 7.5 1.55 0 3.03-.3 4.38-.84l.43.42L19.73 22 21 20.73 3.27 3M12 7a5 5 0 0 1 5 5c0 .64-.13 1.26-.36 1.82l2.93 2.93c1.5-1.25 2.7-2.89 3.43-4.75-1.73-4.39-6-7.5-11-7.5-1.4 0-2.74.25-4 .7l2.17 2.15C10.74 7.13 11.35 7 12 7" })
-      }
-    );
-  }
-);
-exports.EyeOffIcon = EyeOffIcon;
+  };
+  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: "M11.83 9 15 12.16V12a3 3 0 0 0-3-3zm-4.3.8 1.55 1.55c-.05.21-.08.42-.08.65a3 3 0 0 0 3 3c.22 0 .44-.03.65-.08l1.55 1.55c-.67.33-1.41.53-2.2.53a5 5 0 0 1-5-5c0-.79.2-1.53.53-2.2M2 4.27l2.28 2.28.45.45C3.08 8.3 1.78 10 1 12c1.73 4.39 6 7.5 11 7.5 1.55 0 3.03-.3 4.38-.84l.43.42L19.73 22 21 20.73 3.27 3M12 7a5 5 0 0 1 5 5c0 .64-.13 1.26-.36 1.82l2.93 2.93c1.5-1.25 2.7-2.89 3.43-4.75-1.73-4.39-6-7.5-11-7.5-1.4 0-2.74.25-4 .7l2.17 2.15C10.74 7.13 11.35 7 12 7" }) });
+};
+const ForwardRef = react.forwardRef(EyeOffIcon);
+exports.EyeOffIcon = ForwardRef;

package/lib/icons/EyeOffIcon.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 EyeOffIcon = forwardRef(
-  ({
-    color: defaultColor,
-    size,
+const EyeOffIcon = ({
+  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: "M11.83 9 15 12.16V12a3 3 0 0 0-3-3zm-4.3.8 1.55 1.55c-.05.21-.08.42-.08.65a3 3 0 0 0 3 3c.22 0 .44-.03.65-.08l1.55 1.55c-.67.33-1.41.53-2.2.53a5 5 0 0 1-5-5c0-.79.2-1.53.53-2.2M2 4.27l2.28 2.28.45.45C3.08 8.3 1.78 10 1 12c1.73 4.39 6 7.5 11 7.5 1.55 0 3.03-.3 4.38-.84l.43.42L19.73 22 21 20.73 3.27 3M12 7a5 5 0 0 1 5 5c0 .64-.13 1.26-.36 1.82l2.93 2.93c1.5-1.25 2.7-2.89 3.43-4.75-1.73-4.39-6-7.5-11-7.5-1.4 0-2.74.25-4 .7l2.17 2.15C10.74 7.13 11.35 7 12 7" })
-      }
-    );
-  }
-);
+  };
+  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: "M11.83 9 15 12.16V12a3 3 0 0 0-3-3zm-4.3.8 1.55 1.55c-.05.21-.08.42-.08.65a3 3 0 0 0 3 3c.22 0 .44-.03.65-.08l1.55 1.55c-.67.33-1.41.53-2.2.53a5 5 0 0 1-5-5c0-.79.2-1.53.53-2.2M2 4.27l2.28 2.28.45.45C3.08 8.3 1.78 10 1 12c1.73 4.39 6 7.5 11 7.5 1.55 0 3.03-.3 4.38-.84l.43.42L19.73 22 21 20.73 3.27 3M12 7a5 5 0 0 1 5 5c0 .64-.13 1.26-.36 1.82l2.93 2.93c1.5-1.25 2.7-2.89 3.43-4.75-1.73-4.39-6-7.5-11-7.5-1.4 0-2.74.25-4 .7l2.17 2.15C10.74 7.13 11.35 7 12 7" }) });
+};
+const ForwardRef = forwardRef(EyeOffIcon);
 export {
-  EyeOffIcon
+  ForwardRef as EyeOffIcon
 };

package/lib/icons/FileIcon.d.ts

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

package/lib/icons/FileIcon.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 FileIcon = react.forwardRef(
-  ({
-    color: defaultColor,
-    size,
+const FileIcon = ({
+  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.994-.002c.587 0 1.15.23 1.567.635l3.003 2.886c.435.423.68 1.005.68 1.612v16.617a2.25 2.25 0 0 1-2.25 2.25h-18a2.25 2.25 0 0 1-2.25-2.25v-19.5a2.25 2.25 0 0 1 2.25-2.25zm0 1.5h-15a.75.75 0 0 0-.75.75v19.5c0 .414.336.75.75.75h18a.75.75 0 0 0 .75-.75V5.131a.75.75 0 0 0-.223-.533L18.517 1.71a.75.75 0 0 0-.523-.213" })
-      }
-    );
-  }
-);
-exports.FileIcon = FileIcon;
+  };
+  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.994-.002c.587 0 1.15.23 1.567.635l3.003 2.886c.435.423.68 1.005.68 1.612v16.617a2.25 2.25 0 0 1-2.25 2.25h-18a2.25 2.25 0 0 1-2.25-2.25v-19.5a2.25 2.25 0 0 1 2.25-2.25zm0 1.5h-15a.75.75 0 0 0-.75.75v19.5c0 .414.336.75.75.75h18a.75.75 0 0 0 .75-.75V5.131a.75.75 0 0 0-.223-.533L18.517 1.71a.75.75 0 0 0-.523-.213" }) });
+};
+const ForwardRef = react.forwardRef(FileIcon);
+exports.FileIcon = ForwardRef;

package/lib/icons/FileIcon.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 FileIcon = forwardRef(
-  ({
-    color: defaultColor,
-    size,
+const FileIcon = ({
+  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.994-.002c.587 0 1.15.23 1.567.635l3.003 2.886c.435.423.68 1.005.68 1.612v16.617a2.25 2.25 0 0 1-2.25 2.25h-18a2.25 2.25 0 0 1-2.25-2.25v-19.5a2.25 2.25 0 0 1 2.25-2.25zm0 1.5h-15a.75.75 0 0 0-.75.75v19.5c0 .414.336.75.75.75h18a.75.75 0 0 0 .75-.75V5.131a.75.75 0 0 0-.223-.533L18.517 1.71a.75.75 0 0 0-.523-.213" })
-      }
-    );
-  }
-);
+  };
+  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.994-.002c.587 0 1.15.23 1.567.635l3.003 2.886c.435.423.68 1.005.68 1.612v16.617a2.25 2.25 0 0 1-2.25 2.25h-18a2.25 2.25 0 0 1-2.25-2.25v-19.5a2.25 2.25 0 0 1 2.25-2.25zm0 1.5h-15a.75.75 0 0 0-.75.75v19.5c0 .414.336.75.75.75h18a.75.75 0 0 0 .75-.75V5.131a.75.75 0 0 0-.223-.533L18.517 1.71a.75.75 0 0 0-.523-.213" }) });
+};
+const ForwardRef = forwardRef(FileIcon);
 export {
-  FileIcon
+  ForwardRef as FileIcon
 };

package/lib/icons/FileImageIcon.d.ts

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

package/lib/icons/FileImageIcon.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 FileImageIcon = react.forwardRef(
-  ({
-    color: defaultColor,
-    size,
+const FileImageIcon = ({
+  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.023 0c.587 0 1.15.23 1.57.64l2.956 2.882c.433.423.678 1.005.678 1.611V21.75a2.25 2.25 0 0 1-2.25 2.25H3.023a2.25 2.25 0 0 1-2.25-2.25V2.25A2.25 2.25 0 0 1 3.023 0zm0 1.5h-15a.75.75 0 0 0-.75.75v19.5c0 .414.336.75.75.75h17.954a.75.75 0 0 0 .75-.75V5.133a.75.75 0 0 0-.226-.537l-2.955-2.883a.75.75 0 0 0-.523-.213m-4.952 9.905a1.76 1.76 0 0 1 2.441.491l3.925 5.888a.75.75 0 1 1-1.248.832l-3.926-5.889a.26.26 0 0 0-.432-.004l-2.69 3.845a.75.75 0 0 1-1.084.155l-1.668-1.337a.264.264 0 0 0-.373.048l-2.119 3.182a.75.75 0 0 1-1.248-.832l2.115-3.177.087-.119a1.76 1.76 0 0 1 2.476-.273l1.044.837 2.23-3.186c.125-.181.285-.337.47-.46M8.273 4.5a3 3 0 1 1 0 6 3 3 0 0 1 0-6m0 1.5a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3" })
-      }
-    );
-  }
-);
-exports.FileImageIcon = FileImageIcon;
+  };
+  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.023 0c.587 0 1.15.23 1.57.64l2.956 2.882c.433.423.678 1.005.678 1.611V21.75a2.25 2.25 0 0 1-2.25 2.25H3.023a2.25 2.25 0 0 1-2.25-2.25V2.25A2.25 2.25 0 0 1 3.023 0zm0 1.5h-15a.75.75 0 0 0-.75.75v19.5c0 .414.336.75.75.75h17.954a.75.75 0 0 0 .75-.75V5.133a.75.75 0 0 0-.226-.537l-2.955-2.883a.75.75 0 0 0-.523-.213m-4.952 9.905a1.76 1.76 0 0 1 2.441.491l3.925 5.888a.75.75 0 1 1-1.248.832l-3.926-5.889a.26.26 0 0 0-.432-.004l-2.69 3.845a.75.75 0 0 1-1.084.155l-1.668-1.337a.264.264 0 0 0-.373.048l-2.119 3.182a.75.75 0 0 1-1.248-.832l2.115-3.177.087-.119a1.76 1.76 0 0 1 2.476-.273l1.044.837 2.23-3.186c.125-.181.285-.337.47-.46M8.273 4.5a3 3 0 1 1 0 6 3 3 0 0 1 0-6m0 1.5a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3" }) });
+};
+const ForwardRef = react.forwardRef(FileImageIcon);
+exports.FileImageIcon = ForwardRef;

package/lib/icons/FileImageIcon.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 FileImageIcon = forwardRef(
-  ({
-    color: defaultColor,
-    size,
+const FileImageIcon = ({
+  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.023 0c.587 0 1.15.23 1.57.64l2.956 2.882c.433.423.678 1.005.678 1.611V21.75a2.25 2.25 0 0 1-2.25 2.25H3.023a2.25 2.25 0 0 1-2.25-2.25V2.25A2.25 2.25 0 0 1 3.023 0zm0 1.5h-15a.75.75 0 0 0-.75.75v19.5c0 .414.336.75.75.75h17.954a.75.75 0 0 0 .75-.75V5.133a.75.75 0 0 0-.226-.537l-2.955-2.883a.75.75 0 0 0-.523-.213m-4.952 9.905a1.76 1.76 0 0 1 2.441.491l3.925 5.888a.75.75 0 1 1-1.248.832l-3.926-5.889a.26.26 0 0 0-.432-.004l-2.69 3.845a.75.75 0 0 1-1.084.155l-1.668-1.337a.264.264 0 0 0-.373.048l-2.119 3.182a.75.75 0 0 1-1.248-.832l2.115-3.177.087-.119a1.76 1.76 0 0 1 2.476-.273l1.044.837 2.23-3.186c.125-.181.285-.337.47-.46M8.273 4.5a3 3 0 1 1 0 6 3 3 0 0 1 0-6m0 1.5a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3" })
-      }
-    );
-  }
-);
+  };
+  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.023 0c.587 0 1.15.23 1.57.64l2.956 2.882c.433.423.678 1.005.678 1.611V21.75a2.25 2.25 0 0 1-2.25 2.25H3.023a2.25 2.25 0 0 1-2.25-2.25V2.25A2.25 2.25 0 0 1 3.023 0zm0 1.5h-15a.75.75 0 0 0-.75.75v19.5c0 .414.336.75.75.75h17.954a.75.75 0 0 0 .75-.75V5.133a.75.75 0 0 0-.226-.537l-2.955-2.883a.75.75 0 0 0-.523-.213m-4.952 9.905a1.76 1.76 0 0 1 2.441.491l3.925 5.888a.75.75 0 1 1-1.248.832l-3.926-5.889a.26.26 0 0 0-.432-.004l-2.69 3.845a.75.75 0 0 1-1.084.155l-1.668-1.337a.264.264 0 0 0-.373.048l-2.119 3.182a.75.75 0 0 1-1.248-.832l2.115-3.177.087-.119a1.76 1.76 0 0 1 2.476-.273l1.044.837 2.23-3.186c.125-.181.285-.337.47-.46M8.273 4.5a3 3 0 1 1 0 6 3 3 0 0 1 0-6m0 1.5a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3" }) });
+};
+const ForwardRef = forwardRef(FileImageIcon);
 export {
-  FileImageIcon
+  ForwardRef as FileImageIcon
 };

package/lib/icons/FileImageLinkIcon.d.ts

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

package/lib/icons/FileImageLinkIcon.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 FileImageLinkIcon = react.forwardRef(
-  ({
-    color: defaultColor,
-    size,
+const FileImageLinkIcon = ({
+  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 0c.52 0 1.03.18 1.42.5l.15.14 3 2.88c.4.38.63.9.67 1.43l.01.18V10a.75.75 0 0 1-1.5.1V5.13a.75.75 0 0 0-.15-.44l-.07-.09-3-2.89a.75.75 0 0 0-.41-.2L18 1.5H3c-.38 0-.7.28-.74.65l-.01.1v19.5c0 .38.28.7.65.74l.1.01h7a.75.75 0 0 1 .1 1.5H3c-1.2 0-2.17-.93-2.24-2.1l-.01-.15V2.25c0-1.2.93-2.17 2.1-2.24L3 0zm-2.2 17.42h.22a.64.64 0 1 1-.08 1.27c-.36-.02-.72.1-1 .33l-.12.1-1.07 1.06a1.49 1.49 0 0 0 2 2.22l.11-.11 1.06-1.06c.3-.3.46-.71.43-1.13a.64.64 0 1 1 1.27-.07c.04.7-.2 1.4-.65 1.94l-.15.16-1.06 1.06a2.76 2.76 0 0 1-4.04-3.76l.13-.15 1.07-1.06c.5-.5 1.18-.79 1.89-.8zm5.3-2.47c.22.22.24.56.07.81l-.07.09-5.31 5.3a.64.64 0 0 1-.98-.8l.08-.1 5.3-5.3a.64.64 0 0 1 .9 0zm-5.6-3.05.83 1.24a.75.75 0 1 1-1.25.83l-.83-1.24a.26.26 0 0 0-.36-.08l-.04.04-.03.03-2.69 3.85a.75.75 0 0 1-1 .21l-.08-.06-1.67-1.33a.26.26 0 0 0-.37.04L5.9 18.62a.75.75 0 0 1-1.3-.74l.05-.1 2.11-3.17.1-.12c.57-.72 1.59-.87 2.34-.37l.13.1 1.04.83 2.23-3.18c.1-.14.2-.26.34-.37l.13-.1c.81-.53 1.9-.31 2.44.5zm6.38.3a2.76 2.76 0 0 1 1.37 4.48l-.13.14-1.07 1.07c-.55.55-1.31.84-2.1.8a.64.64 0 0 1 .08-1.28c.36.02.72-.1 1-.32l.12-.1 1.07-1.07a1.49 1.49 0 0 0-2-2.2l-.1.1-1.07 1.06c-.3.3-.45.7-.43 1.13a.64.64 0 0 1-1.27.07c-.04-.71.2-1.4.65-1.94l.15-.16 1.06-1.06c.7-.7 1.72-.98 2.67-.72M8.27 4.5a3 3 0 1 1 0 6 3 3 0 0 1 0-6m0 1.5a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3" })
-      }
-    );
-  }
-);
-exports.FileImageLinkIcon = FileImageLinkIcon;
+  };
+  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 0c.52 0 1.03.18 1.42.5l.15.14 3 2.88c.4.38.63.9.67 1.43l.01.18V10a.75.75 0 0 1-1.5.1V5.13a.75.75 0 0 0-.15-.44l-.07-.09-3-2.89a.75.75 0 0 0-.41-.2L18 1.5H3c-.38 0-.7.28-.74.65l-.01.1v19.5c0 .38.28.7.65.74l.1.01h7a.75.75 0 0 1 .1 1.5H3c-1.2 0-2.17-.93-2.24-2.1l-.01-.15V2.25c0-1.2.93-2.17 2.1-2.24L3 0zm-2.2 17.42h.22a.64.64 0 1 1-.08 1.27c-.36-.02-.72.1-1 .33l-.12.1-1.07 1.06a1.49 1.49 0 0 0 2 2.22l.11-.11 1.06-1.06c.3-.3.46-.71.43-1.13a.64.64 0 1 1 1.27-.07c.04.7-.2 1.4-.65 1.94l-.15.16-1.06 1.06a2.76 2.76 0 0 1-4.04-3.76l.13-.15 1.07-1.06c.5-.5 1.18-.79 1.89-.8zm5.3-2.47c.22.22.24.56.07.81l-.07.09-5.31 5.3a.64.64 0 0 1-.98-.8l.08-.1 5.3-5.3a.64.64 0 0 1 .9 0zm-5.6-3.05.83 1.24a.75.75 0 1 1-1.25.83l-.83-1.24a.26.26 0 0 0-.36-.08l-.04.04-.03.03-2.69 3.85a.75.75 0 0 1-1 .21l-.08-.06-1.67-1.33a.26.26 0 0 0-.37.04L5.9 18.62a.75.75 0 0 1-1.3-.74l.05-.1 2.11-3.17.1-.12c.57-.72 1.59-.87 2.34-.37l.13.1 1.04.83 2.23-3.18c.1-.14.2-.26.34-.37l.13-.1c.81-.53 1.9-.31 2.44.5zm6.38.3a2.76 2.76 0 0 1 1.37 4.48l-.13.14-1.07 1.07c-.55.55-1.31.84-2.1.8a.64.64 0 0 1 .08-1.28c.36.02.72-.1 1-.32l.12-.1 1.07-1.07a1.49 1.49 0 0 0-2-2.2l-.1.1-1.07 1.06c-.3.3-.45.7-.43 1.13a.64.64 0 0 1-1.27.07c-.04-.71.2-1.4.65-1.94l.15-.16 1.06-1.06c.7-.7 1.72-.98 2.67-.72M8.27 4.5a3 3 0 1 1 0 6 3 3 0 0 1 0-6m0 1.5a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3" }) });
+};
+const ForwardRef = react.forwardRef(FileImageLinkIcon);
+exports.FileImageLinkIcon = ForwardRef;

package/lib/icons/FileImageLinkIcon.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 FileImageLinkIcon = forwardRef(
-  ({
-    color: defaultColor,
-    size,
+const FileImageLinkIcon = ({
+  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 0c.52 0 1.03.18 1.42.5l.15.14 3 2.88c.4.38.63.9.67 1.43l.01.18V10a.75.75 0 0 1-1.5.1V5.13a.75.75 0 0 0-.15-.44l-.07-.09-3-2.89a.75.75 0 0 0-.41-.2L18 1.5H3c-.38 0-.7.28-.74.65l-.01.1v19.5c0 .38.28.7.65.74l.1.01h7a.75.75 0 0 1 .1 1.5H3c-1.2 0-2.17-.93-2.24-2.1l-.01-.15V2.25c0-1.2.93-2.17 2.1-2.24L3 0zm-2.2 17.42h.22a.64.64 0 1 1-.08 1.27c-.36-.02-.72.1-1 .33l-.12.1-1.07 1.06a1.49 1.49 0 0 0 2 2.22l.11-.11 1.06-1.06c.3-.3.46-.71.43-1.13a.64.64 0 1 1 1.27-.07c.04.7-.2 1.4-.65 1.94l-.15.16-1.06 1.06a2.76 2.76 0 0 1-4.04-3.76l.13-.15 1.07-1.06c.5-.5 1.18-.79 1.89-.8zm5.3-2.47c.22.22.24.56.07.81l-.07.09-5.31 5.3a.64.64 0 0 1-.98-.8l.08-.1 5.3-5.3a.64.64 0 0 1 .9 0zm-5.6-3.05.83 1.24a.75.75 0 1 1-1.25.83l-.83-1.24a.26.26 0 0 0-.36-.08l-.04.04-.03.03-2.69 3.85a.75.75 0 0 1-1 .21l-.08-.06-1.67-1.33a.26.26 0 0 0-.37.04L5.9 18.62a.75.75 0 0 1-1.3-.74l.05-.1 2.11-3.17.1-.12c.57-.72 1.59-.87 2.34-.37l.13.1 1.04.83 2.23-3.18c.1-.14.2-.26.34-.37l.13-.1c.81-.53 1.9-.31 2.44.5zm6.38.3a2.76 2.76 0 0 1 1.37 4.48l-.13.14-1.07 1.07c-.55.55-1.31.84-2.1.8a.64.64 0 0 1 .08-1.28c.36.02.72-.1 1-.32l.12-.1 1.07-1.07a1.49 1.49 0 0 0-2-2.2l-.1.1-1.07 1.06c-.3.3-.45.7-.43 1.13a.64.64 0 0 1-1.27.07c-.04-.71.2-1.4.65-1.94l.15-.16 1.06-1.06c.7-.7 1.72-.98 2.67-.72M8.27 4.5a3 3 0 1 1 0 6 3 3 0 0 1 0-6m0 1.5a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3" })
-      }
-    );
-  }
-);
+  };
+  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 0c.52 0 1.03.18 1.42.5l.15.14 3 2.88c.4.38.63.9.67 1.43l.01.18V10a.75.75 0 0 1-1.5.1V5.13a.75.75 0 0 0-.15-.44l-.07-.09-3-2.89a.75.75 0 0 0-.41-.2L18 1.5H3c-.38 0-.7.28-.74.65l-.01.1v19.5c0 .38.28.7.65.74l.1.01h7a.75.75 0 0 1 .1 1.5H3c-1.2 0-2.17-.93-2.24-2.1l-.01-.15V2.25c0-1.2.93-2.17 2.1-2.24L3 0zm-2.2 17.42h.22a.64.64 0 1 1-.08 1.27c-.36-.02-.72.1-1 .33l-.12.1-1.07 1.06a1.49 1.49 0 0 0 2 2.22l.11-.11 1.06-1.06c.3-.3.46-.71.43-1.13a.64.64 0 1 1 1.27-.07c.04.7-.2 1.4-.65 1.94l-.15.16-1.06 1.06a2.76 2.76 0 0 1-4.04-3.76l.13-.15 1.07-1.06c.5-.5 1.18-.79 1.89-.8zm5.3-2.47c.22.22.24.56.07.81l-.07.09-5.31 5.3a.64.64 0 0 1-.98-.8l.08-.1 5.3-5.3a.64.64 0 0 1 .9 0zm-5.6-3.05.83 1.24a.75.75 0 1 1-1.25.83l-.83-1.24a.26.26 0 0 0-.36-.08l-.04.04-.03.03-2.69 3.85a.75.75 0 0 1-1 .21l-.08-.06-1.67-1.33a.26.26 0 0 0-.37.04L5.9 18.62a.75.75 0 0 1-1.3-.74l.05-.1 2.11-3.17.1-.12c.57-.72 1.59-.87 2.34-.37l.13.1 1.04.83 2.23-3.18c.1-.14.2-.26.34-.37l.13-.1c.81-.53 1.9-.31 2.44.5zm6.38.3a2.76 2.76 0 0 1 1.37 4.48l-.13.14-1.07 1.07c-.55.55-1.31.84-2.1.8a.64.64 0 0 1 .08-1.28c.36.02.72-.1 1-.32l.12-.1 1.07-1.07a1.49 1.49 0 0 0-2-2.2l-.1.1-1.07 1.06c-.3.3-.45.7-.43 1.13a.64.64 0 0 1-1.27.07c-.04-.71.2-1.4.65-1.94l.15-.16 1.06-1.06c.7-.7 1.72-.98 2.67-.72M8.27 4.5a3 3 0 1 1 0 6 3 3 0 0 1 0-6m0 1.5a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3" }) });
+};
+const ForwardRef = forwardRef(FileImageLinkIcon);
 export {
-  FileImageLinkIcon
+  ForwardRef as FileImageLinkIcon
 };

package/lib/icons/FileLinkIcon.d.ts

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