@imtf/icons 0.6.5 → 0.7.0

package/lib/components/IconSVG.d.ts

@@ -1,6 +1,9 @@
 import { ReactElement } from "react";
 type IconSVGProps = {
     color?: string;
+    /**
+     * Size of the icon.
+     */
     size?: string | number;
     src?: string;
     children?: ReactElement;

package/lib/components/IconSVG.js

@@ -11,7 +11,7 @@ const IconComponent = ({ color: defaultColor, size, src, children, ...props }, o
   const defaultValues = {
     ...defaultContextValues,
     color: defaultColor ?? defaultContextValues.color,
-    size: size ?? defaultContextValues.size
+    fontSize: size ?? defaultContextValues.size
   };
   const color = react.useMemo(() => {
     const color2 = get.default(defaultValues.palette, defaultValues.color);
@@ -26,26 +26,25 @@ const IconComponent = ({ color: defaultColor, size, src, children, ...props }, o
         );
         const svg = wrapper.children;
         const path = svg[0].firstElementChild;
-        svg == null ? void 0 : svg[0].setAttribute(
-          "width",
-          typeof defaultValues.size === "number" ? defaultValues.size + "px" : defaultValues.size
-        );
-        svg == null ? void 0 : svg[0].setAttribute(
-          "height",
-          typeof defaultValues.size === "number" ? defaultValues.size + "px" : defaultValues.size
+        svg[0].setAttribute(
+          "font-size",
+          typeof defaultValues.fontSize === "number" ? `${String(defaultValues.fontSize)}px` : defaultValues.fontSize ?? "var(--panache-icon-size)"
         );
+        svg[0].setAttribute("width", "1em");
+        svg[0].setAttribute("height", "1em");
         path == null ? void 0 : path.setAttribute("fill", color);
         path == null ? void 0 : path.setAttribute("color", color);
       } catch {
       }
     }
-  }, [color, src, children, size, defaultValues.size]);
+  }, [color, src, children, size, defaultValues.fontSize]);
   if (children) {
     return react.cloneElement(children, {
       fill: color,
       color,
-      width: defaultValues.size,
-      height: defaultValues.size,
+      fontSize: defaultValues.fontSize,
+      width: "1em",
+      height: "1em",
       ref: innerRef,
       ...props
     });

package/lib/components/IconSVG.mjs

@@ -10,7 +10,7 @@ const IconComponent = ({ color: defaultColor, size, src, children, ...props }, o
   const defaultValues = {
     ...defaultContextValues,
     color: defaultColor ?? defaultContextValues.color,
-    size: size ?? defaultContextValues.size
+    fontSize: size ?? defaultContextValues.size
   };
   const color = useMemo(() => {
     const color2 = get(defaultValues.palette, defaultValues.color);
@@ -25,26 +25,25 @@ const IconComponent = ({ color: defaultColor, size, src, children, ...props }, o
         );
         const svg = wrapper.children;
         const path = svg[0].firstElementChild;
-        svg == null ? void 0 : svg[0].setAttribute(
-          "width",
-          typeof defaultValues.size === "number" ? defaultValues.size + "px" : defaultValues.size
-        );
-        svg == null ? void 0 : svg[0].setAttribute(
-          "height",
-          typeof defaultValues.size === "number" ? defaultValues.size + "px" : defaultValues.size
+        svg[0].setAttribute(
+          "font-size",
+          typeof defaultValues.fontSize === "number" ? `${String(defaultValues.fontSize)}px` : defaultValues.fontSize ?? "var(--panache-icon-size)"
         );
+        svg[0].setAttribute("width", "1em");
+        svg[0].setAttribute("height", "1em");
         path == null ? void 0 : path.setAttribute("fill", color);
         path == null ? void 0 : path.setAttribute("color", color);
       } catch {
       }
     }
-  }, [color, src, children, size, defaultValues.size]);
+  }, [color, src, children, size, defaultValues.fontSize]);
   if (children) {
     return cloneElement(children, {
       fill: color,
       color,
-      width: defaultValues.size,
-      height: defaultValues.size,
+      fontSize: defaultValues.fontSize,
+      width: "1em",
+      height: "1em",
       ref: innerRef,
       ...props
     });

package/lib/icons/AccountEntityIcon.d.ts

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

package/lib/icons/AccountEntityIcon.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 AccountEntityIcon = react.forwardRef(
-  ({
-    color: defaultColor,
-    size,
+const AccountEntityIcon = ({
+  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: "m19.125 15.063 1.406 1.406L16 21l-3-3 1.406-1.406L16 18.187zM17 13c-2.76 0-5 2.24-5 5s2.24 5 5 5 5-2.24 5-5-2.24-5-5-5m-6-4c1.103 0 2 .897 2 2s-.897 2-2 2-2-.897-2-2 .897-2 2-2m0-2c-2.206 0-4 1.794-4 4a4.004 4.004 0 0 0 4.875 3.906c.66-1.09 1.653-1.978 2.844-2.47.174-.45.28-.923.28-1.436 0-2.206-1.796-4-4-4zM4 7a1 1 0 0 0-1 1v6a1 1 0 0 0 2 0V8a1 1 0 0 0-1-1M0 3v16h1v1h3v-1h7.094A6 6 0 0 1 11 18c0-.34.04-.674.094-1H2V5h15v7c.702 0 1.374.122 2 .344V8h1V6h-1V3z" })
-      }
-    );
-  }
-);
-exports.AccountEntityIcon = AccountEntityIcon;
+  };
+  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: "m19.125 15.063 1.406 1.406L16 21l-3-3 1.406-1.406L16 18.187zM17 13c-2.76 0-5 2.24-5 5s2.24 5 5 5 5-2.24 5-5-2.24-5-5-5m-6-4c1.103 0 2 .897 2 2s-.897 2-2 2-2-.897-2-2 .897-2 2-2m0-2c-2.206 0-4 1.794-4 4a4.004 4.004 0 0 0 4.875 3.906c.66-1.09 1.653-1.978 2.844-2.47.174-.45.28-.923.28-1.436 0-2.206-1.796-4-4-4zM4 7a1 1 0 0 0-1 1v6a1 1 0 0 0 2 0V8a1 1 0 0 0-1-1M0 3v16h1v1h3v-1h7.094A6 6 0 0 1 11 18c0-.34.04-.674.094-1H2V5h15v7c.702 0 1.374.122 2 .344V8h1V6h-1V3z" }) });
+};
+const ForwardRef = react.forwardRef(AccountEntityIcon);
+exports.AccountEntityIcon = ForwardRef;

package/lib/icons/AccountEntityIcon.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 AccountEntityIcon = forwardRef(
-  ({
-    color: defaultColor,
-    size,
+const AccountEntityIcon = ({
+  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: "m19.125 15.063 1.406 1.406L16 21l-3-3 1.406-1.406L16 18.187zM17 13c-2.76 0-5 2.24-5 5s2.24 5 5 5 5-2.24 5-5-2.24-5-5-5m-6-4c1.103 0 2 .897 2 2s-.897 2-2 2-2-.897-2-2 .897-2 2-2m0-2c-2.206 0-4 1.794-4 4a4.004 4.004 0 0 0 4.875 3.906c.66-1.09 1.653-1.978 2.844-2.47.174-.45.28-.923.28-1.436 0-2.206-1.796-4-4-4zM4 7a1 1 0 0 0-1 1v6a1 1 0 0 0 2 0V8a1 1 0 0 0-1-1M0 3v16h1v1h3v-1h7.094A6 6 0 0 1 11 18c0-.34.04-.674.094-1H2V5h15v7c.702 0 1.374.122 2 .344V8h1V6h-1V3z" })
-      }
-    );
-  }
-);
+  };
+  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: "m19.125 15.063 1.406 1.406L16 21l-3-3 1.406-1.406L16 18.187zM17 13c-2.76 0-5 2.24-5 5s2.24 5 5 5 5-2.24 5-5-2.24-5-5-5m-6-4c1.103 0 2 .897 2 2s-.897 2-2 2-2-.897-2-2 .897-2 2-2m0-2c-2.206 0-4 1.794-4 4a4.004 4.004 0 0 0 4.875 3.906c.66-1.09 1.653-1.978 2.844-2.47.174-.45.28-.923.28-1.436 0-2.206-1.796-4-4-4zM4 7a1 1 0 0 0-1 1v6a1 1 0 0 0 2 0V8a1 1 0 0 0-1-1M0 3v16h1v1h3v-1h7.094A6 6 0 0 1 11 18c0-.34.04-.674.094-1H2V5h15v7c.702 0 1.374.122 2 .344V8h1V6h-1V3z" }) });
+};
+const ForwardRef = forwardRef(AccountEntityIcon);
 export {
-  AccountEntityIcon
+  ForwardRef as AccountEntityIcon
 };

package/lib/icons/AccountIcon.d.ts

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

package/lib/icons/AccountIcon.js

@@ -4,39 +4,23 @@ const jsxRuntime = require("react/jsx-runtime");
 const react = require("react");
 const get = require("../utils/get.js");
 const Context = require("../providers/IconProvider/Context.js");
-const AccountIcon = react.forwardRef(
-  ({
-    color: defaultColor,
-    size,
+const AccountIcon = ({
+  color: defaultColor,
+  size,
+  ...props
+}, ref) => {
+  const defaultContextValues = react.useContext(Context.IconContext);
+  const defaultValues = {
+    ...defaultContextValues,
+    color: defaultColor ?? defaultContextValues.color,
+    fontSize: size ?? defaultContextValues.size ?? "var(--panache-icon-size)",
     ...props
-  }, ref) => {
-    const defaultContextValues = react.useContext(Context.IconContext);
-    const defaultValues = {
-      ...defaultContextValues,
-      color: defaultColor || defaultContextValues.color,
-      size: size || defaultContextValues.size,
-      ...props
-    };
-    const color = react.useMemo(
-      () => get.default(defaultValues.palette, defaultValues.color) ?? defaultValues.color,
-      [defaultValues.color, defaultValues.palette]
-    );
-    return /* @__PURE__ */ jsxRuntime.jsxs(
-      "svg",
-      {
-        xmlns: "http://www.w3.org/2000/svg",
-        width: defaultValues.size,
-        height: defaultValues.size,
-        viewBox: "0 0 24 24",
-        fill: color,
-        color,
-        ...props,
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "none", d: "M0 0h24v24H0z" }),
-          /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m0 4c1.93 0 3.5 1.57 3.5 3.5S13.93 13 12 13s-3.5-1.57-3.5-3.5S10.07 6 12 6m0 14c-2.03 0-4.43-.82-6.14-2.88a9.95 9.95 0 0 1 12.28 0C16.43 19.18 14.03 20 12 20" })
-        ]
-      }
-    );
-  }
-);
-exports.AccountIcon = AccountIcon;
+  };
+  const color = react.useMemo(() => get.default(defaultValues.palette, defaultValues.color) ?? defaultValues.color, [defaultValues.color, defaultValues.palette]);
+  return /* @__PURE__ */ jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 24 24", fontSize: defaultValues.fontSize, fill: color, color, ref, ...props, children: [
+    /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "none", d: "M0 0h24v24H0z" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m0 4c1.93 0 3.5 1.57 3.5 3.5S13.93 13 12 13s-3.5-1.57-3.5-3.5S10.07 6 12 6m0 14c-2.03 0-4.43-.82-6.14-2.88a9.95 9.95 0 0 1 12.28 0C16.43 19.18 14.03 20 12 20" })
+  ] });
+};
+const ForwardRef = react.forwardRef(AccountIcon);
+exports.AccountIcon = ForwardRef;

package/lib/icons/AccountIcon.mjs

@@ -3,41 +3,25 @@ import { jsxs, jsx } from "react/jsx-runtime";
 import { forwardRef, useContext, useMemo } from "react";
 import get from "../utils/get.mjs";
 import { IconContext } from "../providers/IconProvider/Context.mjs";
-const AccountIcon = forwardRef(
-  ({
-    color: defaultColor,
-    size,
+const AccountIcon = ({
+  color: defaultColor,
+  size,
+  ...props
+}, ref) => {
+  const defaultContextValues = useContext(IconContext);
+  const defaultValues = {
+    ...defaultContextValues,
+    color: defaultColor ?? defaultContextValues.color,
+    fontSize: size ?? defaultContextValues.size ?? "var(--panache-icon-size)",
     ...props
-  }, ref) => {
-    const defaultContextValues = useContext(IconContext);
-    const defaultValues = {
-      ...defaultContextValues,
-      color: defaultColor || defaultContextValues.color,
-      size: size || defaultContextValues.size,
-      ...props
-    };
-    const color = useMemo(
-      () => get(defaultValues.palette, defaultValues.color) ?? defaultValues.color,
-      [defaultValues.color, defaultValues.palette]
-    );
-    return /* @__PURE__ */ jsxs(
-      "svg",
-      {
-        xmlns: "http://www.w3.org/2000/svg",
-        width: defaultValues.size,
-        height: defaultValues.size,
-        viewBox: "0 0 24 24",
-        fill: color,
-        color,
-        ...props,
-        children: [
-          /* @__PURE__ */ jsx("path", { fill: "none", d: "M0 0h24v24H0z" }),
-          /* @__PURE__ */ jsx("path", { d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m0 4c1.93 0 3.5 1.57 3.5 3.5S13.93 13 12 13s-3.5-1.57-3.5-3.5S10.07 6 12 6m0 14c-2.03 0-4.43-.82-6.14-2.88a9.95 9.95 0 0 1 12.28 0C16.43 19.18 14.03 20 12 20" })
-        ]
-      }
-    );
-  }
-);
+  };
+  const color = useMemo(() => get(defaultValues.palette, defaultValues.color) ?? defaultValues.color, [defaultValues.color, defaultValues.palette]);
+  return /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 24 24", fontSize: defaultValues.fontSize, fill: color, color, ref, ...props, children: [
+    /* @__PURE__ */ jsx("path", { fill: "none", d: "M0 0h24v24H0z" }),
+    /* @__PURE__ */ jsx("path", { d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m0 4c1.93 0 3.5 1.57 3.5 3.5S13.93 13 12 13s-3.5-1.57-3.5-3.5S10.07 6 12 6m0 14c-2.03 0-4.43-.82-6.14-2.88a9.95 9.95 0 0 1 12.28 0C16.43 19.18 14.03 20 12 20" })
+  ] });
+};
+const ForwardRef = forwardRef(AccountIcon);
 export {
-  AccountIcon
+  ForwardRef as AccountIcon
 };

package/lib/icons/ActiveOriginArchiveIcon.d.ts

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

package/lib/icons/ActiveOriginArchiveIcon.js

@@ -4,47 +4,24 @@ const jsxRuntime = require("react/jsx-runtime");
 const react = require("react");
 const get = require("../utils/get.js");
 const Context = require("../providers/IconProvider/Context.js");
-const ActiveOriginArchiveIcon = react.forwardRef(
-  ({
-    color: defaultColor,
-    size,
+const ActiveOriginArchiveIcon = ({
+  color: defaultColor,
+  size,
+  ...props
+}, ref) => {
+  const defaultContextValues = react.useContext(Context.IconContext);
+  const defaultValues = {
+    ...defaultContextValues,
+    color: defaultColor ?? defaultContextValues.color,
+    fontSize: size ?? defaultContextValues.size ?? "var(--panache-icon-size)",
     ...props
-  }, ref) => {
-    const defaultContextValues = react.useContext(Context.IconContext);
-    const defaultValues = {
-      ...defaultContextValues,
-      color: defaultColor || defaultContextValues.color,
-      size: size || defaultContextValues.size,
-      ...props
-    };
-    const color = react.useMemo(
-      () => get.default(defaultValues.palette, defaultValues.color) ?? defaultValues.color,
-      [defaultValues.color, defaultValues.palette]
-    );
-    return /* @__PURE__ */ jsxRuntime.jsxs(
-      "svg",
-      {
-        xmlns: "http://www.w3.org/2000/svg",
-        width: defaultValues.size,
-        height: defaultValues.size,
-        viewBox: "0 0 18 18",
-        fill: color,
-        color,
-        ...props,
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M0 1a1 1 0 0 1 1-1h12a1 1 0 1 1 0 2H1a1 1 0 0 1-1-1" }),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            "path",
-            {
-              fillRule: "evenodd",
-              d: "M1 3h12v7H7.586l3.8 3.8-.2.2H2a1 1 0 0 1-1-1zm9 2H4v1h6z",
-              clipRule: "evenodd"
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M10 11h7v7l-2.8-2.8-2.8 2.8-1.4-1.4 2.8-2.8z" })
-        ]
-      }
-    );
-  }
-);
-exports.ActiveOriginArchiveIcon = ActiveOriginArchiveIcon;
+  };
+  const color = react.useMemo(() => get.default(defaultValues.palette, defaultValues.color) ?? defaultValues.color, [defaultValues.color, defaultValues.palette]);
+  return /* @__PURE__ */ jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 18 18", fontSize: defaultValues.fontSize, fill: color, color, ref, ...props, children: [
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M0 1a1 1 0 0 1 1-1h12a1 1 0 1 1 0 2H1a1 1 0 0 1-1-1" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { fillRule: "evenodd", d: "M1 3h12v7H7.586l3.8 3.8-.2.2H2a1 1 0 0 1-1-1zm9 2H4v1h6z", clipRule: "evenodd" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M10 11h7v7l-2.8-2.8-2.8 2.8-1.4-1.4 2.8-2.8z" })
+  ] });
+};
+const ForwardRef = react.forwardRef(ActiveOriginArchiveIcon);
+exports.ActiveOriginArchiveIcon = ForwardRef;

package/lib/icons/ActiveOriginArchiveIcon.mjs

@@ -3,49 +3,26 @@ import { jsxs, jsx } from "react/jsx-runtime";
 import { forwardRef, useContext, useMemo } from "react";
 import get from "../utils/get.mjs";
 import { IconContext } from "../providers/IconProvider/Context.mjs";
-const ActiveOriginArchiveIcon = forwardRef(
-  ({
-    color: defaultColor,
-    size,
+const ActiveOriginArchiveIcon = ({
+  color: defaultColor,
+  size,
+  ...props
+}, ref) => {
+  const defaultContextValues = useContext(IconContext);
+  const defaultValues = {
+    ...defaultContextValues,
+    color: defaultColor ?? defaultContextValues.color,
+    fontSize: size ?? defaultContextValues.size ?? "var(--panache-icon-size)",
     ...props
-  }, ref) => {
-    const defaultContextValues = useContext(IconContext);
-    const defaultValues = {
-      ...defaultContextValues,
-      color: defaultColor || defaultContextValues.color,
-      size: size || defaultContextValues.size,
-      ...props
-    };
-    const color = useMemo(
-      () => get(defaultValues.palette, defaultValues.color) ?? defaultValues.color,
-      [defaultValues.color, defaultValues.palette]
-    );
-    return /* @__PURE__ */ jsxs(
-      "svg",
-      {
-        xmlns: "http://www.w3.org/2000/svg",
-        width: defaultValues.size,
-        height: defaultValues.size,
-        viewBox: "0 0 18 18",
-        fill: color,
-        color,
-        ...props,
-        children: [
-          /* @__PURE__ */ jsx("path", { d: "M0 1a1 1 0 0 1 1-1h12a1 1 0 1 1 0 2H1a1 1 0 0 1-1-1" }),
-          /* @__PURE__ */ jsx(
-            "path",
-            {
-              fillRule: "evenodd",
-              d: "M1 3h12v7H7.586l3.8 3.8-.2.2H2a1 1 0 0 1-1-1zm9 2H4v1h6z",
-              clipRule: "evenodd"
-            }
-          ),
-          /* @__PURE__ */ jsx("path", { d: "M10 11h7v7l-2.8-2.8-2.8 2.8-1.4-1.4 2.8-2.8z" })
-        ]
-      }
-    );
-  }
-);
+  };
+  const color = useMemo(() => get(defaultValues.palette, defaultValues.color) ?? defaultValues.color, [defaultValues.color, defaultValues.palette]);
+  return /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 18 18", fontSize: defaultValues.fontSize, fill: color, color, ref, ...props, children: [
+    /* @__PURE__ */ jsx("path", { d: "M0 1a1 1 0 0 1 1-1h12a1 1 0 1 1 0 2H1a1 1 0 0 1-1-1" }),
+    /* @__PURE__ */ jsx("path", { fillRule: "evenodd", d: "M1 3h12v7H7.586l3.8 3.8-.2.2H2a1 1 0 0 1-1-1zm9 2H4v1h6z", clipRule: "evenodd" }),
+    /* @__PURE__ */ jsx("path", { d: "M10 11h7v7l-2.8-2.8-2.8 2.8-1.4-1.4 2.8-2.8z" })
+  ] });
+};
+const ForwardRef = forwardRef(ActiveOriginArchiveIcon);
 export {
-  ActiveOriginArchiveIcon
+  ForwardRef as ActiveOriginArchiveIcon
 };

package/lib/icons/AddIcon.d.ts

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

package/lib/icons/AddIcon.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 AddIcon = react.forwardRef(
-  ({
-    color: defaultColor,
-    size,
+const AddIcon = ({
+  color: defaultColor,
+  size,
+  ...props
+}, ref) => {
+  const defaultContextValues = react.useContext(Context.IconContext);
+  const defaultValues = {
+    ...defaultContextValues,
+    color: defaultColor ?? defaultContextValues.color,
+    fontSize: size ?? defaultContextValues.size ?? "var(--panache-icon-size)",
     ...props
-  }, ref) => {
-    const defaultContextValues = react.useContext(Context.IconContext);
-    const defaultValues = {
-      ...defaultContextValues,
-      color: defaultColor || defaultContextValues.color,
-      size: size || defaultContextValues.size,
-      ...props
-    };
-    const color = react.useMemo(
-      () => get.default(defaultValues.palette, defaultValues.color) ?? defaultValues.color,
-      [defaultValues.color, defaultValues.palette]
-    );
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      "svg",
-      {
-        xmlns: "http://www.w3.org/2000/svg",
-        width: defaultValues.size,
-        height: defaultValues.size,
-        viewBox: "0 0 24 24",
-        fill: color,
-        color,
-        ...props,
-        children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M11 5v14a1 1 0 0 0 2 0V5a1 1 0 0 0-2 0m-6 8h14a1 1 0 0 0 0-2H5a1 1 0 0 0 0 2" })
-      }
-    );
-  }
-);
-exports.AddIcon = AddIcon;
+  };
+  const color = react.useMemo(() => get.default(defaultValues.palette, defaultValues.color) ?? defaultValues.color, [defaultValues.color, defaultValues.palette]);
+  return /* @__PURE__ */ jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 24 24", fontSize: defaultValues.fontSize, fill: color, color, ref, ...props, children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M11 5v14a1 1 0 0 0 2 0V5a1 1 0 0 0-2 0m-6 8h14a1 1 0 0 0 0-2H5a1 1 0 0 0 0 2" }) });
+};
+const ForwardRef = react.forwardRef(AddIcon);
+exports.AddIcon = ForwardRef;

package/lib/icons/AddIcon.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 AddIcon = forwardRef(
-  ({
-    color: defaultColor,
-    size,
+const AddIcon = ({
+  color: defaultColor,
+  size,
+  ...props
+}, ref) => {
+  const defaultContextValues = useContext(IconContext);
+  const defaultValues = {
+    ...defaultContextValues,
+    color: defaultColor ?? defaultContextValues.color,
+    fontSize: size ?? defaultContextValues.size ?? "var(--panache-icon-size)",
     ...props
-  }, ref) => {
-    const defaultContextValues = useContext(IconContext);
-    const defaultValues = {
-      ...defaultContextValues,
-      color: defaultColor || defaultContextValues.color,
-      size: size || defaultContextValues.size,
-      ...props
-    };
-    const color = useMemo(
-      () => get(defaultValues.palette, defaultValues.color) ?? defaultValues.color,
-      [defaultValues.color, defaultValues.palette]
-    );
-    return /* @__PURE__ */ jsx(
-      "svg",
-      {
-        xmlns: "http://www.w3.org/2000/svg",
-        width: defaultValues.size,
-        height: defaultValues.size,
-        viewBox: "0 0 24 24",
-        fill: color,
-        color,
-        ...props,
-        children: /* @__PURE__ */ jsx("path", { d: "M11 5v14a1 1 0 0 0 2 0V5a1 1 0 0 0-2 0m-6 8h14a1 1 0 0 0 0-2H5a1 1 0 0 0 0 2" })
-      }
-    );
-  }
-);
+  };
+  const color = useMemo(() => get(defaultValues.palette, defaultValues.color) ?? defaultValues.color, [defaultValues.color, defaultValues.palette]);
+  return /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 24 24", fontSize: defaultValues.fontSize, fill: color, color, ref, ...props, children: /* @__PURE__ */ jsx("path", { d: "M11 5v14a1 1 0 0 0 2 0V5a1 1 0 0 0-2 0m-6 8h14a1 1 0 0 0 0-2H5a1 1 0 0 0 0 2" }) });
+};
+const ForwardRef = forwardRef(AddIcon);
 export {
-  AddIcon
+  ForwardRef as AddIcon
 };

package/lib/icons/AdminIcon.d.ts

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