@imtf/icons 0.6.5 → 0.7.0

package/lib/icons/HistoryIcon.js

@@ -4,36 +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 HistoryIcon = react.forwardRef(
-  ({
-    color: defaultColor,
-    size,
+const HistoryIcon = ({
+  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: "M13.5 1.5C19.3 1.5 24 6.2 24 12s-4.7 10.5-10.5 10.5a.75.75 0 1 1 0-1.5 9 9 0 0 0 9-9 9 9 0 0 0-9-9 9 9 0 0 0-8.995 8.683L6.22 9.97a.75.75 0 0 1 1.06 1.06l-3 3a.75.75 0 0 1-.53.22l.077-.004-.06.004H3.75a.77.77 0 0 1-.42-.129 1 1 0 0 1-.11-.09l.078.068a1 1 0 0 1-.078-.069l-3-3a.75.75 0 0 1 1.06-1.06l1.724 1.725C3.166 6.037 7.803 1.5 13.5 1.5m0 5.75a.75.75 0 0 1 .75.75v3.439l4.467 4.469a.75.75 0 0 1 .073.976l-.073.084a.75.75 0 0 1-1.06 0L12.97 12.28a.76.76 0 0 1-.208-.394 1 1 0 0 1-.012-.136l.004.077-.004-.06V8a.75.75 0 0 1 .75-.75" })
-      }
-    );
-  }
-);
-exports.HistoryIcon = HistoryIcon;
+  };
+  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: "M13 3a9 9 0 0 0-9 9H1l3.89 3.89.07.14L9 12H6c0-3.87 3.13-7 7-7s7 3.13 7 7-3.13 7-7 7c-1.93 0-3.68-.79-4.94-2.06l-1.42 1.42A8.95 8.95 0 0 0 13 21a9 9 0 0 0 0-18m-1 5v5l4.28 2.54.72-1.21-3.5-2.08V8z" })
+  ] });
+};
+const ForwardRef = react.forwardRef(HistoryIcon);
+exports.HistoryIcon = ForwardRef;

package/lib/icons/HistoryIcon.mjs

@@ -1,40 +1,27 @@
 "use client";
-import { jsx } from "react/jsx-runtime";
+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 HistoryIcon = forwardRef(
-  ({
-    color: defaultColor,
-    size,
+const HistoryIcon = ({
+  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: "M13.5 1.5C19.3 1.5 24 6.2 24 12s-4.7 10.5-10.5 10.5a.75.75 0 1 1 0-1.5 9 9 0 0 0 9-9 9 9 0 0 0-9-9 9 9 0 0 0-8.995 8.683L6.22 9.97a.75.75 0 0 1 1.06 1.06l-3 3a.75.75 0 0 1-.53.22l.077-.004-.06.004H3.75a.77.77 0 0 1-.42-.129 1 1 0 0 1-.11-.09l.078.068a1 1 0 0 1-.078-.069l-3-3a.75.75 0 0 1 1.06-1.06l1.724 1.725C3.166 6.037 7.803 1.5 13.5 1.5m0 5.75a.75.75 0 0 1 .75.75v3.439l4.467 4.469a.75.75 0 0 1 .073.976l-.073.084a.75.75 0 0 1-1.06 0L12.97 12.28a.76.76 0 0 1-.208-.394 1 1 0 0 1-.012-.136l.004.077-.004-.06V8a.75.75 0 0 1 .75-.75" })
-      }
-    );
-  }
-);
+  };
+  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: "M13 3a9 9 0 0 0-9 9H1l3.89 3.89.07.14L9 12H6c0-3.87 3.13-7 7-7s7 3.13 7 7-3.13 7-7 7c-1.93 0-3.68-.79-4.94-2.06l-1.42 1.42A8.95 8.95 0 0 0 13 21a9 9 0 0 0 0-18m-1 5v5l4.28 2.54.72-1.21-3.5-2.08V8z" })
+  ] });
+};
+const ForwardRef = forwardRef(HistoryIcon);
 export {
-  HistoryIcon
+  ForwardRef as HistoryIcon
 };

package/lib/icons/HomeIcon.d.ts

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

package/lib/icons/HomeIcon.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 HomeIcon = react.forwardRef(
-  ({
-    color: defaultColor,
-    size,
+const HomeIcon = ({
+  color: defaultColor,
+  size,
+  ...props
+}, ref) => {
+  const defaultContextValues = react.useContext(Context.IconContext);
+  const defaultValues = {
+    ...defaultContextValues,
+    color: defaultColor ?? defaultContextValues.color,
+    fontSize: size ?? defaultContextValues.size ?? "var(--panache-icon-size)",
     ...props
-  }, ref) => {
-    const defaultContextValues = react.useContext(Context.IconContext);
-    const defaultValues = {
-      ...defaultContextValues,
-      color: defaultColor || defaultContextValues.color,
-      size: size || defaultContextValues.size,
-      ...props
-    };
-    const color = react.useMemo(
-      () => get.default(defaultValues.palette, defaultValues.color) ?? defaultValues.color,
-      [defaultValues.color, defaultValues.palette]
-    );
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      "svg",
-      {
-        xmlns: "http://www.w3.org/2000/svg",
-        width: defaultValues.size,
-        height: defaultValues.size,
-        viewBox: "0 0 24 24",
-        fill: color,
-        color,
-        ...props,
-        children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M20.25 13.129a.75.75 0 0 1 .75.75v8.25a.75.75 0 0 1-.75.75h-6a.75.75 0 0 1-.75-.75v-6a.75.75 0 0 0-.75-.75h-1.5a.75.75 0 0 0-.75.75v6a.75.75 0 0 1-.75.75h-6a.75.75 0 0 1-.75-.75v-8.25a.75.75 0 0 1 1.5 0v7.5H9v-5.25a2.25 2.25 0 0 1 2.25-2.25h1.5a2.25 2.25 0 0 1 2.25 2.25v5.25h4.5v-7.5a.75.75 0 0 1 .75-.75m-9.841-11.47a2.25 2.25 0 0 1 3.181 0l10.19 10.19a.75.75 0 0 1-1.06 1.06L12.53 2.719l-.084-.072a.75.75 0 0 0-.977.073L1.28 12.909a.75.75 0 0 1-1.06-1.06Z" })
-      }
-    );
-  }
-);
-exports.HomeIcon = HomeIcon;
+  };
+  const color = react.useMemo(() => get.default(defaultValues.palette, defaultValues.color) ?? defaultValues.color, [defaultValues.color, defaultValues.palette]);
+  return /* @__PURE__ */ jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 24 24", fontSize: defaultValues.fontSize, fill: color, color, ref, ...props, children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M20.25 13.129a.75.75 0 0 1 .75.75v8.25a.75.75 0 0 1-.75.75h-6a.75.75 0 0 1-.75-.75v-6a.75.75 0 0 0-.75-.75h-1.5a.75.75 0 0 0-.75.75v6a.75.75 0 0 1-.75.75h-6a.75.75 0 0 1-.75-.75v-8.25a.75.75 0 0 1 1.5 0v7.5H9v-5.25a2.25 2.25 0 0 1 2.25-2.25h1.5a2.25 2.25 0 0 1 2.25 2.25v5.25h4.5v-7.5a.75.75 0 0 1 .75-.75m-9.841-11.47a2.25 2.25 0 0 1 3.181 0l10.19 10.19a.75.75 0 0 1-1.06 1.06L12.53 2.719l-.084-.072a.75.75 0 0 0-.977.073L1.28 12.909a.75.75 0 0 1-1.06-1.06Z" }) });
+};
+const ForwardRef = react.forwardRef(HomeIcon);
+exports.HomeIcon = ForwardRef;

package/lib/icons/HomeIcon.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 HomeIcon = forwardRef(
-  ({
-    color: defaultColor,
-    size,
+const HomeIcon = ({
+  color: defaultColor,
+  size,
+  ...props
+}, ref) => {
+  const defaultContextValues = useContext(IconContext);
+  const defaultValues = {
+    ...defaultContextValues,
+    color: defaultColor ?? defaultContextValues.color,
+    fontSize: size ?? defaultContextValues.size ?? "var(--panache-icon-size)",
     ...props
-  }, ref) => {
-    const defaultContextValues = useContext(IconContext);
-    const defaultValues = {
-      ...defaultContextValues,
-      color: defaultColor || defaultContextValues.color,
-      size: size || defaultContextValues.size,
-      ...props
-    };
-    const color = useMemo(
-      () => get(defaultValues.palette, defaultValues.color) ?? defaultValues.color,
-      [defaultValues.color, defaultValues.palette]
-    );
-    return /* @__PURE__ */ jsx(
-      "svg",
-      {
-        xmlns: "http://www.w3.org/2000/svg",
-        width: defaultValues.size,
-        height: defaultValues.size,
-        viewBox: "0 0 24 24",
-        fill: color,
-        color,
-        ...props,
-        children: /* @__PURE__ */ jsx("path", { d: "M20.25 13.129a.75.75 0 0 1 .75.75v8.25a.75.75 0 0 1-.75.75h-6a.75.75 0 0 1-.75-.75v-6a.75.75 0 0 0-.75-.75h-1.5a.75.75 0 0 0-.75.75v6a.75.75 0 0 1-.75.75h-6a.75.75 0 0 1-.75-.75v-8.25a.75.75 0 0 1 1.5 0v7.5H9v-5.25a2.25 2.25 0 0 1 2.25-2.25h1.5a2.25 2.25 0 0 1 2.25 2.25v5.25h4.5v-7.5a.75.75 0 0 1 .75-.75m-9.841-11.47a2.25 2.25 0 0 1 3.181 0l10.19 10.19a.75.75 0 0 1-1.06 1.06L12.53 2.719l-.084-.072a.75.75 0 0 0-.977.073L1.28 12.909a.75.75 0 0 1-1.06-1.06Z" })
-      }
-    );
-  }
-);
+  };
+  const color = useMemo(() => get(defaultValues.palette, defaultValues.color) ?? defaultValues.color, [defaultValues.color, defaultValues.palette]);
+  return /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 24 24", fontSize: defaultValues.fontSize, fill: color, color, ref, ...props, children: /* @__PURE__ */ jsx("path", { d: "M20.25 13.129a.75.75 0 0 1 .75.75v8.25a.75.75 0 0 1-.75.75h-6a.75.75 0 0 1-.75-.75v-6a.75.75 0 0 0-.75-.75h-1.5a.75.75 0 0 0-.75.75v6a.75.75 0 0 1-.75.75h-6a.75.75 0 0 1-.75-.75v-8.25a.75.75 0 0 1 1.5 0v7.5H9v-5.25a2.25 2.25 0 0 1 2.25-2.25h1.5a2.25 2.25 0 0 1 2.25 2.25v5.25h4.5v-7.5a.75.75 0 0 1 .75-.75m-9.841-11.47a2.25 2.25 0 0 1 3.181 0l10.19 10.19a.75.75 0 0 1-1.06 1.06L12.53 2.719l-.084-.072a.75.75 0 0 0-.977.073L1.28 12.909a.75.75 0 0 1-1.06-1.06Z" }) });
+};
+const ForwardRef = forwardRef(HomeIcon);
 export {
-  HomeIcon
+  ForwardRef as HomeIcon
 };

package/lib/icons/HorseIcon.d.ts

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

package/lib/icons/HorseIcon.js

@@ -4,40 +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 HorseIcon = react.forwardRef(
-  ({
-    color: defaultColor,
-    size,
+const HorseIcon = ({
+  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 16 20",
-        fill: color,
-        color,
-        ...props,
-        children: /* @__PURE__ */ jsxRuntime.jsxs("g", { fillRule: "nonzero", children: [
-          /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M5.467 14.109v-1.761c0-.548.2-1.113.666-1.992l.527-.972.179-.342c.34-.672.39-.915.39-1.39a.75.75 0 0 0-1.494-.102l-.01.191c-.019.18-.099.383-.359.878l-.426.79c-.67 1.222-.973 2.016-.973 2.939v1.76a.75.75 0 0 0 1.5 0" }),
-          /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M8.339 2.842C8.033 1.237 6.642.446 4.717.446a.75.75 0 0 0-.75.75v1.962L1.151 5.17a1.924 1.924 0 0 0-.537 2.545l.1.153.548.731a1.92 1.92 0 0 0 2.148.671l2.603-.868h1.64a.75.75 0 1 0 0-1.5H5.89a.8.8 0 0 0-.237.039l-2.718.906a.42.42 0 0 1-.473-.147l-.556-.742c-.119-.167-.074-.431.116-.568l3.13-2.236a.75.75 0 0 0 .314-.61V2c.955.157 1.435.654 1.435 1.543 0 .415.336.75.75.75a3.36 3.36 0 0 1 3.359 3.36v6.456a.75.75 0 0 0 1.5 0V7.652a4.86 4.86 0 0 0-3.96-4.775z" }),
-          /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M4.43 13.416a.8.8 0 0 1 .287-.057h7.044a.8.8 0 0 1 .287.057c1.64.68 2.681 2.171 3.288 3.776q.109.287.11.595c0 .976-.792 1.767-1.768 1.767H2.8a1.767 1.767 0 0 1-1.767-1.767c0-.204.037-.405.108-.591.608-1.609 1.65-3.1 3.29-3.78m.232 1.553c-.978.555-1.692 1.63-2.119 2.76a.2.2 0 0 0-.01.058c0 .148.12.267.267.267h10.878c.148 0 .268-.12.268-.267q0-.03-.012-.061c-.456-1.207-1.244-2.356-2.331-2.867H4.875z" })
-        ] })
-      }
-    );
-  }
-);
-exports.HorseIcon = HorseIcon;
+  };
+  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 16 20", fontSize: defaultValues.fontSize, fill: color, color, ref, ...props, children: /* @__PURE__ */ jsxRuntime.jsxs("g", { fillRule: "nonzero", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M5.467 14.109v-1.761c0-.548.2-1.113.666-1.992l.527-.972.179-.342c.34-.672.39-.915.39-1.39a.75.75 0 0 0-1.494-.102l-.01.191c-.019.18-.099.383-.359.878l-.426.79c-.67 1.222-.973 2.016-.973 2.939v1.76a.75.75 0 0 0 1.5 0" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M8.339 2.842C8.033 1.237 6.642.446 4.717.446a.75.75 0 0 0-.75.75v1.962L1.151 5.17a1.924 1.924 0 0 0-.537 2.545l.1.153.548.731a1.92 1.92 0 0 0 2.148.671l2.603-.868h1.64a.75.75 0 1 0 0-1.5H5.89a.8.8 0 0 0-.237.039l-2.718.906a.42.42 0 0 1-.473-.147l-.556-.742c-.119-.167-.074-.431.116-.568l3.13-2.236a.75.75 0 0 0 .314-.61V2c.955.157 1.435.654 1.435 1.543 0 .415.336.75.75.75a3.36 3.36 0 0 1 3.359 3.36v6.456a.75.75 0 0 0 1.5 0V7.652a4.86 4.86 0 0 0-3.96-4.775z" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M4.43 13.416a.8.8 0 0 1 .287-.057h7.044a.8.8 0 0 1 .287.057c1.64.68 2.681 2.171 3.288 3.776q.109.287.11.595c0 .976-.792 1.767-1.768 1.767H2.8a1.767 1.767 0 0 1-1.767-1.767c0-.204.037-.405.108-.591.608-1.609 1.65-3.1 3.29-3.78m.232 1.553c-.978.555-1.692 1.63-2.119 2.76a.2.2 0 0 0-.01.058c0 .148.12.267.267.267h10.878c.148 0 .268-.12.268-.267q0-.03-.012-.061c-.456-1.207-1.244-2.356-2.331-2.867H4.875z" })
+  ] }) });
+};
+const ForwardRef = react.forwardRef(HorseIcon);
+exports.HorseIcon = ForwardRef;

package/lib/icons/HorseIcon.mjs

@@ -3,42 +3,26 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { forwardRef, useContext, useMemo } from "react";
 import get from "../utils/get.mjs";
 import { IconContext } from "../providers/IconProvider/Context.mjs";
-const HorseIcon = forwardRef(
-  ({
-    color: defaultColor,
-    size,
+const HorseIcon = ({
+  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 16 20",
-        fill: color,
-        color,
-        ...props,
-        children: /* @__PURE__ */ jsxs("g", { fillRule: "nonzero", children: [
-          /* @__PURE__ */ jsx("path", { d: "M5.467 14.109v-1.761c0-.548.2-1.113.666-1.992l.527-.972.179-.342c.34-.672.39-.915.39-1.39a.75.75 0 0 0-1.494-.102l-.01.191c-.019.18-.099.383-.359.878l-.426.79c-.67 1.222-.973 2.016-.973 2.939v1.76a.75.75 0 0 0 1.5 0" }),
-          /* @__PURE__ */ jsx("path", { d: "M8.339 2.842C8.033 1.237 6.642.446 4.717.446a.75.75 0 0 0-.75.75v1.962L1.151 5.17a1.924 1.924 0 0 0-.537 2.545l.1.153.548.731a1.92 1.92 0 0 0 2.148.671l2.603-.868h1.64a.75.75 0 1 0 0-1.5H5.89a.8.8 0 0 0-.237.039l-2.718.906a.42.42 0 0 1-.473-.147l-.556-.742c-.119-.167-.074-.431.116-.568l3.13-2.236a.75.75 0 0 0 .314-.61V2c.955.157 1.435.654 1.435 1.543 0 .415.336.75.75.75a3.36 3.36 0 0 1 3.359 3.36v6.456a.75.75 0 0 0 1.5 0V7.652a4.86 4.86 0 0 0-3.96-4.775z" }),
-          /* @__PURE__ */ jsx("path", { d: "M4.43 13.416a.8.8 0 0 1 .287-.057h7.044a.8.8 0 0 1 .287.057c1.64.68 2.681 2.171 3.288 3.776q.109.287.11.595c0 .976-.792 1.767-1.768 1.767H2.8a1.767 1.767 0 0 1-1.767-1.767c0-.204.037-.405.108-.591.608-1.609 1.65-3.1 3.29-3.78m.232 1.553c-.978.555-1.692 1.63-2.119 2.76a.2.2 0 0 0-.01.058c0 .148.12.267.267.267h10.878c.148 0 .268-.12.268-.267q0-.03-.012-.061c-.456-1.207-1.244-2.356-2.331-2.867H4.875z" })
-        ] })
-      }
-    );
-  }
-);
+  };
+  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 16 20", fontSize: defaultValues.fontSize, fill: color, color, ref, ...props, children: /* @__PURE__ */ jsxs("g", { fillRule: "nonzero", children: [
+    /* @__PURE__ */ jsx("path", { d: "M5.467 14.109v-1.761c0-.548.2-1.113.666-1.992l.527-.972.179-.342c.34-.672.39-.915.39-1.39a.75.75 0 0 0-1.494-.102l-.01.191c-.019.18-.099.383-.359.878l-.426.79c-.67 1.222-.973 2.016-.973 2.939v1.76a.75.75 0 0 0 1.5 0" }),
+    /* @__PURE__ */ jsx("path", { d: "M8.339 2.842C8.033 1.237 6.642.446 4.717.446a.75.75 0 0 0-.75.75v1.962L1.151 5.17a1.924 1.924 0 0 0-.537 2.545l.1.153.548.731a1.92 1.92 0 0 0 2.148.671l2.603-.868h1.64a.75.75 0 1 0 0-1.5H5.89a.8.8 0 0 0-.237.039l-2.718.906a.42.42 0 0 1-.473-.147l-.556-.742c-.119-.167-.074-.431.116-.568l3.13-2.236a.75.75 0 0 0 .314-.61V2c.955.157 1.435.654 1.435 1.543 0 .415.336.75.75.75a3.36 3.36 0 0 1 3.359 3.36v6.456a.75.75 0 0 0 1.5 0V7.652a4.86 4.86 0 0 0-3.96-4.775z" }),
+    /* @__PURE__ */ jsx("path", { d: "M4.43 13.416a.8.8 0 0 1 .287-.057h7.044a.8.8 0 0 1 .287.057c1.64.68 2.681 2.171 3.288 3.776q.109.287.11.595c0 .976-.792 1.767-1.768 1.767H2.8a1.767 1.767 0 0 1-1.767-1.767c0-.204.037-.405.108-.591.608-1.609 1.65-3.1 3.29-3.78m.232 1.553c-.978.555-1.692 1.63-2.119 2.76a.2.2 0 0 0-.01.058c0 .148.12.267.267.267h10.878c.148 0 .268-.12.268-.267q0-.03-.012-.061c-.456-1.207-1.244-2.356-2.331-2.867H4.875z" })
+  ] }) });
+};
+const ForwardRef = forwardRef(HorseIcon);
 export {
-  HorseIcon
+  ForwardRef as HorseIcon
 };

package/lib/icons/HouseholdEntityIcon.d.ts

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

package/lib/icons/HouseholdEntityIcon.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 HouseholdEntityIcon = react.forwardRef(
-  ({
-    color: defaultColor,
-    size,
+const HouseholdEntityIcon = ({
+  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 -960 960 960",
-        fill: color,
-        color,
-        ...props,
-        children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M160-120v-375l-72 55-48-64 440-336 440 336-48 63-72-54v375zm80-80h480v-356L480-739 240-556zm0 0h480zm80-160q-17 0-28.5-11.5T280-400t11.5-28.5T320-440t28.5 11.5T360-400t-11.5 28.5T320-360m160 0q-17 0-28.5-11.5T440-400t11.5-28.5T480-440t28.5 11.5T520-400t-11.5 28.5T480-360m160 0q-17 0-28.5-11.5T600-400t11.5-28.5T640-440t28.5 11.5T680-400t-11.5 28.5T640-360" })
-      }
-    );
-  }
-);
-exports.HouseholdEntityIcon = HouseholdEntityIcon;
+  };
+  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 -960 960 960", fontSize: defaultValues.fontSize, fill: color, color, ref, ...props, children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M160-120v-375l-72 55-48-64 440-336 440 336-48 63-72-54v375zm80-80h480v-356L480-739 240-556zm0 0h480zm80-160q-17 0-28.5-11.5T280-400t11.5-28.5T320-440t28.5 11.5T360-400t-11.5 28.5T320-360m160 0q-17 0-28.5-11.5T440-400t11.5-28.5T480-440t28.5 11.5T520-400t-11.5 28.5T480-360m160 0q-17 0-28.5-11.5T600-400t11.5-28.5T640-440t28.5 11.5T680-400t-11.5 28.5T640-360" }) });
+};
+const ForwardRef = react.forwardRef(HouseholdEntityIcon);
+exports.HouseholdEntityIcon = ForwardRef;

package/lib/icons/HouseholdEntityIcon.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 HouseholdEntityIcon = forwardRef(
-  ({
-    color: defaultColor,
-    size,
+const HouseholdEntityIcon = ({
+  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 -960 960 960",
-        fill: color,
-        color,
-        ...props,
-        children: /* @__PURE__ */ jsx("path", { d: "M160-120v-375l-72 55-48-64 440-336 440 336-48 63-72-54v375zm80-80h480v-356L480-739 240-556zm0 0h480zm80-160q-17 0-28.5-11.5T280-400t11.5-28.5T320-440t28.5 11.5T360-400t-11.5 28.5T320-360m160 0q-17 0-28.5-11.5T440-400t11.5-28.5T480-440t28.5 11.5T520-400t-11.5 28.5T480-360m160 0q-17 0-28.5-11.5T600-400t11.5-28.5T640-440t28.5 11.5T680-400t-11.5 28.5T640-360" })
-      }
-    );
-  }
-);
+  };
+  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 -960 960 960", fontSize: defaultValues.fontSize, fill: color, color, ref, ...props, children: /* @__PURE__ */ jsx("path", { d: "M160-120v-375l-72 55-48-64 440-336 440 336-48 63-72-54v375zm80-80h480v-356L480-739 240-556zm0 0h480zm80-160q-17 0-28.5-11.5T280-400t11.5-28.5T320-440t28.5 11.5T360-400t-11.5 28.5T320-360m160 0q-17 0-28.5-11.5T440-400t11.5-28.5T480-440t28.5 11.5T520-400t-11.5 28.5T480-360m160 0q-17 0-28.5-11.5T600-400t11.5-28.5T640-440t28.5 11.5T680-400t-11.5 28.5T640-360" }) });
+};
+const ForwardRef = forwardRef(HouseholdEntityIcon);
 export {
-  HouseholdEntityIcon
+  ForwardRef as HouseholdEntityIcon
 };

package/lib/icons/InboxIcon.d.ts

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

package/lib/icons/InboxIcon.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 InboxIcon = react.forwardRef(
-  ({
-    color: defaultColor,
-    size,
+const InboxIcon = ({
+  color: defaultColor,
+  size,
+  ...props
+}, ref) => {
+  const defaultContextValues = react.useContext(Context.IconContext);
+  const defaultValues = {
+    ...defaultContextValues,
+    color: defaultColor ?? defaultContextValues.color,
+    fontSize: size ?? defaultContextValues.size ?? "var(--panache-icon-size)",
     ...props
-  }, ref) => {
-    const defaultContextValues = react.useContext(Context.IconContext);
-    const defaultValues = {
-      ...defaultContextValues,
-      color: defaultColor || defaultContextValues.color,
-      size: size || defaultContextValues.size,
-      ...props
-    };
-    const color = react.useMemo(
-      () => get.default(defaultValues.palette, defaultValues.color) ?? defaultValues.color,
-      [defaultValues.color, defaultValues.palette]
-    );
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      "svg",
-      {
-        xmlns: "http://www.w3.org/2000/svg",
-        width: defaultValues.size,
-        height: defaultValues.size,
-        viewBox: "0 0 24 24",
-        fill: color,
-        color,
-        ...props,
-        children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M6.832 14.25a.75.75 0 0 1 .651.378 5.201 5.201 0 0 0 9.034 0 .75.75 0 0 1 .651-.378H21a2.25 2.25 0 0 1 2.25 2.25V21A2.25 2.25 0 0 1 21 23.25H3A2.25 2.25 0 0 1 .75 21v-4.5A2.25 2.25 0 0 1 3 14.25zm-.418 1.5H3a.75.75 0 0 0-.75.75V21c0 .414.336.75.75.75h18a.75.75 0 0 0 .75-.75v-4.5a.75.75 0 0 0-.75-.75h-3.413a6.7 6.7 0 0 1-10.994.257zM12 .75a.75.75 0 0 1 .75.75v8.938l2.531-2.024a.75.75 0 0 1 .98.036l.075.081a.75.75 0 0 1-.117 1.055l-3.75 3a.75.75 0 0 1-.469.164l.065-.003-.022.002-.043.001a.76.76 0 0 1-.355-.09 1 1 0 0 1-.114-.074l.092.063a1 1 0 0 1-.088-.06l-.004-.003-3.75-3a.75.75 0 0 1 .938-1.172l2.531 2.026V1.5a.75.75 0 0 1 .648-.743Z" })
-      }
-    );
-  }
-);
-exports.InboxIcon = InboxIcon;
+  };
+  const color = react.useMemo(() => get.default(defaultValues.palette, defaultValues.color) ?? defaultValues.color, [defaultValues.color, defaultValues.palette]);
+  return /* @__PURE__ */ jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 24 24", fontSize: defaultValues.fontSize, fill: color, color, ref, ...props, children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M6.832 14.25a.75.75 0 0 1 .651.378 5.201 5.201 0 0 0 9.034 0 .75.75 0 0 1 .651-.378H21a2.25 2.25 0 0 1 2.25 2.25V21A2.25 2.25 0 0 1 21 23.25H3A2.25 2.25 0 0 1 .75 21v-4.5A2.25 2.25 0 0 1 3 14.25zm-.418 1.5H3a.75.75 0 0 0-.75.75V21c0 .414.336.75.75.75h18a.75.75 0 0 0 .75-.75v-4.5a.75.75 0 0 0-.75-.75h-3.413a6.7 6.7 0 0 1-10.994.257zM12 .75a.75.75 0 0 1 .75.75v8.938l2.531-2.024a.75.75 0 0 1 .98.036l.075.081a.75.75 0 0 1-.117 1.055l-3.75 3a.75.75 0 0 1-.469.164l.065-.003-.022.002-.043.001a.76.76 0 0 1-.355-.09 1 1 0 0 1-.114-.074l.092.063a1 1 0 0 1-.088-.06l-.004-.003-3.75-3a.75.75 0 0 1 .938-1.172l2.531 2.026V1.5a.75.75 0 0 1 .648-.743Z" }) });
+};
+const ForwardRef = react.forwardRef(InboxIcon);
+exports.InboxIcon = ForwardRef;

package/lib/icons/InboxIcon.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 InboxIcon = forwardRef(
-  ({
-    color: defaultColor,
-    size,
+const InboxIcon = ({
+  color: defaultColor,
+  size,
+  ...props
+}, ref) => {
+  const defaultContextValues = useContext(IconContext);
+  const defaultValues = {
+    ...defaultContextValues,
+    color: defaultColor ?? defaultContextValues.color,
+    fontSize: size ?? defaultContextValues.size ?? "var(--panache-icon-size)",
     ...props
-  }, ref) => {
-    const defaultContextValues = useContext(IconContext);
-    const defaultValues = {
-      ...defaultContextValues,
-      color: defaultColor || defaultContextValues.color,
-      size: size || defaultContextValues.size,
-      ...props
-    };
-    const color = useMemo(
-      () => get(defaultValues.palette, defaultValues.color) ?? defaultValues.color,
-      [defaultValues.color, defaultValues.palette]
-    );
-    return /* @__PURE__ */ jsx(
-      "svg",
-      {
-        xmlns: "http://www.w3.org/2000/svg",
-        width: defaultValues.size,
-        height: defaultValues.size,
-        viewBox: "0 0 24 24",
-        fill: color,
-        color,
-        ...props,
-        children: /* @__PURE__ */ jsx("path", { d: "M6.832 14.25a.75.75 0 0 1 .651.378 5.201 5.201 0 0 0 9.034 0 .75.75 0 0 1 .651-.378H21a2.25 2.25 0 0 1 2.25 2.25V21A2.25 2.25 0 0 1 21 23.25H3A2.25 2.25 0 0 1 .75 21v-4.5A2.25 2.25 0 0 1 3 14.25zm-.418 1.5H3a.75.75 0 0 0-.75.75V21c0 .414.336.75.75.75h18a.75.75 0 0 0 .75-.75v-4.5a.75.75 0 0 0-.75-.75h-3.413a6.7 6.7 0 0 1-10.994.257zM12 .75a.75.75 0 0 1 .75.75v8.938l2.531-2.024a.75.75 0 0 1 .98.036l.075.081a.75.75 0 0 1-.117 1.055l-3.75 3a.75.75 0 0 1-.469.164l.065-.003-.022.002-.043.001a.76.76 0 0 1-.355-.09 1 1 0 0 1-.114-.074l.092.063a1 1 0 0 1-.088-.06l-.004-.003-3.75-3a.75.75 0 0 1 .938-1.172l2.531 2.026V1.5a.75.75 0 0 1 .648-.743Z" })
-      }
-    );
-  }
-);
+  };
+  const color = useMemo(() => get(defaultValues.palette, defaultValues.color) ?? defaultValues.color, [defaultValues.color, defaultValues.palette]);
+  return /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 24 24", fontSize: defaultValues.fontSize, fill: color, color, ref, ...props, children: /* @__PURE__ */ jsx("path", { d: "M6.832 14.25a.75.75 0 0 1 .651.378 5.201 5.201 0 0 0 9.034 0 .75.75 0 0 1 .651-.378H21a2.25 2.25 0 0 1 2.25 2.25V21A2.25 2.25 0 0 1 21 23.25H3A2.25 2.25 0 0 1 .75 21v-4.5A2.25 2.25 0 0 1 3 14.25zm-.418 1.5H3a.75.75 0 0 0-.75.75V21c0 .414.336.75.75.75h18a.75.75 0 0 0 .75-.75v-4.5a.75.75 0 0 0-.75-.75h-3.413a6.7 6.7 0 0 1-10.994.257zM12 .75a.75.75 0 0 1 .75.75v8.938l2.531-2.024a.75.75 0 0 1 .98.036l.075.081a.75.75 0 0 1-.117 1.055l-3.75 3a.75.75 0 0 1-.469.164l.065-.003-.022.002-.043.001a.76.76 0 0 1-.355-.09 1 1 0 0 1-.114-.074l.092.063a1 1 0 0 1-.088-.06l-.004-.003-3.75-3a.75.75 0 0 1 .938-1.172l2.531 2.026V1.5a.75.75 0 0 1 .648-.743Z" }) });
+};
+const ForwardRef = forwardRef(InboxIcon);
 export {
-  InboxIcon
+  ForwardRef as InboxIcon
 };

package/lib/icons/IncomingIcon.d.ts

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