@imtf/icons 0.6.5 → 0.7.0

package/lib/icons/DocumentIcon.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 DocumentIcon = react.forwardRef(
-  ({
-    color: defaultColor,
-    size,
+const DocumentIcon = ({
+  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: "M15.408 0a2.47 2.47 0 0 1 1.669.636l3.944 3.616c.46.41.724.997.729 1.619v15.913c-.056 1.224-1.051 2.185-2.231 2.217H4.509A2.33 2.33 0 0 1 2.25 21.75V2.216A2.323 2.323 0 0 1 4.493 0zm.005 1.5-10.911.001c-.406.034-.734.363-.752.749v19.466c.02.452.403.803.886.784h14.76c.451.02.834-.332.854-.75V5.877a.7.7 0 0 0-.236-.513L16.07 1.748a.97.97 0 0 0-.656-.248M17.25 15a.75.75 0 1 1 0 1.5H6.75a.75.75 0 1 1 0-1.5zm0-5a.75.75 0 1 1 0 1.5H6.75a.75.75 0 1 1 0-1.5zm-6-5a.75.75 0 1 1 0 1.5h-4.5a.75.75 0 0 1 0-1.5z" })
-      }
-    );
-  }
-);
-exports.DocumentIcon = DocumentIcon;
+  };
+  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: "M15.408 0a2.47 2.47 0 0 1 1.669.636l3.944 3.616c.46.41.724.997.729 1.619v15.913c-.056 1.224-1.051 2.185-2.231 2.217H4.509A2.33 2.33 0 0 1 2.25 21.75V2.216A2.323 2.323 0 0 1 4.493 0zm.005 1.5-10.911.001c-.406.034-.734.363-.752.749v19.466c.02.452.403.803.886.784h14.76c.451.02.834-.332.854-.75V5.877a.7.7 0 0 0-.236-.513L16.07 1.748a.97.97 0 0 0-.656-.248M17.25 15a.75.75 0 1 1 0 1.5H6.75a.75.75 0 1 1 0-1.5zm0-5a.75.75 0 1 1 0 1.5H6.75a.75.75 0 1 1 0-1.5zm-6-5a.75.75 0 1 1 0 1.5h-4.5a.75.75 0 0 1 0-1.5z" }) });
+};
+const ForwardRef = react.forwardRef(DocumentIcon);
+exports.DocumentIcon = ForwardRef;

package/lib/icons/DocumentIcon.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 DocumentIcon = forwardRef(
-  ({
-    color: defaultColor,
-    size,
+const DocumentIcon = ({
+  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: "M15.408 0a2.47 2.47 0 0 1 1.669.636l3.944 3.616c.46.41.724.997.729 1.619v15.913c-.056 1.224-1.051 2.185-2.231 2.217H4.509A2.33 2.33 0 0 1 2.25 21.75V2.216A2.323 2.323 0 0 1 4.493 0zm.005 1.5-10.911.001c-.406.034-.734.363-.752.749v19.466c.02.452.403.803.886.784h14.76c.451.02.834-.332.854-.75V5.877a.7.7 0 0 0-.236-.513L16.07 1.748a.97.97 0 0 0-.656-.248M17.25 15a.75.75 0 1 1 0 1.5H6.75a.75.75 0 1 1 0-1.5zm0-5a.75.75 0 1 1 0 1.5H6.75a.75.75 0 1 1 0-1.5zm-6-5a.75.75 0 1 1 0 1.5h-4.5a.75.75 0 0 1 0-1.5z" })
-      }
-    );
-  }
-);
+  };
+  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: "M15.408 0a2.47 2.47 0 0 1 1.669.636l3.944 3.616c.46.41.724.997.729 1.619v15.913c-.056 1.224-1.051 2.185-2.231 2.217H4.509A2.33 2.33 0 0 1 2.25 21.75V2.216A2.323 2.323 0 0 1 4.493 0zm.005 1.5-10.911.001c-.406.034-.734.363-.752.749v19.466c.02.452.403.803.886.784h14.76c.451.02.834-.332.854-.75V5.877a.7.7 0 0 0-.236-.513L16.07 1.748a.97.97 0 0 0-.656-.248M17.25 15a.75.75 0 1 1 0 1.5H6.75a.75.75 0 1 1 0-1.5zm0-5a.75.75 0 1 1 0 1.5H6.75a.75.75 0 1 1 0-1.5zm-6-5a.75.75 0 1 1 0 1.5h-4.5a.75.75 0 0 1 0-1.5z" }) });
+};
+const ForwardRef = forwardRef(DocumentIcon);
 export {
-  DocumentIcon
+  ForwardRef as DocumentIcon
 };

package/lib/icons/DossierIcon.d.ts

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

package/lib/icons/DossierIcon.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 DossierIcon = react.forwardRef(
-  ({
-    color: defaultColor,
-    size,
+const DossierIcon = ({
+  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: "M6.697 0a2.237 2.237 0 0 1 2.237 2.237v.737h8.171a2.237 2.237 0 0 1 2.237 2.237v.736h.737c1.181 0 2.15.917 2.231 2.078l.006.16v.865a2.24 2.24 0 0 1 1.487 2.108v10.408a2.237 2.237 0 0 1-2.237 2.237H8.184a2.237 2.237 0 0 1-2.237-2.237V11.158A2.237 2.237 0 0 1 8.184 8.92h12.631v-.737a.74.74 0 0 0-.636-.73l-.1-.007H5.21a.737.737 0 0 0-.737.737V20.08a.75.75 0 0 1-1.5 0V8.184A2.237 2.237 0 0 1 5.21 5.947h12.631v-.736a.74.74 0 0 0-.637-.73l-.1-.007h-8.92a.75.75 0 0 1-.75-.75V2.237a.737.737 0 0 0-.738-.737h-4.46a.737.737 0 0 0-.737.737v16.157a.75.75 0 1 1-1.5 0V2.237A2.237 2.237 0 0 1 2.237 0Zm14.869 10.421H8.184a.737.737 0 0 0-.737.737v10.408c0 .406.33.737.737.737h13.382c.406 0 .737-.33.737-.737V11.158a.737.737 0 0 0-.737-.737m-1.487 5.934a.75.75 0 0 1 0 1.5h-.737v2.224a.75.75 0 0 1-.648.743l-.102.007a.75.75 0 0 1-.75-.75v-2.224h-.737a.75.75 0 0 1-.743-.648l-.007-.102a.75.75 0 0 1 .75-.75Zm-5.947 2.974a.75.75 0 1 1 0 1.5h-4.46a.75.75 0 0 1 0-1.5Zm0-2.974a.75.75 0 1 1 0 1.5h-4.46a.75.75 0 0 1 0-1.5Zm5.947-2.973a.75.75 0 0 1 0 1.5H9.67a.75.75 0 1 1 0-1.5Z" })
-      }
-    );
-  }
-);
-exports.DossierIcon = DossierIcon;
+  };
+  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: "M6.697 0a2.237 2.237 0 0 1 2.237 2.237v.737h8.171a2.237 2.237 0 0 1 2.237 2.237v.736h.737c1.181 0 2.15.917 2.231 2.078l.006.16v.865a2.24 2.24 0 0 1 1.487 2.108v10.408a2.237 2.237 0 0 1-2.237 2.237H8.184a2.237 2.237 0 0 1-2.237-2.237V11.158A2.237 2.237 0 0 1 8.184 8.92h12.631v-.737a.74.74 0 0 0-.636-.73l-.1-.007H5.21a.737.737 0 0 0-.737.737V20.08a.75.75 0 0 1-1.5 0V8.184A2.237 2.237 0 0 1 5.21 5.947h12.631v-.736a.74.74 0 0 0-.637-.73l-.1-.007h-8.92a.75.75 0 0 1-.75-.75V2.237a.737.737 0 0 0-.738-.737h-4.46a.737.737 0 0 0-.737.737v16.157a.75.75 0 1 1-1.5 0V2.237A2.237 2.237 0 0 1 2.237 0Zm14.869 10.421H8.184a.737.737 0 0 0-.737.737v10.408c0 .406.33.737.737.737h13.382c.406 0 .737-.33.737-.737V11.158a.737.737 0 0 0-.737-.737m-1.487 5.934a.75.75 0 0 1 0 1.5h-.737v2.224a.75.75 0 0 1-.648.743l-.102.007a.75.75 0 0 1-.75-.75v-2.224h-.737a.75.75 0 0 1-.743-.648l-.007-.102a.75.75 0 0 1 .75-.75Zm-5.947 2.974a.75.75 0 1 1 0 1.5h-4.46a.75.75 0 0 1 0-1.5Zm0-2.974a.75.75 0 1 1 0 1.5h-4.46a.75.75 0 0 1 0-1.5Zm5.947-2.973a.75.75 0 0 1 0 1.5H9.67a.75.75 0 1 1 0-1.5Z" }) });
+};
+const ForwardRef = react.forwardRef(DossierIcon);
+exports.DossierIcon = ForwardRef;

package/lib/icons/DossierIcon.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 DossierIcon = forwardRef(
-  ({
-    color: defaultColor,
-    size,
+const DossierIcon = ({
+  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: "M6.697 0a2.237 2.237 0 0 1 2.237 2.237v.737h8.171a2.237 2.237 0 0 1 2.237 2.237v.736h.737c1.181 0 2.15.917 2.231 2.078l.006.16v.865a2.24 2.24 0 0 1 1.487 2.108v10.408a2.237 2.237 0 0 1-2.237 2.237H8.184a2.237 2.237 0 0 1-2.237-2.237V11.158A2.237 2.237 0 0 1 8.184 8.92h12.631v-.737a.74.74 0 0 0-.636-.73l-.1-.007H5.21a.737.737 0 0 0-.737.737V20.08a.75.75 0 0 1-1.5 0V8.184A2.237 2.237 0 0 1 5.21 5.947h12.631v-.736a.74.74 0 0 0-.637-.73l-.1-.007h-8.92a.75.75 0 0 1-.75-.75V2.237a.737.737 0 0 0-.738-.737h-4.46a.737.737 0 0 0-.737.737v16.157a.75.75 0 1 1-1.5 0V2.237A2.237 2.237 0 0 1 2.237 0Zm14.869 10.421H8.184a.737.737 0 0 0-.737.737v10.408c0 .406.33.737.737.737h13.382c.406 0 .737-.33.737-.737V11.158a.737.737 0 0 0-.737-.737m-1.487 5.934a.75.75 0 0 1 0 1.5h-.737v2.224a.75.75 0 0 1-.648.743l-.102.007a.75.75 0 0 1-.75-.75v-2.224h-.737a.75.75 0 0 1-.743-.648l-.007-.102a.75.75 0 0 1 .75-.75Zm-5.947 2.974a.75.75 0 1 1 0 1.5h-4.46a.75.75 0 0 1 0-1.5Zm0-2.974a.75.75 0 1 1 0 1.5h-4.46a.75.75 0 0 1 0-1.5Zm5.947-2.973a.75.75 0 0 1 0 1.5H9.67a.75.75 0 1 1 0-1.5Z" })
-      }
-    );
-  }
-);
+  };
+  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: "M6.697 0a2.237 2.237 0 0 1 2.237 2.237v.737h8.171a2.237 2.237 0 0 1 2.237 2.237v.736h.737c1.181 0 2.15.917 2.231 2.078l.006.16v.865a2.24 2.24 0 0 1 1.487 2.108v10.408a2.237 2.237 0 0 1-2.237 2.237H8.184a2.237 2.237 0 0 1-2.237-2.237V11.158A2.237 2.237 0 0 1 8.184 8.92h12.631v-.737a.74.74 0 0 0-.636-.73l-.1-.007H5.21a.737.737 0 0 0-.737.737V20.08a.75.75 0 0 1-1.5 0V8.184A2.237 2.237 0 0 1 5.21 5.947h12.631v-.736a.74.74 0 0 0-.637-.73l-.1-.007h-8.92a.75.75 0 0 1-.75-.75V2.237a.737.737 0 0 0-.738-.737h-4.46a.737.737 0 0 0-.737.737v16.157a.75.75 0 1 1-1.5 0V2.237A2.237 2.237 0 0 1 2.237 0Zm14.869 10.421H8.184a.737.737 0 0 0-.737.737v10.408c0 .406.33.737.737.737h13.382c.406 0 .737-.33.737-.737V11.158a.737.737 0 0 0-.737-.737m-1.487 5.934a.75.75 0 0 1 0 1.5h-.737v2.224a.75.75 0 0 1-.648.743l-.102.007a.75.75 0 0 1-.75-.75v-2.224h-.737a.75.75 0 0 1-.743-.648l-.007-.102a.75.75 0 0 1 .75-.75Zm-5.947 2.974a.75.75 0 1 1 0 1.5h-4.46a.75.75 0 0 1 0-1.5Zm0-2.974a.75.75 0 1 1 0 1.5h-4.46a.75.75 0 0 1 0-1.5Zm5.947-2.973a.75.75 0 0 1 0 1.5H9.67a.75.75 0 1 1 0-1.5Z" }) });
+};
+const ForwardRef = forwardRef(DossierIcon);
 export {
-  DossierIcon
+  ForwardRef as DossierIcon
 };

package/lib/icons/DownloadIcon.d.ts

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

package/lib/icons/DownloadIcon.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 DownloadIcon = react.forwardRef(
-  ({
-    color: defaultColor,
-    size,
+const DownloadIcon = ({
+  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: "M23.251 15a.75.75 0 0 1 .75.75v1.5a3.75 3.75 0 0 1-3.75 3.75h-16.5a3.75 3.75 0 0 1-3.75-3.75v-1.5a.75.75 0 1 1 1.5 0v1.5a2.25 2.25 0 0 0 2.25 2.25h16.5a2.25 2.25 0 0 0 2.25-2.25v-1.5a.75.75 0 0 1 .75-.75M12.001 3a.75.75 0 0 1 .75.75v10.189l3.22-3.22a.75.75 0 0 1 .976-.072l.084.073a.75.75 0 0 1 0 1.06l-4.5 4.5a.75.75 0 0 1-.53.22l.073-.004-.044.003-.029.001a.76.76 0 0 1-.42-.129 1 1 0 0 1-.11-.09l.078.068a1 1 0 0 1-.078-.069l-4.5-4.5a.75.75 0 0 1 1.06-1.06l3.22 3.219V3.75a.75.75 0 0 1 .648-.743Z" })
-      }
-    );
-  }
-);
-exports.DownloadIcon = DownloadIcon;
+  };
+  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: "M23.251 15a.75.75 0 0 1 .75.75v1.5a3.75 3.75 0 0 1-3.75 3.75h-16.5a3.75 3.75 0 0 1-3.75-3.75v-1.5a.75.75 0 1 1 1.5 0v1.5a2.25 2.25 0 0 0 2.25 2.25h16.5a2.25 2.25 0 0 0 2.25-2.25v-1.5a.75.75 0 0 1 .75-.75M12.001 3a.75.75 0 0 1 .75.75v10.189l3.22-3.22a.75.75 0 0 1 .976-.072l.084.073a.75.75 0 0 1 0 1.06l-4.5 4.5a.75.75 0 0 1-.53.22l.073-.004-.044.003-.029.001a.76.76 0 0 1-.42-.129 1 1 0 0 1-.11-.09l.078.068a1 1 0 0 1-.078-.069l-4.5-4.5a.75.75 0 0 1 1.06-1.06l3.22 3.219V3.75a.75.75 0 0 1 .648-.743Z" }) });
+};
+const ForwardRef = react.forwardRef(DownloadIcon);
+exports.DownloadIcon = ForwardRef;

package/lib/icons/DownloadIcon.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 DownloadIcon = forwardRef(
-  ({
-    color: defaultColor,
-    size,
+const DownloadIcon = ({
+  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: "M23.251 15a.75.75 0 0 1 .75.75v1.5a3.75 3.75 0 0 1-3.75 3.75h-16.5a3.75 3.75 0 0 1-3.75-3.75v-1.5a.75.75 0 1 1 1.5 0v1.5a2.25 2.25 0 0 0 2.25 2.25h16.5a2.25 2.25 0 0 0 2.25-2.25v-1.5a.75.75 0 0 1 .75-.75M12.001 3a.75.75 0 0 1 .75.75v10.189l3.22-3.22a.75.75 0 0 1 .976-.072l.084.073a.75.75 0 0 1 0 1.06l-4.5 4.5a.75.75 0 0 1-.53.22l.073-.004-.044.003-.029.001a.76.76 0 0 1-.42-.129 1 1 0 0 1-.11-.09l.078.068a1 1 0 0 1-.078-.069l-4.5-4.5a.75.75 0 0 1 1.06-1.06l3.22 3.219V3.75a.75.75 0 0 1 .648-.743Z" })
-      }
-    );
-  }
-);
+  };
+  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: "M23.251 15a.75.75 0 0 1 .75.75v1.5a3.75 3.75 0 0 1-3.75 3.75h-16.5a3.75 3.75 0 0 1-3.75-3.75v-1.5a.75.75 0 1 1 1.5 0v1.5a2.25 2.25 0 0 0 2.25 2.25h16.5a2.25 2.25 0 0 0 2.25-2.25v-1.5a.75.75 0 0 1 .75-.75M12.001 3a.75.75 0 0 1 .75.75v10.189l3.22-3.22a.75.75 0 0 1 .976-.072l.084.073a.75.75 0 0 1 0 1.06l-4.5 4.5a.75.75 0 0 1-.53.22l.073-.004-.044.003-.029.001a.76.76 0 0 1-.42-.129 1 1 0 0 1-.11-.09l.078.068a1 1 0 0 1-.078-.069l-4.5-4.5a.75.75 0 0 1 1.06-1.06l3.22 3.219V3.75a.75.75 0 0 1 .648-.743Z" }) });
+};
+const ForwardRef = forwardRef(DownloadIcon);
 export {
-  DownloadIcon
+  ForwardRef as DownloadIcon
 };

package/lib/icons/DragHandleIcon.d.ts

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

package/lib/icons/DragHandleIcon.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 DragHandleIcon = react.forwardRef(
-  ({
-    color: defaultColor,
-    size,
+const DragHandleIcon = ({
+  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 9H4v2h16zM4 15h16v-2H4z" })
-      }
-    );
-  }
-);
-exports.DragHandleIcon = DragHandleIcon;
+  };
+  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 9H4v2h16zM4 15h16v-2H4z" }) });
+};
+const ForwardRef = react.forwardRef(DragHandleIcon);
+exports.DragHandleIcon = ForwardRef;

package/lib/icons/DragHandleIcon.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 DragHandleIcon = forwardRef(
-  ({
-    color: defaultColor,
-    size,
+const DragHandleIcon = ({
+  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 9H4v2h16zM4 15h16v-2H4z" })
-      }
-    );
-  }
-);
+  };
+  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 9H4v2h16zM4 15h16v-2H4z" }) });
+};
+const ForwardRef = forwardRef(DragHandleIcon);
 export {
-  DragHandleIcon
+  ForwardRef as DragHandleIcon
 };

package/lib/icons/EditIcon.d.ts

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

package/lib/icons/EditIcon.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 EditIcon = react.forwardRef(
-  ({
-    color: defaultColor,
-    size,
+const EditIcon = ({
+  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: "m1.99 15.815 14.5-14.5.191-.184a4.39 4.39 0 0 1 6.04.149l.19.203a4.385 4.385 0 0 1-.226 6.026l-14.5 14.5a.75.75 0 0 1-.344.196L.936 23.976a.75.75 0 0 1-.913-.912l1.77-6.905.013-.042.014-.04-.027.082a.75.75 0 0 1 .197-.345l-.066.076a1 1 0 0 1 .066-.075m.93 1.987-1.129 4.407 4.41-1.132zM16.605 3.32 3.581 16.344l4.078 4.069 13.02-13.02zm1.064-1.06 4.068 4.07.025-.025a2.885 2.885 0 0 0-.076-3.939l-.164-.154a2.89 2.89 0 0 0-3.853.048" })
-      }
-    );
-  }
-);
-exports.EditIcon = EditIcon;
+  };
+  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: "m1.99 15.815 14.5-14.5.191-.184a4.39 4.39 0 0 1 6.04.149l.19.203a4.385 4.385 0 0 1-.226 6.026l-14.5 14.5a.75.75 0 0 1-.344.196L.936 23.976a.75.75 0 0 1-.913-.912l1.77-6.905.013-.042.014-.04-.027.082a.75.75 0 0 1 .197-.345l-.066.076a1 1 0 0 1 .066-.075m.93 1.987-1.129 4.407 4.41-1.132zM16.605 3.32 3.581 16.344l4.078 4.069 13.02-13.02zm1.064-1.06 4.068 4.07.025-.025a2.885 2.885 0 0 0-.076-3.939l-.164-.154a2.89 2.89 0 0 0-3.853.048" }) });
+};
+const ForwardRef = react.forwardRef(EditIcon);
+exports.EditIcon = ForwardRef;

package/lib/icons/EditIcon.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 EditIcon = forwardRef(
-  ({
-    color: defaultColor,
-    size,
+const EditIcon = ({
+  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: "m1.99 15.815 14.5-14.5.191-.184a4.39 4.39 0 0 1 6.04.149l.19.203a4.385 4.385 0 0 1-.226 6.026l-14.5 14.5a.75.75 0 0 1-.344.196L.936 23.976a.75.75 0 0 1-.913-.912l1.77-6.905.013-.042.014-.04-.027.082a.75.75 0 0 1 .197-.345l-.066.076a1 1 0 0 1 .066-.075m.93 1.987-1.129 4.407 4.41-1.132zM16.605 3.32 3.581 16.344l4.078 4.069 13.02-13.02zm1.064-1.06 4.068 4.07.025-.025a2.885 2.885 0 0 0-.076-3.939l-.164-.154a2.89 2.89 0 0 0-3.853.048" })
-      }
-    );
-  }
-);
+  };
+  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: "m1.99 15.815 14.5-14.5.191-.184a4.39 4.39 0 0 1 6.04.149l.19.203a4.385 4.385 0 0 1-.226 6.026l-14.5 14.5a.75.75 0 0 1-.344.196L.936 23.976a.75.75 0 0 1-.913-.912l1.77-6.905.013-.042.014-.04-.027.082a.75.75 0 0 1 .197-.345l-.066.076a1 1 0 0 1 .066-.075m.93 1.987-1.129 4.407 4.41-1.132zM16.605 3.32 3.581 16.344l4.078 4.069 13.02-13.02zm1.064-1.06 4.068 4.07.025-.025a2.885 2.885 0 0 0-.076-3.939l-.164-.154a2.89 2.89 0 0 0-3.853.048" }) });
+};
+const ForwardRef = forwardRef(EditIcon);
 export {
-  EditIcon
+  ForwardRef as EditIcon
 };

package/lib/icons/EditSignatureIcon.d.ts

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