@imtf/icons 0.6.5 → 0.7.0

package/lib/icons/CompareIcon.js

@@ -4,42 +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 CompareIcon = react.forwardRef(
-  ({
-    color: defaultColor,
-    size,
+const CompareIcon = ({
+  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",
-          {
-            fillRule: "evenodd",
-            d: "M3 0a3 3 0 0 1 3 3v18a3 3 0 0 1-3 3H0V0zm21 0v24h-3a3 3 0 0 1-3-3V3a3 3 0 0 1 3-3zM13.663 7.404a.87.87 0 0 1 1.21-.263c.411.263.527.8.264 1.21l-.642.99h1.631c.485 0 .874.39.874.873 0 .485-.39.874-.874.874h-2.758l-.652 1.021h3.41c.485 0 .874.39.863.874 0 .484-.389.874-.873.874h-4.537l-1.242 1.936a.87.87 0 0 1-.737.4.871.871 0 0 1-.737-1.347l.642-.99H7.874A.87.87 0 0 1 7 12.984c0-.484.39-.874.874-.874h2.758l.652-1.031h-3.41A.87.87 0 0 1 7 10.204c0-.484.39-.874.874-.874h4.537Z"
-          }
-        )
-      }
-    );
-  }
-);
-exports.CompareIcon = CompareIcon;
+  };
+  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", { fillRule: "evenodd", d: "M3 0a3 3 0 0 1 3 3v18a3 3 0 0 1-3 3H0V0zm21 0v24h-3a3 3 0 0 1-3-3V3a3 3 0 0 1 3-3zM13.663 7.404a.87.87 0 0 1 1.21-.263c.411.263.527.8.264 1.21l-.642.99h1.631c.485 0 .874.39.874.873 0 .485-.39.874-.874.874h-2.758l-.652 1.021h3.41c.485 0 .874.39.863.874 0 .484-.389.874-.873.874h-4.537l-1.242 1.936a.87.87 0 0 1-.737.4.871.871 0 0 1-.737-1.347l.642-.99H7.874A.87.87 0 0 1 7 12.984c0-.484.39-.874.874-.874h2.758l.652-1.031h-3.41A.87.87 0 0 1 7 10.204c0-.484.39-.874.874-.874h4.537Z" }) });
+};
+const ForwardRef = react.forwardRef(CompareIcon);
+exports.CompareIcon = ForwardRef;

package/lib/icons/CompareIcon.mjs

@@ -3,44 +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 CompareIcon = forwardRef(
-  ({
-    color: defaultColor,
-    size,
+const CompareIcon = ({
+  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",
-          {
-            fillRule: "evenodd",
-            d: "M3 0a3 3 0 0 1 3 3v18a3 3 0 0 1-3 3H0V0zm21 0v24h-3a3 3 0 0 1-3-3V3a3 3 0 0 1 3-3zM13.663 7.404a.87.87 0 0 1 1.21-.263c.411.263.527.8.264 1.21l-.642.99h1.631c.485 0 .874.39.874.873 0 .485-.39.874-.874.874h-2.758l-.652 1.021h3.41c.485 0 .874.39.863.874 0 .484-.389.874-.873.874h-4.537l-1.242 1.936a.87.87 0 0 1-.737.4.871.871 0 0 1-.737-1.347l.642-.99H7.874A.87.87 0 0 1 7 12.984c0-.484.39-.874.874-.874h2.758l.652-1.031h-3.41A.87.87 0 0 1 7 10.204c0-.484.39-.874.874-.874h4.537Z"
-          }
-        )
-      }
-    );
-  }
-);
+  };
+  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", { fillRule: "evenodd", d: "M3 0a3 3 0 0 1 3 3v18a3 3 0 0 1-3 3H0V0zm21 0v24h-3a3 3 0 0 1-3-3V3a3 3 0 0 1 3-3zM13.663 7.404a.87.87 0 0 1 1.21-.263c.411.263.527.8.264 1.21l-.642.99h1.631c.485 0 .874.39.874.873 0 .485-.39.874-.874.874h-2.758l-.652 1.021h3.41c.485 0 .874.39.863.874 0 .484-.389.874-.873.874h-4.537l-1.242 1.936a.87.87 0 0 1-.737.4.871.871 0 0 1-.737-1.347l.642-.99H7.874A.87.87 0 0 1 7 12.984c0-.484.39-.874.874-.874h2.758l.652-1.031h-3.41A.87.87 0 0 1 7 10.204c0-.484.39-.874.874-.874h4.537Z" }) });
+};
+const ForwardRef = forwardRef(CompareIcon);
 export {
-  CompareIcon
+  ForwardRef as CompareIcon
 };

package/lib/icons/ComposeFilled1Icon.d.ts

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

package/lib/icons/ComposeFilled1Icon.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 ComposeFilled1Icon = react.forwardRef(
-  ({
-    color: defaultColor,
-    size,
+const ComposeFilled1Icon = ({
+  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.25 12.75a1 1 0 0 1 1 1V23a1 1 0 0 1-1 1H1a1 1 0 0 1-1-1v-9.25a1 1 0 0 1 1-1zm12.75 0a1 1 0 0 1 1 1V23a1 1 0 0 1-1 1h-9.25a1 1 0 0 1-1-1v-9.25a1 1 0 0 1 1-1zM10.25 0a1 1 0 0 1 1 1v9.25a1 1 0 0 1-1 1H1a1 1 0 0 1-1-1V1a1 1 0 0 1 1-1zM23 0a1 1 0 0 1 1 1v9.25a1 1 0 0 1-1 1h-9.25a1 1 0 0 1-1-1V1a1 1 0 0 1 1-1z" })
-      }
-    );
-  }
-);
-exports.ComposeFilled1Icon = ComposeFilled1Icon;
+  };
+  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.25 12.75a1 1 0 0 1 1 1V23a1 1 0 0 1-1 1H1a1 1 0 0 1-1-1v-9.25a1 1 0 0 1 1-1zm12.75 0a1 1 0 0 1 1 1V23a1 1 0 0 1-1 1h-9.25a1 1 0 0 1-1-1v-9.25a1 1 0 0 1 1-1zM10.25 0a1 1 0 0 1 1 1v9.25a1 1 0 0 1-1 1H1a1 1 0 0 1-1-1V1a1 1 0 0 1 1-1zM23 0a1 1 0 0 1 1 1v9.25a1 1 0 0 1-1 1h-9.25a1 1 0 0 1-1-1V1a1 1 0 0 1 1-1z" }) });
+};
+const ForwardRef = react.forwardRef(ComposeFilled1Icon);
+exports.ComposeFilled1Icon = ForwardRef;

package/lib/icons/ComposeFilled1Icon.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 ComposeFilled1Icon = forwardRef(
-  ({
-    color: defaultColor,
-    size,
+const ComposeFilled1Icon = ({
+  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.25 12.75a1 1 0 0 1 1 1V23a1 1 0 0 1-1 1H1a1 1 0 0 1-1-1v-9.25a1 1 0 0 1 1-1zm12.75 0a1 1 0 0 1 1 1V23a1 1 0 0 1-1 1h-9.25a1 1 0 0 1-1-1v-9.25a1 1 0 0 1 1-1zM10.25 0a1 1 0 0 1 1 1v9.25a1 1 0 0 1-1 1H1a1 1 0 0 1-1-1V1a1 1 0 0 1 1-1zM23 0a1 1 0 0 1 1 1v9.25a1 1 0 0 1-1 1h-9.25a1 1 0 0 1-1-1V1a1 1 0 0 1 1-1z" })
-      }
-    );
-  }
-);
+  };
+  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.25 12.75a1 1 0 0 1 1 1V23a1 1 0 0 1-1 1H1a1 1 0 0 1-1-1v-9.25a1 1 0 0 1 1-1zm12.75 0a1 1 0 0 1 1 1V23a1 1 0 0 1-1 1h-9.25a1 1 0 0 1-1-1v-9.25a1 1 0 0 1 1-1zM10.25 0a1 1 0 0 1 1 1v9.25a1 1 0 0 1-1 1H1a1 1 0 0 1-1-1V1a1 1 0 0 1 1-1zM23 0a1 1 0 0 1 1 1v9.25a1 1 0 0 1-1 1h-9.25a1 1 0 0 1-1-1V1a1 1 0 0 1 1-1z" }) });
+};
+const ForwardRef = forwardRef(ComposeFilled1Icon);
 export {
-  ComposeFilled1Icon
+  ForwardRef as ComposeFilled1Icon
 };

package/lib/icons/ComposeFilled2Icon.d.ts

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

package/lib/icons/ComposeFilled2Icon.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 ComposeFilled2Icon = react.forwardRef(
-  ({
-    color: defaultColor,
-    size,
+const ComposeFilled2Icon = ({
+  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.724 3.14-7.077 7.074c-.199.199-.355.436-.459.698l-1.469 3.67a2.076 2.076 0 0 0 2.7 2.699l3.67-1.468c.26-.105.497-.261.696-.46l6.979-6.979v12.294a3.24 3.24 0 0 1-3.236 3.236H3.238A3.24 3.24 0 0 1 0 20.668V6.377A3.24 3.24 0 0 1 3.237 3.14zM20.431.634a2.076 2.076 0 1 1 2.935 2.937L12.68 14.251a.5.5 0 0 1-.174.116L8.84 15.835a.52.52 0 0 1-.675-.675l1.468-3.67a.5.5 0 0 1 .116-.175Z" })
-      }
-    );
-  }
-);
-exports.ComposeFilled2Icon = ComposeFilled2Icon;
+  };
+  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.724 3.14-7.077 7.074c-.199.199-.355.436-.459.698l-1.469 3.67a2.076 2.076 0 0 0 2.7 2.699l3.67-1.468c.26-.105.497-.261.696-.46l6.979-6.979v12.294a3.24 3.24 0 0 1-3.236 3.236H3.238A3.24 3.24 0 0 1 0 20.668V6.377A3.24 3.24 0 0 1 3.237 3.14zM20.431.634a2.076 2.076 0 1 1 2.935 2.937L12.68 14.251a.5.5 0 0 1-.174.116L8.84 15.835a.52.52 0 0 1-.675-.675l1.468-3.67a.5.5 0 0 1 .116-.175Z" }) });
+};
+const ForwardRef = react.forwardRef(ComposeFilled2Icon);
+exports.ComposeFilled2Icon = ForwardRef;

package/lib/icons/ComposeFilled2Icon.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 ComposeFilled2Icon = forwardRef(
-  ({
-    color: defaultColor,
-    size,
+const ComposeFilled2Icon = ({
+  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.724 3.14-7.077 7.074c-.199.199-.355.436-.459.698l-1.469 3.67a2.076 2.076 0 0 0 2.7 2.699l3.67-1.468c.26-.105.497-.261.696-.46l6.979-6.979v12.294a3.24 3.24 0 0 1-3.236 3.236H3.238A3.24 3.24 0 0 1 0 20.668V6.377A3.24 3.24 0 0 1 3.237 3.14zM20.431.634a2.076 2.076 0 1 1 2.935 2.937L12.68 14.251a.5.5 0 0 1-.174.116L8.84 15.835a.52.52 0 0 1-.675-.675l1.468-3.67a.5.5 0 0 1 .116-.175Z" })
-      }
-    );
-  }
-);
+  };
+  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.724 3.14-7.077 7.074c-.199.199-.355.436-.459.698l-1.469 3.67a2.076 2.076 0 0 0 2.7 2.699l3.67-1.468c.26-.105.497-.261.696-.46l6.979-6.979v12.294a3.24 3.24 0 0 1-3.236 3.236H3.238A3.24 3.24 0 0 1 0 20.668V6.377A3.24 3.24 0 0 1 3.237 3.14zM20.431.634a2.076 2.076 0 1 1 2.935 2.937L12.68 14.251a.5.5 0 0 1-.174.116L8.84 15.835a.52.52 0 0 1-.675-.675l1.468-3.67a.5.5 0 0 1 .116-.175Z" }) });
+};
+const ForwardRef = forwardRef(ComposeFilled2Icon);
 export {
-  ComposeFilled2Icon
+  ForwardRef as ComposeFilled2Icon
 };

package/lib/icons/CustomerIcon.d.ts

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

package/lib/icons/CustomerIcon.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 CustomerIcon = react.forwardRef(
-  ({
-    color: defaultColor,
-    size,
+const CustomerIcon = ({
+  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: "M21.75 2.25A2.25 2.25 0 0 1 24 4.5v15a2.25 2.25 0 0 1-2.25 2.25h-3a.75.75 0 0 1-.743-.648l-.014-.204a.75.75 0 0 0-1.486 0l-.014.204a.75.75 0 0 1-.743.648h-7.5a.75.75 0 0 1-.743-.648l-.014-.204a.75.75 0 0 0-1.486 0l-.014.204a.75.75 0 0 1-.743.648h-3A2.25 2.25 0 0 1 0 19.5v-15a2.25 2.25 0 0 1 2.25-2.25zm0 1.5H2.25a.75.75 0 0 0-.75.75v15c0 .414.336.75.75.75h2.378a2.25 2.25 0 0 1 4.244 0h6.256a2.25 2.25 0 0 1 4.184-.152l.06.152h2.378a.75.75 0 0 0 .75-.75v-15a.75.75 0 0 0-.75-.75M9.938 5.702a3.375 3.375 0 0 1 .02 5.833A5.25 5.25 0 0 1 13.5 16.5a.75.75 0 0 1-.75.75h-9A.75.75 0 0 1 3 16.5a5.25 5.25 0 0 1 3.541-4.966l.021.014a3.375 3.375 0 0 1-.18-5.734l.18-.112.199-.106a3.38 3.38 0 0 1 3.177.106M8.25 12.75a3.75 3.75 0 0 0-3.675 3h7.35l-.043-.188A3.75 3.75 0 0 0 8.25 12.75m12-1.5a.75.75 0 1 1 0 1.5h-6a.75.75 0 1 1 0-1.5ZM7.46 6.924l-.148.077-.13.082a1.875 1.875 0 1 0 .278-.159M18.75 8.25a.75.75 0 1 1 0 1.5h-4.5a.75.75 0 1 1 0-1.5Z" })
-      }
-    );
-  }
-);
-exports.CustomerIcon = CustomerIcon;
+  };
+  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: "M21.75 2.25A2.25 2.25 0 0 1 24 4.5v15a2.25 2.25 0 0 1-2.25 2.25h-3a.75.75 0 0 1-.743-.648l-.014-.204a.75.75 0 0 0-1.486 0l-.014.204a.75.75 0 0 1-.743.648h-7.5a.75.75 0 0 1-.743-.648l-.014-.204a.75.75 0 0 0-1.486 0l-.014.204a.75.75 0 0 1-.743.648h-3A2.25 2.25 0 0 1 0 19.5v-15a2.25 2.25 0 0 1 2.25-2.25zm0 1.5H2.25a.75.75 0 0 0-.75.75v15c0 .414.336.75.75.75h2.378a2.25 2.25 0 0 1 4.244 0h6.256a2.25 2.25 0 0 1 4.184-.152l.06.152h2.378a.75.75 0 0 0 .75-.75v-15a.75.75 0 0 0-.75-.75M9.938 5.702a3.375 3.375 0 0 1 .02 5.833A5.25 5.25 0 0 1 13.5 16.5a.75.75 0 0 1-.75.75h-9A.75.75 0 0 1 3 16.5a5.25 5.25 0 0 1 3.541-4.966l.021.014a3.375 3.375 0 0 1-.18-5.734l.18-.112.199-.106a3.38 3.38 0 0 1 3.177.106M8.25 12.75a3.75 3.75 0 0 0-3.675 3h7.35l-.043-.188A3.75 3.75 0 0 0 8.25 12.75m12-1.5a.75.75 0 1 1 0 1.5h-6a.75.75 0 1 1 0-1.5ZM7.46 6.924l-.148.077-.13.082a1.875 1.875 0 1 0 .278-.159M18.75 8.25a.75.75 0 1 1 0 1.5h-4.5a.75.75 0 1 1 0-1.5Z" }) });
+};
+const ForwardRef = react.forwardRef(CustomerIcon);
+exports.CustomerIcon = ForwardRef;

package/lib/icons/CustomerIcon.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 CustomerIcon = forwardRef(
-  ({
-    color: defaultColor,
-    size,
+const CustomerIcon = ({
+  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: "M21.75 2.25A2.25 2.25 0 0 1 24 4.5v15a2.25 2.25 0 0 1-2.25 2.25h-3a.75.75 0 0 1-.743-.648l-.014-.204a.75.75 0 0 0-1.486 0l-.014.204a.75.75 0 0 1-.743.648h-7.5a.75.75 0 0 1-.743-.648l-.014-.204a.75.75 0 0 0-1.486 0l-.014.204a.75.75 0 0 1-.743.648h-3A2.25 2.25 0 0 1 0 19.5v-15a2.25 2.25 0 0 1 2.25-2.25zm0 1.5H2.25a.75.75 0 0 0-.75.75v15c0 .414.336.75.75.75h2.378a2.25 2.25 0 0 1 4.244 0h6.256a2.25 2.25 0 0 1 4.184-.152l.06.152h2.378a.75.75 0 0 0 .75-.75v-15a.75.75 0 0 0-.75-.75M9.938 5.702a3.375 3.375 0 0 1 .02 5.833A5.25 5.25 0 0 1 13.5 16.5a.75.75 0 0 1-.75.75h-9A.75.75 0 0 1 3 16.5a5.25 5.25 0 0 1 3.541-4.966l.021.014a3.375 3.375 0 0 1-.18-5.734l.18-.112.199-.106a3.38 3.38 0 0 1 3.177.106M8.25 12.75a3.75 3.75 0 0 0-3.675 3h7.35l-.043-.188A3.75 3.75 0 0 0 8.25 12.75m12-1.5a.75.75 0 1 1 0 1.5h-6a.75.75 0 1 1 0-1.5ZM7.46 6.924l-.148.077-.13.082a1.875 1.875 0 1 0 .278-.159M18.75 8.25a.75.75 0 1 1 0 1.5h-4.5a.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: "M21.75 2.25A2.25 2.25 0 0 1 24 4.5v15a2.25 2.25 0 0 1-2.25 2.25h-3a.75.75 0 0 1-.743-.648l-.014-.204a.75.75 0 0 0-1.486 0l-.014.204a.75.75 0 0 1-.743.648h-7.5a.75.75 0 0 1-.743-.648l-.014-.204a.75.75 0 0 0-1.486 0l-.014.204a.75.75 0 0 1-.743.648h-3A2.25 2.25 0 0 1 0 19.5v-15a2.25 2.25 0 0 1 2.25-2.25zm0 1.5H2.25a.75.75 0 0 0-.75.75v15c0 .414.336.75.75.75h2.378a2.25 2.25 0 0 1 4.244 0h6.256a2.25 2.25 0 0 1 4.184-.152l.06.152h2.378a.75.75 0 0 0 .75-.75v-15a.75.75 0 0 0-.75-.75M9.938 5.702a3.375 3.375 0 0 1 .02 5.833A5.25 5.25 0 0 1 13.5 16.5a.75.75 0 0 1-.75.75h-9A.75.75 0 0 1 3 16.5a5.25 5.25 0 0 1 3.541-4.966l.021.014a3.375 3.375 0 0 1-.18-5.734l.18-.112.199-.106a3.38 3.38 0 0 1 3.177.106M8.25 12.75a3.75 3.75 0 0 0-3.675 3h7.35l-.043-.188A3.75 3.75 0 0 0 8.25 12.75m12-1.5a.75.75 0 1 1 0 1.5h-6a.75.75 0 1 1 0-1.5ZM7.46 6.924l-.148.077-.13.082a1.875 1.875 0 1 0 .278-.159M18.75 8.25a.75.75 0 1 1 0 1.5h-4.5a.75.75 0 1 1 0-1.5Z" }) });
+};
+const ForwardRef = forwardRef(CustomerIcon);
 export {
-  CustomerIcon
+  ForwardRef as CustomerIcon
 };

package/lib/icons/DashboardIcon.d.ts

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

package/lib/icons/DashboardIcon.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 DashboardIcon = react.forwardRef(
-  ({
-    color: defaultColor,
-    size,
+const DashboardIcon = ({
+  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: "M21.753.003a2.25 2.25 0 0 1 2.25 2.25v19.5a2.25 2.25 0 0 1-2.25 2.25h-19.5a2.25 2.25 0 0 1-2.25-2.25v-19.5a2.25 2.25 0 0 1 2.25-2.25zm0 1.5h-19.5a.75.75 0 0 0-.75.75v19.5c0 .414.336.75.75.75h19.5a.75.75 0 0 0 .75-.75v-19.5a.75.75 0 0 0-.75-.75m-12 12.75a1.5 1.5 0 0 1 1.5 1.5v2.25a1.5 1.5 0 0 1-1.5 1.5h-3.75a1.5 1.5 0 0 1-1.5-1.5v-2.25a1.5 1.5 0 0 1 1.5-1.5zm8.25-3a1.5 1.5 0 0 1 1.5 1.5v5.25a1.5 1.5 0 0 1-1.5 1.5h-3.75a1.5 1.5 0 0 1-1.5-1.5v-5.25a1.5 1.5 0 0 1 1.5-1.5zm-8.25 4.5h-3.75v2.25h3.75zm8.25-3h-3.75v5.25h3.75zm-8.25-8.25a1.5 1.5 0 0 1 1.5 1.5v5.25a1.5 1.5 0 0 1-1.5 1.5h-3.75a1.5 1.5 0 0 1-1.5-1.5v-5.25a1.5 1.5 0 0 1 1.5-1.5zm0 1.5h-3.75v5.25h3.75zm8.25-1.5a1.5 1.5 0 0 1 1.5 1.5v2.25a1.5 1.5 0 0 1-1.5 1.5h-3.75a1.5 1.5 0 0 1-1.5-1.5v-2.25a1.5 1.5 0 0 1 1.5-1.5zm0 1.5h-3.75v2.25h3.75z" })
-      }
-    );
-  }
-);
-exports.DashboardIcon = DashboardIcon;
+  };
+  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: "M21.753.003a2.25 2.25 0 0 1 2.25 2.25v19.5a2.25 2.25 0 0 1-2.25 2.25h-19.5a2.25 2.25 0 0 1-2.25-2.25v-19.5a2.25 2.25 0 0 1 2.25-2.25zm0 1.5h-19.5a.75.75 0 0 0-.75.75v19.5c0 .414.336.75.75.75h19.5a.75.75 0 0 0 .75-.75v-19.5a.75.75 0 0 0-.75-.75m-12 12.75a1.5 1.5 0 0 1 1.5 1.5v2.25a1.5 1.5 0 0 1-1.5 1.5h-3.75a1.5 1.5 0 0 1-1.5-1.5v-2.25a1.5 1.5 0 0 1 1.5-1.5zm8.25-3a1.5 1.5 0 0 1 1.5 1.5v5.25a1.5 1.5 0 0 1-1.5 1.5h-3.75a1.5 1.5 0 0 1-1.5-1.5v-5.25a1.5 1.5 0 0 1 1.5-1.5zm-8.25 4.5h-3.75v2.25h3.75zm8.25-3h-3.75v5.25h3.75zm-8.25-8.25a1.5 1.5 0 0 1 1.5 1.5v5.25a1.5 1.5 0 0 1-1.5 1.5h-3.75a1.5 1.5 0 0 1-1.5-1.5v-5.25a1.5 1.5 0 0 1 1.5-1.5zm0 1.5h-3.75v5.25h3.75zm8.25-1.5a1.5 1.5 0 0 1 1.5 1.5v2.25a1.5 1.5 0 0 1-1.5 1.5h-3.75a1.5 1.5 0 0 1-1.5-1.5v-2.25a1.5 1.5 0 0 1 1.5-1.5zm0 1.5h-3.75v2.25h3.75z" }) });
+};
+const ForwardRef = react.forwardRef(DashboardIcon);
+exports.DashboardIcon = ForwardRef;

package/lib/icons/DashboardIcon.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 DashboardIcon = forwardRef(
-  ({
-    color: defaultColor,
-    size,
+const DashboardIcon = ({
+  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: "M21.753.003a2.25 2.25 0 0 1 2.25 2.25v19.5a2.25 2.25 0 0 1-2.25 2.25h-19.5a2.25 2.25 0 0 1-2.25-2.25v-19.5a2.25 2.25 0 0 1 2.25-2.25zm0 1.5h-19.5a.75.75 0 0 0-.75.75v19.5c0 .414.336.75.75.75h19.5a.75.75 0 0 0 .75-.75v-19.5a.75.75 0 0 0-.75-.75m-12 12.75a1.5 1.5 0 0 1 1.5 1.5v2.25a1.5 1.5 0 0 1-1.5 1.5h-3.75a1.5 1.5 0 0 1-1.5-1.5v-2.25a1.5 1.5 0 0 1 1.5-1.5zm8.25-3a1.5 1.5 0 0 1 1.5 1.5v5.25a1.5 1.5 0 0 1-1.5 1.5h-3.75a1.5 1.5 0 0 1-1.5-1.5v-5.25a1.5 1.5 0 0 1 1.5-1.5zm-8.25 4.5h-3.75v2.25h3.75zm8.25-3h-3.75v5.25h3.75zm-8.25-8.25a1.5 1.5 0 0 1 1.5 1.5v5.25a1.5 1.5 0 0 1-1.5 1.5h-3.75a1.5 1.5 0 0 1-1.5-1.5v-5.25a1.5 1.5 0 0 1 1.5-1.5zm0 1.5h-3.75v5.25h3.75zm8.25-1.5a1.5 1.5 0 0 1 1.5 1.5v2.25a1.5 1.5 0 0 1-1.5 1.5h-3.75a1.5 1.5 0 0 1-1.5-1.5v-2.25a1.5 1.5 0 0 1 1.5-1.5zm0 1.5h-3.75v2.25h3.75z" })
-      }
-    );
-  }
-);
+  };
+  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: "M21.753.003a2.25 2.25 0 0 1 2.25 2.25v19.5a2.25 2.25 0 0 1-2.25 2.25h-19.5a2.25 2.25 0 0 1-2.25-2.25v-19.5a2.25 2.25 0 0 1 2.25-2.25zm0 1.5h-19.5a.75.75 0 0 0-.75.75v19.5c0 .414.336.75.75.75h19.5a.75.75 0 0 0 .75-.75v-19.5a.75.75 0 0 0-.75-.75m-12 12.75a1.5 1.5 0 0 1 1.5 1.5v2.25a1.5 1.5 0 0 1-1.5 1.5h-3.75a1.5 1.5 0 0 1-1.5-1.5v-2.25a1.5 1.5 0 0 1 1.5-1.5zm8.25-3a1.5 1.5 0 0 1 1.5 1.5v5.25a1.5 1.5 0 0 1-1.5 1.5h-3.75a1.5 1.5 0 0 1-1.5-1.5v-5.25a1.5 1.5 0 0 1 1.5-1.5zm-8.25 4.5h-3.75v2.25h3.75zm8.25-3h-3.75v5.25h3.75zm-8.25-8.25a1.5 1.5 0 0 1 1.5 1.5v5.25a1.5 1.5 0 0 1-1.5 1.5h-3.75a1.5 1.5 0 0 1-1.5-1.5v-5.25a1.5 1.5 0 0 1 1.5-1.5zm0 1.5h-3.75v5.25h3.75zm8.25-1.5a1.5 1.5 0 0 1 1.5 1.5v2.25a1.5 1.5 0 0 1-1.5 1.5h-3.75a1.5 1.5 0 0 1-1.5-1.5v-2.25a1.5 1.5 0 0 1 1.5-1.5zm0 1.5h-3.75v2.25h3.75z" }) });
+};
+const ForwardRef = forwardRef(DashboardIcon);
 export {
-  DashboardIcon
+  ForwardRef as DashboardIcon
 };

package/lib/icons/DefaultIcon.d.ts

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