@imtf/icons 0.6.5 → 0.7.0

package/lib/icons/TypesIcon.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 TypesIcon = react.forwardRef(
-  ({
-    color: defaultColor,
-    size,
+const TypesIcon = ({
+  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 13a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1H1a1 1 0 0 1-1-1v-4a1 1 0 0 1 1-1zm-5-8a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1H1a1 1 0 0 1-1-1V6a1 1 0 0 1 1-1zm13 0a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1h-9a1 1 0 0 1-1-1V6a1 1 0 0 1 1-1z" })
-      }
-    );
-  }
-);
-exports.TypesIcon = TypesIcon;
+  };
+  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 13a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1H1a1 1 0 0 1-1-1v-4a1 1 0 0 1 1-1zm-5-8a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1H1a1 1 0 0 1-1-1V6a1 1 0 0 1 1-1zm13 0a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1h-9a1 1 0 0 1-1-1V6a1 1 0 0 1 1-1z" }) });
+};
+const ForwardRef = react.forwardRef(TypesIcon);
+exports.TypesIcon = ForwardRef;

package/lib/icons/TypesIcon.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 TypesIcon = forwardRef(
-  ({
-    color: defaultColor,
-    size,
+const TypesIcon = ({
+  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 13a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1H1a1 1 0 0 1-1-1v-4a1 1 0 0 1 1-1zm-5-8a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1H1a1 1 0 0 1-1-1V6a1 1 0 0 1 1-1zm13 0a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1h-9a1 1 0 0 1-1-1V6a1 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: "M15 13a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1H1a1 1 0 0 1-1-1v-4a1 1 0 0 1 1-1zm-5-8a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1H1a1 1 0 0 1-1-1V6a1 1 0 0 1 1-1zm13 0a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1h-9a1 1 0 0 1-1-1V6a1 1 0 0 1 1-1z" }) });
+};
+const ForwardRef = forwardRef(TypesIcon);
 export {
-  TypesIcon
+  ForwardRef as TypesIcon
 };

package/lib/icons/ViewTreeIcon.d.ts

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

package/lib/icons/ViewTreeIcon.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 ViewTreeIcon = react.forwardRef(
-  ({
-    color: defaultColor,
-    size,
+const ViewTreeIcon = ({
+  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: "M2.25 0a.75.75 0 0 0-.75.75v19.5a2.25 2.25 0 0 0 2.25 2.25H7.5v.75c0 .414.336.75.75.75h13.5a.75.75 0 0 0 .75-.75v-4.5a.75.75 0 0 0-.75-.75H8.25a.75.75 0 0 0-.75.75V21H3.75a.75.75 0 0 1-.743-.648L3 20.25V15h4.5v.75c0 .414.336.75.75.75h13.5a.75.75 0 0 0 .75-.75v-4.5a.75.75 0 0 0-.75-.75H8.25a.75.75 0 0 0-.75.75v2.25H3v-6h4.5v.75c0 .414.336.75.75.75h13.5a.75.75 0 0 0 .75-.75v-4.5a.75.75 0 0 0-.75-.75H8.25a.75.75 0 0 0-.75.75V6H3V.75a.75.75 0 0 0-.648-.743ZM9 19.5h12v3H9zM9 12h12v3H9zm0-7.5h12v3H9z" })
-      }
-    );
-  }
-);
-exports.ViewTreeIcon = ViewTreeIcon;
+  };
+  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: "M2.25 0a.75.75 0 0 0-.75.75v19.5a2.25 2.25 0 0 0 2.25 2.25H7.5v.75c0 .414.336.75.75.75h13.5a.75.75 0 0 0 .75-.75v-4.5a.75.75 0 0 0-.75-.75H8.25a.75.75 0 0 0-.75.75V21H3.75a.75.75 0 0 1-.743-.648L3 20.25V15h4.5v.75c0 .414.336.75.75.75h13.5a.75.75 0 0 0 .75-.75v-4.5a.75.75 0 0 0-.75-.75H8.25a.75.75 0 0 0-.75.75v2.25H3v-6h4.5v.75c0 .414.336.75.75.75h13.5a.75.75 0 0 0 .75-.75v-4.5a.75.75 0 0 0-.75-.75H8.25a.75.75 0 0 0-.75.75V6H3V.75a.75.75 0 0 0-.648-.743ZM9 19.5h12v3H9zM9 12h12v3H9zm0-7.5h12v3H9z" }) });
+};
+const ForwardRef = react.forwardRef(ViewTreeIcon);
+exports.ViewTreeIcon = ForwardRef;

package/lib/icons/ViewTreeIcon.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 ViewTreeIcon = forwardRef(
-  ({
-    color: defaultColor,
-    size,
+const ViewTreeIcon = ({
+  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: "M2.25 0a.75.75 0 0 0-.75.75v19.5a2.25 2.25 0 0 0 2.25 2.25H7.5v.75c0 .414.336.75.75.75h13.5a.75.75 0 0 0 .75-.75v-4.5a.75.75 0 0 0-.75-.75H8.25a.75.75 0 0 0-.75.75V21H3.75a.75.75 0 0 1-.743-.648L3 20.25V15h4.5v.75c0 .414.336.75.75.75h13.5a.75.75 0 0 0 .75-.75v-4.5a.75.75 0 0 0-.75-.75H8.25a.75.75 0 0 0-.75.75v2.25H3v-6h4.5v.75c0 .414.336.75.75.75h13.5a.75.75 0 0 0 .75-.75v-4.5a.75.75 0 0 0-.75-.75H8.25a.75.75 0 0 0-.75.75V6H3V.75a.75.75 0 0 0-.648-.743ZM9 19.5h12v3H9zM9 12h12v3H9zm0-7.5h12v3H9z" })
-      }
-    );
-  }
-);
+  };
+  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: "M2.25 0a.75.75 0 0 0-.75.75v19.5a2.25 2.25 0 0 0 2.25 2.25H7.5v.75c0 .414.336.75.75.75h13.5a.75.75 0 0 0 .75-.75v-4.5a.75.75 0 0 0-.75-.75H8.25a.75.75 0 0 0-.75.75V21H3.75a.75.75 0 0 1-.743-.648L3 20.25V15h4.5v.75c0 .414.336.75.75.75h13.5a.75.75 0 0 0 .75-.75v-4.5a.75.75 0 0 0-.75-.75H8.25a.75.75 0 0 0-.75.75v2.25H3v-6h4.5v.75c0 .414.336.75.75.75h13.5a.75.75 0 0 0 .75-.75v-4.5a.75.75 0 0 0-.75-.75H8.25a.75.75 0 0 0-.75.75V6H3V.75a.75.75 0 0 0-.648-.743ZM9 19.5h12v3H9zM9 12h12v3H9zm0-7.5h12v3H9z" }) });
+};
+const ForwardRef = forwardRef(ViewTreeIcon);
 export {
-  ViewTreeIcon
+  ForwardRef as ViewTreeIcon
 };

package/lib/icons/WarningIcon.d.ts

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

package/lib/icons/WarningIcon.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 WarningIcon = react.forwardRef(
-  ({
-    color: defaultColor,
-    size,
+const WarningIcon = ({
+  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: "M13.465.607a2.07 2.07 0 0 0-2.93 0l-9.928 9.93a2.07 2.07 0 0 0 0 2.929l9.928 9.927c.81.81 2.12.81 2.93 0l9.928-9.927a2.07 2.07 0 0 0 0-2.93zm-2.43 5.61a1.036 1.036 0 0 1 2.071 0v6.215a1.036 1.036 0 0 1-2.071 0zm1.088 11.922h-.029a1.584 1.584 0 0 1-1.576-1.523 1.527 1.527 0 0 1 1.47-1.583l.03-.001h.029c.849.002 1.544.674 1.576 1.522a1.527 1.527 0 0 1-1.47 1.584z"
-          }
-        )
-      }
-    );
-  }
-);
-exports.WarningIcon = WarningIcon;
+  };
+  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: "M13.465.607a2.07 2.07 0 0 0-2.93 0l-9.928 9.93a2.07 2.07 0 0 0 0 2.929l9.928 9.927c.81.81 2.12.81 2.93 0l9.928-9.927a2.07 2.07 0 0 0 0-2.93zm-2.43 5.61a1.036 1.036 0 0 1 2.071 0v6.215a1.036 1.036 0 0 1-2.071 0zm1.088 11.922h-.029a1.584 1.584 0 0 1-1.576-1.523 1.527 1.527 0 0 1 1.47-1.583l.03-.001h.029c.849.002 1.544.674 1.576 1.522a1.527 1.527 0 0 1-1.47 1.584z" }) });
+};
+const ForwardRef = react.forwardRef(WarningIcon);
+exports.WarningIcon = ForwardRef;

package/lib/icons/WarningIcon.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 WarningIcon = forwardRef(
-  ({
-    color: defaultColor,
-    size,
+const WarningIcon = ({
+  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: "M13.465.607a2.07 2.07 0 0 0-2.93 0l-9.928 9.93a2.07 2.07 0 0 0 0 2.929l9.928 9.927c.81.81 2.12.81 2.93 0l9.928-9.927a2.07 2.07 0 0 0 0-2.93zm-2.43 5.61a1.036 1.036 0 0 1 2.071 0v6.215a1.036 1.036 0 0 1-2.071 0zm1.088 11.922h-.029a1.584 1.584 0 0 1-1.576-1.523 1.527 1.527 0 0 1 1.47-1.583l.03-.001h.029c.849.002 1.544.674 1.576 1.522a1.527 1.527 0 0 1-1.47 1.584z"
-          }
-        )
-      }
-    );
-  }
-);
+  };
+  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: "M13.465.607a2.07 2.07 0 0 0-2.93 0l-9.928 9.93a2.07 2.07 0 0 0 0 2.929l9.928 9.927c.81.81 2.12.81 2.93 0l9.928-9.927a2.07 2.07 0 0 0 0-2.93zm-2.43 5.61a1.036 1.036 0 0 1 2.071 0v6.215a1.036 1.036 0 0 1-2.071 0zm1.088 11.922h-.029a1.584 1.584 0 0 1-1.576-1.523 1.527 1.527 0 0 1 1.47-1.583l.03-.001h.029c.849.002 1.544.674 1.576 1.522a1.527 1.527 0 0 1-1.47 1.584z" }) });
+};
+const ForwardRef = forwardRef(WarningIcon);
 export {
-  WarningIcon
+  ForwardRef as WarningIcon
 };

package/lib/icons/WorkbenchIcon.d.ts

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

package/lib/icons/WorkbenchIcon.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 WorkbenchIcon = react.forwardRef(
-  ({
-    color: defaultColor,
-    size,
+const WorkbenchIcon = ({
+  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", { d: "m21.67 18.17-5.3-5.3h-.99l-2.54 2.54v.99l5.3 5.3c.39.39 1.02.39 1.41 0l2.12-2.12a.996.996 0 0 0 0-1.41" }),
-          /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m17.34 10.19 1.41-1.41 2.12 2.12a3 3 0 0 0 0-4.24l-3.54-3.54-1.41 1.41V1.71l-.7-.71-3.54 3.54.71.71h2.83l-1.41 1.41 1.06 1.06-2.89 2.89-4.13-4.13V5.06L4.83 2.04 2 4.87 5.03 7.9h1.41l4.13 4.13-.85.85H7.6l-5.3 5.3a.996.996 0 0 0 0 1.41l2.12 2.12c.39.39 1.02.39 1.41 0l5.3-5.3v-2.12l5.15-5.15z" })
-        ]
-      }
-    );
-  }
-);
-exports.WorkbenchIcon = WorkbenchIcon;
+  };
+  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", { d: "m21.67 18.17-5.3-5.3h-.99l-2.54 2.54v.99l5.3 5.3c.39.39 1.02.39 1.41 0l2.12-2.12a.996.996 0 0 0 0-1.41" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m17.34 10.19 1.41-1.41 2.12 2.12a3 3 0 0 0 0-4.24l-3.54-3.54-1.41 1.41V1.71l-.7-.71-3.54 3.54.71.71h2.83l-1.41 1.41 1.06 1.06-2.89 2.89-4.13-4.13V5.06L4.83 2.04 2 4.87 5.03 7.9h1.41l4.13 4.13-.85.85H7.6l-5.3 5.3a.996.996 0 0 0 0 1.41l2.12 2.12c.39.39 1.02.39 1.41 0l5.3-5.3v-2.12l5.15-5.15z" })
+  ] });
+};
+const ForwardRef = react.forwardRef(WorkbenchIcon);
+exports.WorkbenchIcon = ForwardRef;

package/lib/icons/WorkbenchIcon.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 WorkbenchIcon = forwardRef(
-  ({
-    color: defaultColor,
-    size,
+const WorkbenchIcon = ({
+  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", { d: "m21.67 18.17-5.3-5.3h-.99l-2.54 2.54v.99l5.3 5.3c.39.39 1.02.39 1.41 0l2.12-2.12a.996.996 0 0 0 0-1.41" }),
-          /* @__PURE__ */ jsx("path", { d: "m17.34 10.19 1.41-1.41 2.12 2.12a3 3 0 0 0 0-4.24l-3.54-3.54-1.41 1.41V1.71l-.7-.71-3.54 3.54.71.71h2.83l-1.41 1.41 1.06 1.06-2.89 2.89-4.13-4.13V5.06L4.83 2.04 2 4.87 5.03 7.9h1.41l4.13 4.13-.85.85H7.6l-5.3 5.3a.996.996 0 0 0 0 1.41l2.12 2.12c.39.39 1.02.39 1.41 0l5.3-5.3v-2.12l5.15-5.15z" })
-        ]
-      }
-    );
-  }
-);
+  };
+  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", { d: "m21.67 18.17-5.3-5.3h-.99l-2.54 2.54v.99l5.3 5.3c.39.39 1.02.39 1.41 0l2.12-2.12a.996.996 0 0 0 0-1.41" }),
+    /* @__PURE__ */ jsx("path", { d: "m17.34 10.19 1.41-1.41 2.12 2.12a3 3 0 0 0 0-4.24l-3.54-3.54-1.41 1.41V1.71l-.7-.71-3.54 3.54.71.71h2.83l-1.41 1.41 1.06 1.06-2.89 2.89-4.13-4.13V5.06L4.83 2.04 2 4.87 5.03 7.9h1.41l4.13 4.13-.85.85H7.6l-5.3 5.3a.996.996 0 0 0 0 1.41l2.12 2.12c.39.39 1.02.39 1.41 0l5.3-5.3v-2.12l5.15-5.15z" })
+  ] });
+};
+const ForwardRef = forwardRef(WorkbenchIcon);
 export {
-  WorkbenchIcon
+  ForwardRef as WorkbenchIcon
 };

package/lib/icons/XlsIcon.d.ts

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

package/lib/icons/XlsIcon.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 XlsIcon = react.forwardRef(
-  ({
-    color: defaultColor,
-    size,
+const XlsIcon = ({
+  color: defaultColor,
+  size,
+  ...props
+}, ref) => {
+  const defaultContextValues = react.useContext(Context.IconContext);
+  const defaultValues = {
+    ...defaultContextValues,
+    color: defaultColor ?? defaultContextValues.color,
+    fontSize: size ?? defaultContextValues.size ?? "var(--panache-icon-size)",
     ...props
-  }, ref) => {
-    const defaultContextValues = react.useContext(Context.IconContext);
-    const defaultValues = {
-      ...defaultContextValues,
-      color: defaultColor || defaultContextValues.color,
-      size: size || defaultContextValues.size,
-      ...props
-    };
-    const color = react.useMemo(
-      () => get.default(defaultValues.palette, defaultValues.color) ?? defaultValues.color,
-      [defaultValues.color, defaultValues.palette]
-    );
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      "svg",
-      {
-        xmlns: "http://www.w3.org/2000/svg",
-        width: defaultValues.size,
-        height: defaultValues.size,
-        viewBox: "0 0 24 24",
-        fill: color,
-        color,
-        ...props,
-        children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M17.382-.002a2.25 2.25 0 0 1 1.59.659l4.372 4.372c.422.422.659.994.659 1.59v14.382A3 3 0 0 1 21 23.998H2.999A3 3 0 0 1 .003 21V3A3 3 0 0 1 3-.001zm-.879 1.499-13.502.001A1.5 1.5 0 0 0 1.503 3v18A1.5 1.5 0 0 0 3 22.497h18.001A1.5 1.5 0 0 0 22.503 21V7.498h-3.75a2.25 2.25 0 0 1-2.245-2.096l-.005-.154zM10.5 11.25a.75.75 0 0 1 .75.75v6c0 .414.336.75.75.75h1.5a.75.75 0 1 1 0 1.5H12A2.25 2.25 0 0 1 9.75 18v-6a.75.75 0 0 1 .75-.75m9 0a.75.75 0 1 1 0 1.5H18a.75.75 0 0 0-.75.75c0 .624.252.939 1.2 1.65l.21.16c1.145.887 1.59 1.509 1.59 2.69A2.25 2.25 0 0 1 18 20.25h-1.5a.75.75 0 1 1 0-1.5H18a.75.75 0 0 0 .75-.75c0-.624-.252-.939-1.2-1.65l-.21-.16c-1.145-.887-1.59-1.509-1.59-2.69A2.25 2.25 0 0 1 18 11.25Zm-12.693.47a.75.75 0 0 1 1.392.557L6.81 15.748l1.39 3.471a.75.75 0 0 1-.327.931l-.091.044a.75.75 0 0 1-.975-.417l-.804-2.01-.804 2.01a.75.75 0 0 1-.878.449l-.097-.032a.75.75 0 0 1-.417-.975l1.388-3.471-1.388-3.471a.75.75 0 0 1 .326-.931l.091-.044a.75.75 0 0 1 .975.417l.804 2.009Zm15.385-5.722-4.189-4.189v3.439c0 .38.282.693.648.743l.102.007z" })
-      }
-    );
-  }
-);
-exports.XlsIcon = XlsIcon;
+  };
+  const color = react.useMemo(() => get.default(defaultValues.palette, defaultValues.color) ?? defaultValues.color, [defaultValues.color, defaultValues.palette]);
+  return /* @__PURE__ */ jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 24 24", fontSize: defaultValues.fontSize, fill: color, color, ref, ...props, children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M17.382-.002a2.25 2.25 0 0 1 1.59.659l4.372 4.372c.422.422.659.994.659 1.59v14.382A3 3 0 0 1 21 23.998H2.999A3 3 0 0 1 .003 21V3A3 3 0 0 1 3-.001zm-.879 1.499-13.502.001A1.5 1.5 0 0 0 1.503 3v18A1.5 1.5 0 0 0 3 22.497h18.001A1.5 1.5 0 0 0 22.503 21V7.498h-3.75a2.25 2.25 0 0 1-2.245-2.096l-.005-.154zM10.5 11.25a.75.75 0 0 1 .75.75v6c0 .414.336.75.75.75h1.5a.75.75 0 1 1 0 1.5H12A2.25 2.25 0 0 1 9.75 18v-6a.75.75 0 0 1 .75-.75m9 0a.75.75 0 1 1 0 1.5H18a.75.75 0 0 0-.75.75c0 .624.252.939 1.2 1.65l.21.16c1.145.887 1.59 1.509 1.59 2.69A2.25 2.25 0 0 1 18 20.25h-1.5a.75.75 0 1 1 0-1.5H18a.75.75 0 0 0 .75-.75c0-.624-.252-.939-1.2-1.65l-.21-.16c-1.145-.887-1.59-1.509-1.59-2.69A2.25 2.25 0 0 1 18 11.25Zm-12.693.47a.75.75 0 0 1 1.392.557L6.81 15.748l1.39 3.471a.75.75 0 0 1-.327.931l-.091.044a.75.75 0 0 1-.975-.417l-.804-2.01-.804 2.01a.75.75 0 0 1-.878.449l-.097-.032a.75.75 0 0 1-.417-.975l1.388-3.471-1.388-3.471a.75.75 0 0 1 .326-.931l.091-.044a.75.75 0 0 1 .975.417l.804 2.009Zm15.385-5.722-4.189-4.189v3.439c0 .38.282.693.648.743l.102.007z" }) });
+};
+const ForwardRef = react.forwardRef(XlsIcon);
+exports.XlsIcon = ForwardRef;

package/lib/icons/XlsIcon.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 XlsIcon = forwardRef(
-  ({
-    color: defaultColor,
-    size,
+const XlsIcon = ({
+  color: defaultColor,
+  size,
+  ...props
+}, ref) => {
+  const defaultContextValues = useContext(IconContext);
+  const defaultValues = {
+    ...defaultContextValues,
+    color: defaultColor ?? defaultContextValues.color,
+    fontSize: size ?? defaultContextValues.size ?? "var(--panache-icon-size)",
     ...props
-  }, ref) => {
-    const defaultContextValues = useContext(IconContext);
-    const defaultValues = {
-      ...defaultContextValues,
-      color: defaultColor || defaultContextValues.color,
-      size: size || defaultContextValues.size,
-      ...props
-    };
-    const color = useMemo(
-      () => get(defaultValues.palette, defaultValues.color) ?? defaultValues.color,
-      [defaultValues.color, defaultValues.palette]
-    );
-    return /* @__PURE__ */ jsx(
-      "svg",
-      {
-        xmlns: "http://www.w3.org/2000/svg",
-        width: defaultValues.size,
-        height: defaultValues.size,
-        viewBox: "0 0 24 24",
-        fill: color,
-        color,
-        ...props,
-        children: /* @__PURE__ */ jsx("path", { d: "M17.382-.002a2.25 2.25 0 0 1 1.59.659l4.372 4.372c.422.422.659.994.659 1.59v14.382A3 3 0 0 1 21 23.998H2.999A3 3 0 0 1 .003 21V3A3 3 0 0 1 3-.001zm-.879 1.499-13.502.001A1.5 1.5 0 0 0 1.503 3v18A1.5 1.5 0 0 0 3 22.497h18.001A1.5 1.5 0 0 0 22.503 21V7.498h-3.75a2.25 2.25 0 0 1-2.245-2.096l-.005-.154zM10.5 11.25a.75.75 0 0 1 .75.75v6c0 .414.336.75.75.75h1.5a.75.75 0 1 1 0 1.5H12A2.25 2.25 0 0 1 9.75 18v-6a.75.75 0 0 1 .75-.75m9 0a.75.75 0 1 1 0 1.5H18a.75.75 0 0 0-.75.75c0 .624.252.939 1.2 1.65l.21.16c1.145.887 1.59 1.509 1.59 2.69A2.25 2.25 0 0 1 18 20.25h-1.5a.75.75 0 1 1 0-1.5H18a.75.75 0 0 0 .75-.75c0-.624-.252-.939-1.2-1.65l-.21-.16c-1.145-.887-1.59-1.509-1.59-2.69A2.25 2.25 0 0 1 18 11.25Zm-12.693.47a.75.75 0 0 1 1.392.557L6.81 15.748l1.39 3.471a.75.75 0 0 1-.327.931l-.091.044a.75.75 0 0 1-.975-.417l-.804-2.01-.804 2.01a.75.75 0 0 1-.878.449l-.097-.032a.75.75 0 0 1-.417-.975l1.388-3.471-1.388-3.471a.75.75 0 0 1 .326-.931l.091-.044a.75.75 0 0 1 .975.417l.804 2.009Zm15.385-5.722-4.189-4.189v3.439c0 .38.282.693.648.743l.102.007z" })
-      }
-    );
-  }
-);
+  };
+  const color = useMemo(() => get(defaultValues.palette, defaultValues.color) ?? defaultValues.color, [defaultValues.color, defaultValues.palette]);
+  return /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 24 24", fontSize: defaultValues.fontSize, fill: color, color, ref, ...props, children: /* @__PURE__ */ jsx("path", { d: "M17.382-.002a2.25 2.25 0 0 1 1.59.659l4.372 4.372c.422.422.659.994.659 1.59v14.382A3 3 0 0 1 21 23.998H2.999A3 3 0 0 1 .003 21V3A3 3 0 0 1 3-.001zm-.879 1.499-13.502.001A1.5 1.5 0 0 0 1.503 3v18A1.5 1.5 0 0 0 3 22.497h18.001A1.5 1.5 0 0 0 22.503 21V7.498h-3.75a2.25 2.25 0 0 1-2.245-2.096l-.005-.154zM10.5 11.25a.75.75 0 0 1 .75.75v6c0 .414.336.75.75.75h1.5a.75.75 0 1 1 0 1.5H12A2.25 2.25 0 0 1 9.75 18v-6a.75.75 0 0 1 .75-.75m9 0a.75.75 0 1 1 0 1.5H18a.75.75 0 0 0-.75.75c0 .624.252.939 1.2 1.65l.21.16c1.145.887 1.59 1.509 1.59 2.69A2.25 2.25 0 0 1 18 20.25h-1.5a.75.75 0 1 1 0-1.5H18a.75.75 0 0 0 .75-.75c0-.624-.252-.939-1.2-1.65l-.21-.16c-1.145-.887-1.59-1.509-1.59-2.69A2.25 2.25 0 0 1 18 11.25Zm-12.693.47a.75.75 0 0 1 1.392.557L6.81 15.748l1.39 3.471a.75.75 0 0 1-.327.931l-.091.044a.75.75 0 0 1-.975-.417l-.804-2.01-.804 2.01a.75.75 0 0 1-.878.449l-.097-.032a.75.75 0 0 1-.417-.975l1.388-3.471-1.388-3.471a.75.75 0 0 1 .326-.931l.091-.044a.75.75 0 0 1 .975.417l.804 2.009Zm15.385-5.722-4.189-4.189v3.439c0 .38.282.693.648.743l.102.007z" }) });
+};
+const ForwardRef = forwardRef(XlsIcon);
 export {
-  XlsIcon
+  ForwardRef as XlsIcon
 };

package/lib/icons/XlsLinkIcon.d.ts

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