@imtf/icons 0.6.5 → 0.7.0

package/lib/icons/DefaultIcon.js

@@ -4,35 +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 DefaultIcon = react.forwardRef(
-  ({
-    color: defaultColor,
-    size,
+const DefaultIcon = ({
+  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
-      }
-    );
-  }
-);
-exports.DefaultIcon = DefaultIcon;
+  };
+  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 });
+};
+const ForwardRef = react.forwardRef(DefaultIcon);
+exports.DefaultIcon = ForwardRef;

package/lib/icons/DefaultIcon.mjs

@@ -3,37 +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 DefaultIcon = forwardRef(
-  ({
-    color: defaultColor,
-    size,
+const DefaultIcon = ({
+  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
-      }
-    );
-  }
-);
+  };
+  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 });
+};
+const ForwardRef = forwardRef(DefaultIcon);
 export {
-  DefaultIcon
+  ForwardRef as DefaultIcon
 };

package/lib/icons/DeleteIcon.d.ts

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

package/lib/icons/DeleteIcon.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 DeleteIcon = react.forwardRef(
-  ({
-    color: defaultColor,
-    size,
+const DeleteIcon = ({
+  color: defaultColor,
+  size,
+  ...props
+}, ref) => {
+  const defaultContextValues = react.useContext(Context.IconContext);
+  const defaultValues = {
+    ...defaultContextValues,
+    color: defaultColor ?? defaultContextValues.color,
+    fontSize: size ?? defaultContextValues.size ?? "var(--panache-icon-size)",
     ...props
-  }, ref) => {
-    const defaultContextValues = react.useContext(Context.IconContext);
-    const defaultValues = {
-      ...defaultContextValues,
-      color: defaultColor || defaultContextValues.color,
-      size: size || defaultContextValues.size,
-      ...props
-    };
-    const color = react.useMemo(
-      () => get.default(defaultValues.palette, defaultValues.color) ?? defaultValues.color,
-      [defaultValues.color, defaultValues.palette]
-    );
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      "svg",
-      {
-        xmlns: "http://www.w3.org/2000/svg",
-        width: defaultValues.size,
-        height: defaultValues.size,
-        viewBox: "0 0 24 24",
-        fill: color,
-        color,
-        ...props,
-        children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M23.208 3.208a.75.75 0 1 1 0 1.5h-1.716l-1.424 17.091a2.355 2.355 0 0 1-2.346 2.16H6.237a2.355 2.355 0 0 1-2.346-2.16L2.465 4.708H.75a.75.75 0 0 1-.743-.648L0 3.958a.75.75 0 0 1 .75-.75h6.468v-.854C7.219 1.054 8.274 0 9.574 0h4.812c1.3 0 2.355 1.054 2.355 2.354l-.001.854Zm-3.221 1.5H3.971l1.415 16.966a.855.855 0 0 0 .851.784h11.485c.444 0 .814-.34.851-.783zM9.573 8.823a.75.75 0 0 1 .75.75v8.02a.75.75 0 0 1-1.5 0v-8.02a.75.75 0 0 1 .75-.75m4.812 0a.75.75 0 0 1 .75.75v8.02a.75.75 0 0 1-1.5 0v-8.02a.75.75 0 0 1 .75-.75m0-7.323H9.573a.855.855 0 0 0-.854.854v.854h6.52v-.854a.855.855 0 0 0-.854-.854" })
-      }
-    );
-  }
-);
-exports.DeleteIcon = DeleteIcon;
+  };
+  const color = react.useMemo(() => get.default(defaultValues.palette, defaultValues.color) ?? defaultValues.color, [defaultValues.color, defaultValues.palette]);
+  return /* @__PURE__ */ jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 24 24", fontSize: defaultValues.fontSize, fill: color, color, ref, ...props, children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M23.208 3.208a.75.75 0 1 1 0 1.5h-1.716l-1.424 17.091a2.355 2.355 0 0 1-2.346 2.16H6.237a2.355 2.355 0 0 1-2.346-2.16L2.465 4.708H.75a.75.75 0 0 1-.743-.648L0 3.958a.75.75 0 0 1 .75-.75h6.468v-.854C7.219 1.054 8.274 0 9.574 0h4.812c1.3 0 2.355 1.054 2.355 2.354l-.001.854Zm-3.221 1.5H3.971l1.415 16.966a.855.855 0 0 0 .851.784h11.485c.444 0 .814-.34.851-.783zM9.573 8.823a.75.75 0 0 1 .75.75v8.02a.75.75 0 0 1-1.5 0v-8.02a.75.75 0 0 1 .75-.75m4.812 0a.75.75 0 0 1 .75.75v8.02a.75.75 0 0 1-1.5 0v-8.02a.75.75 0 0 1 .75-.75m0-7.323H9.573a.855.855 0 0 0-.854.854v.854h6.52v-.854a.855.855 0 0 0-.854-.854" }) });
+};
+const ForwardRef = react.forwardRef(DeleteIcon);
+exports.DeleteIcon = ForwardRef;

package/lib/icons/DeleteIcon.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 DeleteIcon = forwardRef(
-  ({
-    color: defaultColor,
-    size,
+const DeleteIcon = ({
+  color: defaultColor,
+  size,
+  ...props
+}, ref) => {
+  const defaultContextValues = useContext(IconContext);
+  const defaultValues = {
+    ...defaultContextValues,
+    color: defaultColor ?? defaultContextValues.color,
+    fontSize: size ?? defaultContextValues.size ?? "var(--panache-icon-size)",
     ...props
-  }, ref) => {
-    const defaultContextValues = useContext(IconContext);
-    const defaultValues = {
-      ...defaultContextValues,
-      color: defaultColor || defaultContextValues.color,
-      size: size || defaultContextValues.size,
-      ...props
-    };
-    const color = useMemo(
-      () => get(defaultValues.palette, defaultValues.color) ?? defaultValues.color,
-      [defaultValues.color, defaultValues.palette]
-    );
-    return /* @__PURE__ */ jsx(
-      "svg",
-      {
-        xmlns: "http://www.w3.org/2000/svg",
-        width: defaultValues.size,
-        height: defaultValues.size,
-        viewBox: "0 0 24 24",
-        fill: color,
-        color,
-        ...props,
-        children: /* @__PURE__ */ jsx("path", { d: "M23.208 3.208a.75.75 0 1 1 0 1.5h-1.716l-1.424 17.091a2.355 2.355 0 0 1-2.346 2.16H6.237a2.355 2.355 0 0 1-2.346-2.16L2.465 4.708H.75a.75.75 0 0 1-.743-.648L0 3.958a.75.75 0 0 1 .75-.75h6.468v-.854C7.219 1.054 8.274 0 9.574 0h4.812c1.3 0 2.355 1.054 2.355 2.354l-.001.854Zm-3.221 1.5H3.971l1.415 16.966a.855.855 0 0 0 .851.784h11.485c.444 0 .814-.34.851-.783zM9.573 8.823a.75.75 0 0 1 .75.75v8.02a.75.75 0 0 1-1.5 0v-8.02a.75.75 0 0 1 .75-.75m4.812 0a.75.75 0 0 1 .75.75v8.02a.75.75 0 0 1-1.5 0v-8.02a.75.75 0 0 1 .75-.75m0-7.323H9.573a.855.855 0 0 0-.854.854v.854h6.52v-.854a.855.855 0 0 0-.854-.854" })
-      }
-    );
-  }
-);
+  };
+  const color = useMemo(() => get(defaultValues.palette, defaultValues.color) ?? defaultValues.color, [defaultValues.color, defaultValues.palette]);
+  return /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 24 24", fontSize: defaultValues.fontSize, fill: color, color, ref, ...props, children: /* @__PURE__ */ jsx("path", { d: "M23.208 3.208a.75.75 0 1 1 0 1.5h-1.716l-1.424 17.091a2.355 2.355 0 0 1-2.346 2.16H6.237a2.355 2.355 0 0 1-2.346-2.16L2.465 4.708H.75a.75.75 0 0 1-.743-.648L0 3.958a.75.75 0 0 1 .75-.75h6.468v-.854C7.219 1.054 8.274 0 9.574 0h4.812c1.3 0 2.355 1.054 2.355 2.354l-.001.854Zm-3.221 1.5H3.971l1.415 16.966a.855.855 0 0 0 .851.784h11.485c.444 0 .814-.34.851-.783zM9.573 8.823a.75.75 0 0 1 .75.75v8.02a.75.75 0 0 1-1.5 0v-8.02a.75.75 0 0 1 .75-.75m4.812 0a.75.75 0 0 1 .75.75v8.02a.75.75 0 0 1-1.5 0v-8.02a.75.75 0 0 1 .75-.75m0-7.323H9.573a.855.855 0 0 0-.854.854v.854h6.52v-.854a.855.855 0 0 0-.854-.854" }) });
+};
+const ForwardRef = forwardRef(DeleteIcon);
 export {
-  DeleteIcon
+  ForwardRef as DeleteIcon
 };

package/lib/icons/DetectIcon.d.ts

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

package/lib/icons/DetectIcon.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 DetectIcon = react.forwardRef(
-  ({
-    color: defaultColor,
-    size,
+const DetectIcon = ({
+  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: "M4.8 16.4v.8H4v-.8zm-2.4-4.8v.8h-.8v-.8zm19.6 0v.8h-.8v-.8zm-3.2-4.4V8H18v-.8zm3.21 1.84c.26-.43.4-.93.4-1.44A2.8 2.8 0 0 0 20 4.83a3 3 0 0 0 0-.23 2.6 2.6 0 0 0-2.83-2.59A2.4 2.4 0 0 0 14.8 0a2.4 2.4 0 0 0-2.4 2.4v19.2a2.4 2.4 0 0 0 4.77.4 2.6 2.6 0 0 0 2.84-2.6 3 3 0 0 0-.01-.22 2.8 2.8 0 0 0 2-4.21A3.2 3.2 0 0 0 24 12a3.2 3.2 0 0 0-2-2.96Zm-.74 5.32a.4.4 0 0 0-.22.67 1.99 1.99 0 0 1-.06 2.81 2 2 0 0 1-1.46.56.4.4 0 0 0-.4.51c.05.17.08.33.08.5a1.8 1.8 0 0 1-2.3 1.72.4.4 0 0 0-.51.4v.08a1.6 1.6 0 0 1-3.2 0v-8h1.6v4.47a1.2 1.2 0 0 0 .4 2.33c.67 0 1.2-.54 1.2-1.2a1.2 1.2 0 0 0-.8-1.13V13.6h3.2v1.68a1.2 1.2 0 0 0-.8 1.12 1.2 1.2 0 0 0 2.4 0 1.2 1.2 0 0 0-.8-1.12V13.2a.4.4 0 0 0-.4-.4h-6v-2h4.88a1.2 1.2 0 0 0 1.13.8 1.2 1.2 0 0 0 0-2.4 1.2 1.2 0 0 0-1.13.8H13.2V8h3.6a.4.4 0 0 0 .4-.4V5.93a1.2 1.2 0 0 0-.4-2.33 1.2 1.2 0 0 0-.4 2.33V7.2h-3.2V2.4a1.6 1.6 0 0 1 3.2 0v.07a.4.4 0 0 0 .5.4 1.8 1.8 0 0 1 2.24 2.23.4.4 0 0 0 .4.5h.07a2 2 0 0 1 2 2 2 2 0 0 1-.56 1.38.4.4 0 0 0 .22.67A2.4 2.4 0 0 1 23.2 12a2.4 2.4 0 0 1-1.94 2.36ZM15.6 19.2a.4.4 0 1 1-.8 0 .4.4 0 0 1 .8 0m4-2.8a.4.4 0 1 1-.8 0 .4.4 0 0 1 .8 0m-.8-6a.4.4 0 0 1 .8 0 .4.4 0 1 1-.8 0m-2.4-5.6a.4.4 0 1 1 .8 0 .4.4 0 0 1-.8 0M2 14.96c-.26.43-.4.93-.4 1.44a2.8 2.8 0 0 0 2.41 2.77v.23A2.61 2.61 0 0 0 6.82 22a2.4 2.4 0 0 0 2.37 2 2.4 2.4 0 0 0 2.4-2.4V2.4A2.4 2.4 0 0 0 9.2 0a2.4 2.4 0 0 0-2.37 2 2.61 2.61 0 0 0-2.82 2.82 2.8 2.8 0 0 0-2.4 2.77c0 .51.13 1 .39 1.44A3.2 3.2 0 0 0 0 12a3.2 3.2 0 0 0 2 2.97Zm8.8-1.37v5.6H8v-.87c.47-.16.8-.6.8-1.12s-.33-.96-.8-1.13V13.6h2.8Zm-3.2 3.2a.4.4 0 1 1 0 .8.4.4 0 0 1 0-.8M2.74 9.65a.4.4 0 0 0 .21-.67 1.99 1.99 0 0 1 .07-2.81 2 2 0 0 1 1.45-.56.4.4 0 0 0 .4-.51A1.8 1.8 0 0 1 7.1 2.87a.4.4 0 0 0 .5-.47 1.6 1.6 0 0 1 3.2 0v4.8h-2V5.93a1.2 1.2 0 0 0-.4-2.33A1.2 1.2 0 0 0 8 5.93V7.2H5.93a1.2 1.2 0 0 0-1.13-.8c-.66 0-1.2.54-1.2 1.2a1.2 1.2 0 0 0 2.33.4h4.87v2H5.2a.4.4 0 0 0-.4.4v2.48a1.2 1.2 0 0 0 .4 2.32 1.2 1.2 0 0 0 .4-2.32V10.8h5.2v2H7.6a.4.4 0 0 0-.4.4v2.88a1.2 1.2 0 0 0-.8 1.13c0 .52.34.96.8 1.12v1.28c0 .22.18.4.4.4h3.2v1.6a1.6 1.6 0 0 1-3.2 0l.01-.07a.4.4 0 0 0-.5-.4 1.8 1.8 0 0 1-2.24-2.23.4.4 0 0 0-.4-.5H4.4a2 2 0 0 1-1.45-3.38.4.4 0 0 0-.21-.67A2.4 2.4 0 0 1 .8 12a2.4 2.4 0 0 1 1.94-2.35M8 4.8a.4.4 0 1 1 .8 0 .4.4 0 0 1-.8 0M5.2 7.6a.4.4 0 0 1-.8 0 .4.4 0 1 1 .8 0m.4 6.4a.4.4 0 1 1-.8 0 .4.4 0 0 1 .8 0" })
-      }
-    );
-  }
-);
-exports.DetectIcon = DetectIcon;
+  };
+  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: "M4.8 16.4v.8H4v-.8zm-2.4-4.8v.8h-.8v-.8zm19.6 0v.8h-.8v-.8zm-3.2-4.4V8H18v-.8zm3.21 1.84c.26-.43.4-.93.4-1.44A2.8 2.8 0 0 0 20 4.83a3 3 0 0 0 0-.23 2.6 2.6 0 0 0-2.83-2.59A2.4 2.4 0 0 0 14.8 0a2.4 2.4 0 0 0-2.4 2.4v19.2a2.4 2.4 0 0 0 4.77.4 2.6 2.6 0 0 0 2.84-2.6 3 3 0 0 0-.01-.22 2.8 2.8 0 0 0 2-4.21A3.2 3.2 0 0 0 24 12a3.2 3.2 0 0 0-2-2.96Zm-.74 5.32a.4.4 0 0 0-.22.67 1.99 1.99 0 0 1-.06 2.81 2 2 0 0 1-1.46.56.4.4 0 0 0-.4.51c.05.17.08.33.08.5a1.8 1.8 0 0 1-2.3 1.72.4.4 0 0 0-.51.4v.08a1.6 1.6 0 0 1-3.2 0v-8h1.6v4.47a1.2 1.2 0 0 0 .4 2.33c.67 0 1.2-.54 1.2-1.2a1.2 1.2 0 0 0-.8-1.13V13.6h3.2v1.68a1.2 1.2 0 0 0-.8 1.12 1.2 1.2 0 0 0 2.4 0 1.2 1.2 0 0 0-.8-1.12V13.2a.4.4 0 0 0-.4-.4h-6v-2h4.88a1.2 1.2 0 0 0 1.13.8 1.2 1.2 0 0 0 0-2.4 1.2 1.2 0 0 0-1.13.8H13.2V8h3.6a.4.4 0 0 0 .4-.4V5.93a1.2 1.2 0 0 0-.4-2.33 1.2 1.2 0 0 0-.4 2.33V7.2h-3.2V2.4a1.6 1.6 0 0 1 3.2 0v.07a.4.4 0 0 0 .5.4 1.8 1.8 0 0 1 2.24 2.23.4.4 0 0 0 .4.5h.07a2 2 0 0 1 2 2 2 2 0 0 1-.56 1.38.4.4 0 0 0 .22.67A2.4 2.4 0 0 1 23.2 12a2.4 2.4 0 0 1-1.94 2.36ZM15.6 19.2a.4.4 0 1 1-.8 0 .4.4 0 0 1 .8 0m4-2.8a.4.4 0 1 1-.8 0 .4.4 0 0 1 .8 0m-.8-6a.4.4 0 0 1 .8 0 .4.4 0 1 1-.8 0m-2.4-5.6a.4.4 0 1 1 .8 0 .4.4 0 0 1-.8 0M2 14.96c-.26.43-.4.93-.4 1.44a2.8 2.8 0 0 0 2.41 2.77v.23A2.61 2.61 0 0 0 6.82 22a2.4 2.4 0 0 0 2.37 2 2.4 2.4 0 0 0 2.4-2.4V2.4A2.4 2.4 0 0 0 9.2 0a2.4 2.4 0 0 0-2.37 2 2.61 2.61 0 0 0-2.82 2.82 2.8 2.8 0 0 0-2.4 2.77c0 .51.13 1 .39 1.44A3.2 3.2 0 0 0 0 12a3.2 3.2 0 0 0 2 2.97Zm8.8-1.37v5.6H8v-.87c.47-.16.8-.6.8-1.12s-.33-.96-.8-1.13V13.6h2.8Zm-3.2 3.2a.4.4 0 1 1 0 .8.4.4 0 0 1 0-.8M2.74 9.65a.4.4 0 0 0 .21-.67 1.99 1.99 0 0 1 .07-2.81 2 2 0 0 1 1.45-.56.4.4 0 0 0 .4-.51A1.8 1.8 0 0 1 7.1 2.87a.4.4 0 0 0 .5-.47 1.6 1.6 0 0 1 3.2 0v4.8h-2V5.93a1.2 1.2 0 0 0-.4-2.33A1.2 1.2 0 0 0 8 5.93V7.2H5.93a1.2 1.2 0 0 0-1.13-.8c-.66 0-1.2.54-1.2 1.2a1.2 1.2 0 0 0 2.33.4h4.87v2H5.2a.4.4 0 0 0-.4.4v2.48a1.2 1.2 0 0 0 .4 2.32 1.2 1.2 0 0 0 .4-2.32V10.8h5.2v2H7.6a.4.4 0 0 0-.4.4v2.88a1.2 1.2 0 0 0-.8 1.13c0 .52.34.96.8 1.12v1.28c0 .22.18.4.4.4h3.2v1.6a1.6 1.6 0 0 1-3.2 0l.01-.07a.4.4 0 0 0-.5-.4 1.8 1.8 0 0 1-2.24-2.23.4.4 0 0 0-.4-.5H4.4a2 2 0 0 1-1.45-3.38.4.4 0 0 0-.21-.67A2.4 2.4 0 0 1 .8 12a2.4 2.4 0 0 1 1.94-2.35M8 4.8a.4.4 0 1 1 .8 0 .4.4 0 0 1-.8 0M5.2 7.6a.4.4 0 0 1-.8 0 .4.4 0 1 1 .8 0m.4 6.4a.4.4 0 1 1-.8 0 .4.4 0 0 1 .8 0" }) });
+};
+const ForwardRef = react.forwardRef(DetectIcon);
+exports.DetectIcon = ForwardRef;

package/lib/icons/DetectIcon.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 DetectIcon = forwardRef(
-  ({
-    color: defaultColor,
-    size,
+const DetectIcon = ({
+  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: "M4.8 16.4v.8H4v-.8zm-2.4-4.8v.8h-.8v-.8zm19.6 0v.8h-.8v-.8zm-3.2-4.4V8H18v-.8zm3.21 1.84c.26-.43.4-.93.4-1.44A2.8 2.8 0 0 0 20 4.83a3 3 0 0 0 0-.23 2.6 2.6 0 0 0-2.83-2.59A2.4 2.4 0 0 0 14.8 0a2.4 2.4 0 0 0-2.4 2.4v19.2a2.4 2.4 0 0 0 4.77.4 2.6 2.6 0 0 0 2.84-2.6 3 3 0 0 0-.01-.22 2.8 2.8 0 0 0 2-4.21A3.2 3.2 0 0 0 24 12a3.2 3.2 0 0 0-2-2.96Zm-.74 5.32a.4.4 0 0 0-.22.67 1.99 1.99 0 0 1-.06 2.81 2 2 0 0 1-1.46.56.4.4 0 0 0-.4.51c.05.17.08.33.08.5a1.8 1.8 0 0 1-2.3 1.72.4.4 0 0 0-.51.4v.08a1.6 1.6 0 0 1-3.2 0v-8h1.6v4.47a1.2 1.2 0 0 0 .4 2.33c.67 0 1.2-.54 1.2-1.2a1.2 1.2 0 0 0-.8-1.13V13.6h3.2v1.68a1.2 1.2 0 0 0-.8 1.12 1.2 1.2 0 0 0 2.4 0 1.2 1.2 0 0 0-.8-1.12V13.2a.4.4 0 0 0-.4-.4h-6v-2h4.88a1.2 1.2 0 0 0 1.13.8 1.2 1.2 0 0 0 0-2.4 1.2 1.2 0 0 0-1.13.8H13.2V8h3.6a.4.4 0 0 0 .4-.4V5.93a1.2 1.2 0 0 0-.4-2.33 1.2 1.2 0 0 0-.4 2.33V7.2h-3.2V2.4a1.6 1.6 0 0 1 3.2 0v.07a.4.4 0 0 0 .5.4 1.8 1.8 0 0 1 2.24 2.23.4.4 0 0 0 .4.5h.07a2 2 0 0 1 2 2 2 2 0 0 1-.56 1.38.4.4 0 0 0 .22.67A2.4 2.4 0 0 1 23.2 12a2.4 2.4 0 0 1-1.94 2.36ZM15.6 19.2a.4.4 0 1 1-.8 0 .4.4 0 0 1 .8 0m4-2.8a.4.4 0 1 1-.8 0 .4.4 0 0 1 .8 0m-.8-6a.4.4 0 0 1 .8 0 .4.4 0 1 1-.8 0m-2.4-5.6a.4.4 0 1 1 .8 0 .4.4 0 0 1-.8 0M2 14.96c-.26.43-.4.93-.4 1.44a2.8 2.8 0 0 0 2.41 2.77v.23A2.61 2.61 0 0 0 6.82 22a2.4 2.4 0 0 0 2.37 2 2.4 2.4 0 0 0 2.4-2.4V2.4A2.4 2.4 0 0 0 9.2 0a2.4 2.4 0 0 0-2.37 2 2.61 2.61 0 0 0-2.82 2.82 2.8 2.8 0 0 0-2.4 2.77c0 .51.13 1 .39 1.44A3.2 3.2 0 0 0 0 12a3.2 3.2 0 0 0 2 2.97Zm8.8-1.37v5.6H8v-.87c.47-.16.8-.6.8-1.12s-.33-.96-.8-1.13V13.6h2.8Zm-3.2 3.2a.4.4 0 1 1 0 .8.4.4 0 0 1 0-.8M2.74 9.65a.4.4 0 0 0 .21-.67 1.99 1.99 0 0 1 .07-2.81 2 2 0 0 1 1.45-.56.4.4 0 0 0 .4-.51A1.8 1.8 0 0 1 7.1 2.87a.4.4 0 0 0 .5-.47 1.6 1.6 0 0 1 3.2 0v4.8h-2V5.93a1.2 1.2 0 0 0-.4-2.33A1.2 1.2 0 0 0 8 5.93V7.2H5.93a1.2 1.2 0 0 0-1.13-.8c-.66 0-1.2.54-1.2 1.2a1.2 1.2 0 0 0 2.33.4h4.87v2H5.2a.4.4 0 0 0-.4.4v2.48a1.2 1.2 0 0 0 .4 2.32 1.2 1.2 0 0 0 .4-2.32V10.8h5.2v2H7.6a.4.4 0 0 0-.4.4v2.88a1.2 1.2 0 0 0-.8 1.13c0 .52.34.96.8 1.12v1.28c0 .22.18.4.4.4h3.2v1.6a1.6 1.6 0 0 1-3.2 0l.01-.07a.4.4 0 0 0-.5-.4 1.8 1.8 0 0 1-2.24-2.23.4.4 0 0 0-.4-.5H4.4a2 2 0 0 1-1.45-3.38.4.4 0 0 0-.21-.67A2.4 2.4 0 0 1 .8 12a2.4 2.4 0 0 1 1.94-2.35M8 4.8a.4.4 0 1 1 .8 0 .4.4 0 0 1-.8 0M5.2 7.6a.4.4 0 0 1-.8 0 .4.4 0 1 1 .8 0m.4 6.4a.4.4 0 1 1-.8 0 .4.4 0 0 1 .8 0" })
-      }
-    );
-  }
-);
+  };
+  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: "M4.8 16.4v.8H4v-.8zm-2.4-4.8v.8h-.8v-.8zm19.6 0v.8h-.8v-.8zm-3.2-4.4V8H18v-.8zm3.21 1.84c.26-.43.4-.93.4-1.44A2.8 2.8 0 0 0 20 4.83a3 3 0 0 0 0-.23 2.6 2.6 0 0 0-2.83-2.59A2.4 2.4 0 0 0 14.8 0a2.4 2.4 0 0 0-2.4 2.4v19.2a2.4 2.4 0 0 0 4.77.4 2.6 2.6 0 0 0 2.84-2.6 3 3 0 0 0-.01-.22 2.8 2.8 0 0 0 2-4.21A3.2 3.2 0 0 0 24 12a3.2 3.2 0 0 0-2-2.96Zm-.74 5.32a.4.4 0 0 0-.22.67 1.99 1.99 0 0 1-.06 2.81 2 2 0 0 1-1.46.56.4.4 0 0 0-.4.51c.05.17.08.33.08.5a1.8 1.8 0 0 1-2.3 1.72.4.4 0 0 0-.51.4v.08a1.6 1.6 0 0 1-3.2 0v-8h1.6v4.47a1.2 1.2 0 0 0 .4 2.33c.67 0 1.2-.54 1.2-1.2a1.2 1.2 0 0 0-.8-1.13V13.6h3.2v1.68a1.2 1.2 0 0 0-.8 1.12 1.2 1.2 0 0 0 2.4 0 1.2 1.2 0 0 0-.8-1.12V13.2a.4.4 0 0 0-.4-.4h-6v-2h4.88a1.2 1.2 0 0 0 1.13.8 1.2 1.2 0 0 0 0-2.4 1.2 1.2 0 0 0-1.13.8H13.2V8h3.6a.4.4 0 0 0 .4-.4V5.93a1.2 1.2 0 0 0-.4-2.33 1.2 1.2 0 0 0-.4 2.33V7.2h-3.2V2.4a1.6 1.6 0 0 1 3.2 0v.07a.4.4 0 0 0 .5.4 1.8 1.8 0 0 1 2.24 2.23.4.4 0 0 0 .4.5h.07a2 2 0 0 1 2 2 2 2 0 0 1-.56 1.38.4.4 0 0 0 .22.67A2.4 2.4 0 0 1 23.2 12a2.4 2.4 0 0 1-1.94 2.36ZM15.6 19.2a.4.4 0 1 1-.8 0 .4.4 0 0 1 .8 0m4-2.8a.4.4 0 1 1-.8 0 .4.4 0 0 1 .8 0m-.8-6a.4.4 0 0 1 .8 0 .4.4 0 1 1-.8 0m-2.4-5.6a.4.4 0 1 1 .8 0 .4.4 0 0 1-.8 0M2 14.96c-.26.43-.4.93-.4 1.44a2.8 2.8 0 0 0 2.41 2.77v.23A2.61 2.61 0 0 0 6.82 22a2.4 2.4 0 0 0 2.37 2 2.4 2.4 0 0 0 2.4-2.4V2.4A2.4 2.4 0 0 0 9.2 0a2.4 2.4 0 0 0-2.37 2 2.61 2.61 0 0 0-2.82 2.82 2.8 2.8 0 0 0-2.4 2.77c0 .51.13 1 .39 1.44A3.2 3.2 0 0 0 0 12a3.2 3.2 0 0 0 2 2.97Zm8.8-1.37v5.6H8v-.87c.47-.16.8-.6.8-1.12s-.33-.96-.8-1.13V13.6h2.8Zm-3.2 3.2a.4.4 0 1 1 0 .8.4.4 0 0 1 0-.8M2.74 9.65a.4.4 0 0 0 .21-.67 1.99 1.99 0 0 1 .07-2.81 2 2 0 0 1 1.45-.56.4.4 0 0 0 .4-.51A1.8 1.8 0 0 1 7.1 2.87a.4.4 0 0 0 .5-.47 1.6 1.6 0 0 1 3.2 0v4.8h-2V5.93a1.2 1.2 0 0 0-.4-2.33A1.2 1.2 0 0 0 8 5.93V7.2H5.93a1.2 1.2 0 0 0-1.13-.8c-.66 0-1.2.54-1.2 1.2a1.2 1.2 0 0 0 2.33.4h4.87v2H5.2a.4.4 0 0 0-.4.4v2.48a1.2 1.2 0 0 0 .4 2.32 1.2 1.2 0 0 0 .4-2.32V10.8h5.2v2H7.6a.4.4 0 0 0-.4.4v2.88a1.2 1.2 0 0 0-.8 1.13c0 .52.34.96.8 1.12v1.28c0 .22.18.4.4.4h3.2v1.6a1.6 1.6 0 0 1-3.2 0l.01-.07a.4.4 0 0 0-.5-.4 1.8 1.8 0 0 1-2.24-2.23.4.4 0 0 0-.4-.5H4.4a2 2 0 0 1-1.45-3.38.4.4 0 0 0-.21-.67A2.4 2.4 0 0 1 .8 12a2.4 2.4 0 0 1 1.94-2.35M8 4.8a.4.4 0 1 1 .8 0 .4.4 0 0 1-.8 0M5.2 7.6a.4.4 0 0 1-.8 0 .4.4 0 1 1 .8 0m.4 6.4a.4.4 0 1 1-.8 0 .4.4 0 0 1 .8 0" }) });
+};
+const ForwardRef = forwardRef(DetectIcon);
 export {
-  DetectIcon
+  ForwardRef as DetectIcon
 };

package/lib/icons/DocIcon.d.ts

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

package/lib/icons/DocIcon.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 DocIcon = react.forwardRef(
-  ({
-    color: defaultColor,
-    size,
+const DocIcon = ({
+  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.378-.002c.597 0 1.17.237 1.591.659l4.371 4.372c.422.422.659.994.659 1.59v14.382A3 3 0 0 1 21 23.998H3A3 3 0 0 1 0 21V3A3 3 0 0 1 3-.001zm-.879 1.5h-13.5A1.5 1.5 0 0 0 1.5 3v18A1.5 1.5 0 0 0 3 22.497h18A1.5 1.5 0 0 0 22.499 21V7.498h-3.75a2.25 2.25 0 0 1-2.245-2.096l-.005-.154zM4.5 11.25A3.75 3.75 0 0 1 8.25 15v1.5a3.75 3.75 0 0 1-3.75 3.75.75.75 0 0 1-.75-.75V12a.75.75 0 0 1 .75-.75m7.5 0a2.25 2.25 0 0 1 2.25 2.25V18a2.25 2.25 0 1 1-4.5 0v-4.5A2.25 2.25 0 0 1 12 11.25m7.5 0a.75.75 0 1 1 0 1.5A2.25 2.25 0 0 0 17.25 15v1.5a2.25 2.25 0 0 0 2.25 2.25l.102.007a.75.75 0 0 1-.102 1.493 3.75 3.75 0 0 1-3.75-3.75V15a3.75 3.75 0 0 1 3.75-3.75m-7.5 1.5a.75.75 0 0 0-.75.75V18a.75.75 0 1 0 1.5 0v-4.5a.75.75 0 0 0-.75-.75m-6.75.128v5.744l.152-.06A2.25 2.25 0 0 0 6.75 16.5V15a2.25 2.25 0 0 0-1.5-2.122m16.938-6.88-4.189-4.19v3.44c0 .38.282.693.648.743l.102.007z" })
-      }
-    );
-  }
-);
-exports.DocIcon = DocIcon;
+  };
+  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.378-.002c.597 0 1.17.237 1.591.659l4.371 4.372c.422.422.659.994.659 1.59v14.382A3 3 0 0 1 21 23.998H3A3 3 0 0 1 0 21V3A3 3 0 0 1 3-.001zm-.879 1.5h-13.5A1.5 1.5 0 0 0 1.5 3v18A1.5 1.5 0 0 0 3 22.497h18A1.5 1.5 0 0 0 22.499 21V7.498h-3.75a2.25 2.25 0 0 1-2.245-2.096l-.005-.154zM4.5 11.25A3.75 3.75 0 0 1 8.25 15v1.5a3.75 3.75 0 0 1-3.75 3.75.75.75 0 0 1-.75-.75V12a.75.75 0 0 1 .75-.75m7.5 0a2.25 2.25 0 0 1 2.25 2.25V18a2.25 2.25 0 1 1-4.5 0v-4.5A2.25 2.25 0 0 1 12 11.25m7.5 0a.75.75 0 1 1 0 1.5A2.25 2.25 0 0 0 17.25 15v1.5a2.25 2.25 0 0 0 2.25 2.25l.102.007a.75.75 0 0 1-.102 1.493 3.75 3.75 0 0 1-3.75-3.75V15a3.75 3.75 0 0 1 3.75-3.75m-7.5 1.5a.75.75 0 0 0-.75.75V18a.75.75 0 1 0 1.5 0v-4.5a.75.75 0 0 0-.75-.75m-6.75.128v5.744l.152-.06A2.25 2.25 0 0 0 6.75 16.5V15a2.25 2.25 0 0 0-1.5-2.122m16.938-6.88-4.189-4.19v3.44c0 .38.282.693.648.743l.102.007z" }) });
+};
+const ForwardRef = react.forwardRef(DocIcon);
+exports.DocIcon = ForwardRef;

package/lib/icons/DocIcon.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 DocIcon = forwardRef(
-  ({
-    color: defaultColor,
-    size,
+const DocIcon = ({
+  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.378-.002c.597 0 1.17.237 1.591.659l4.371 4.372c.422.422.659.994.659 1.59v14.382A3 3 0 0 1 21 23.998H3A3 3 0 0 1 0 21V3A3 3 0 0 1 3-.001zm-.879 1.5h-13.5A1.5 1.5 0 0 0 1.5 3v18A1.5 1.5 0 0 0 3 22.497h18A1.5 1.5 0 0 0 22.499 21V7.498h-3.75a2.25 2.25 0 0 1-2.245-2.096l-.005-.154zM4.5 11.25A3.75 3.75 0 0 1 8.25 15v1.5a3.75 3.75 0 0 1-3.75 3.75.75.75 0 0 1-.75-.75V12a.75.75 0 0 1 .75-.75m7.5 0a2.25 2.25 0 0 1 2.25 2.25V18a2.25 2.25 0 1 1-4.5 0v-4.5A2.25 2.25 0 0 1 12 11.25m7.5 0a.75.75 0 1 1 0 1.5A2.25 2.25 0 0 0 17.25 15v1.5a2.25 2.25 0 0 0 2.25 2.25l.102.007a.75.75 0 0 1-.102 1.493 3.75 3.75 0 0 1-3.75-3.75V15a3.75 3.75 0 0 1 3.75-3.75m-7.5 1.5a.75.75 0 0 0-.75.75V18a.75.75 0 1 0 1.5 0v-4.5a.75.75 0 0 0-.75-.75m-6.75.128v5.744l.152-.06A2.25 2.25 0 0 0 6.75 16.5V15a2.25 2.25 0 0 0-1.5-2.122m16.938-6.88-4.189-4.19v3.44c0 .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.378-.002c.597 0 1.17.237 1.591.659l4.371 4.372c.422.422.659.994.659 1.59v14.382A3 3 0 0 1 21 23.998H3A3 3 0 0 1 0 21V3A3 3 0 0 1 3-.001zm-.879 1.5h-13.5A1.5 1.5 0 0 0 1.5 3v18A1.5 1.5 0 0 0 3 22.497h18A1.5 1.5 0 0 0 22.499 21V7.498h-3.75a2.25 2.25 0 0 1-2.245-2.096l-.005-.154zM4.5 11.25A3.75 3.75 0 0 1 8.25 15v1.5a3.75 3.75 0 0 1-3.75 3.75.75.75 0 0 1-.75-.75V12a.75.75 0 0 1 .75-.75m7.5 0a2.25 2.25 0 0 1 2.25 2.25V18a2.25 2.25 0 1 1-4.5 0v-4.5A2.25 2.25 0 0 1 12 11.25m7.5 0a.75.75 0 1 1 0 1.5A2.25 2.25 0 0 0 17.25 15v1.5a2.25 2.25 0 0 0 2.25 2.25l.102.007a.75.75 0 0 1-.102 1.493 3.75 3.75 0 0 1-3.75-3.75V15a3.75 3.75 0 0 1 3.75-3.75m-7.5 1.5a.75.75 0 0 0-.75.75V18a.75.75 0 1 0 1.5 0v-4.5a.75.75 0 0 0-.75-.75m-6.75.128v5.744l.152-.06A2.25 2.25 0 0 0 6.75 16.5V15a2.25 2.25 0 0 0-1.5-2.122m16.938-6.88-4.189-4.19v3.44c0 .38.282.693.648.743l.102.007z" }) });
+};
+const ForwardRef = forwardRef(DocIcon);
 export {
-  DocIcon
+  ForwardRef as DocIcon
 };

package/lib/icons/DocLinkIcon.d.ts

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

package/lib/icons/DocLinkIcon.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 DocLinkIcon = react.forwardRef(
-  ({
-    color: defaultColor,
-    size,
+const DocLinkIcon = ({
+  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.8 17.42h.22a.64.64 0 1 1-.08 1.27c-.36-.02-.72.1-1 .33l-.12.1-1.07 1.06a1.49 1.49 0 0 0 2 2.22l.11-.11 1.06-1.06c.3-.3.46-.71.43-1.13a.64.64 0 1 1 1.27-.07c.04.7-.2 1.4-.65 1.94l-.15.16-1.06 1.06a2.76 2.76 0 0 1-4.04-3.76l.13-.15 1.07-1.06c.5-.5 1.18-.79 1.89-.8zM17.39 0c.53 0 1.04.19 1.45.52l.14.14 4.37 4.37c.38.37.6.87.65 1.4l.01.19V10a.75.75 0 0 1-1.49.1V7.5h-3.76c-1.19 0-2.16-.93-2.24-2.1V1.5H3c-.79 0-1.43.6-1.5 1.36V21c0 .78.59 1.42 1.35 1.5H10a.75.75 0 1 1 0 1.5H3a3 3 0 0 1-3-2.82V3a3 3 0 0 1 2.82-3h14.56zm3.72 14.95c.22.22.24.56.07.81l-.07.09-5.31 5.3a.64.64 0 0 1-.98-.8l.08-.1 5.3-5.3a.64.64 0 0 1 .9 0zm.79-2.75a2.76 2.76 0 0 1 1.37 4.48l-.13.14-1.07 1.07c-.55.55-1.31.84-2.1.8a.64.64 0 0 1 .08-1.28c.36.02.72-.1 1-.32l.12-.1 1.07-1.07a1.49 1.49 0 0 0-2-2.2l-.1.1-1.07 1.06c-.3.3-.45.7-.43 1.13a.64.64 0 0 1-1.27.07c-.04-.71.2-1.4.65-1.94l.15-.16 1.06-1.06c.7-.7 1.72-.98 2.67-.72M4.5 8.25A3.75 3.75 0 0 1 8.25 12v1.5a3.75 3.75 0 0 1-3.75 3.75.75.75 0 0 1-.75-.75V9c0-.41.34-.75.75-.75m7.5 0c1.24 0 2.25 1 2.25 2.25V15a2.25 2.25 0 1 1-4.5 0v-4.5c0-1.24 1-2.25 2.25-2.25m0 1.5a.75.75 0 0 0-.75.75V15a.75.75 0 1 0 1.5 0v-4.5a.75.75 0 0 0-.75-.75m-6.75.13v5.74l.13-.05a2.25 2.25 0 0 0 1.36-1.92l.01-.15V12c0-.93-.57-1.73-1.37-2.07zM19.5 8.25a.75.75 0 1 1 0 1.5c-1.24 0-2.25 1-2.25 2.25a.75.75 0 1 1-1.5 0 3.75 3.75 0 0 1 3.75-3.75M18 1.81v3.44c0 .38.29.7.65.74h3.54L18 1.82z" })
-      }
-    );
-  }
-);
-exports.DocLinkIcon = DocLinkIcon;
+  };
+  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.8 17.42h.22a.64.64 0 1 1-.08 1.27c-.36-.02-.72.1-1 .33l-.12.1-1.07 1.06a1.49 1.49 0 0 0 2 2.22l.11-.11 1.06-1.06c.3-.3.46-.71.43-1.13a.64.64 0 1 1 1.27-.07c.04.7-.2 1.4-.65 1.94l-.15.16-1.06 1.06a2.76 2.76 0 0 1-4.04-3.76l.13-.15 1.07-1.06c.5-.5 1.18-.79 1.89-.8zM17.39 0c.53 0 1.04.19 1.45.52l.14.14 4.37 4.37c.38.37.6.87.65 1.4l.01.19V10a.75.75 0 0 1-1.49.1V7.5h-3.76c-1.19 0-2.16-.93-2.24-2.1V1.5H3c-.79 0-1.43.6-1.5 1.36V21c0 .78.59 1.42 1.35 1.5H10a.75.75 0 1 1 0 1.5H3a3 3 0 0 1-3-2.82V3a3 3 0 0 1 2.82-3h14.56zm3.72 14.95c.22.22.24.56.07.81l-.07.09-5.31 5.3a.64.64 0 0 1-.98-.8l.08-.1 5.3-5.3a.64.64 0 0 1 .9 0zm.79-2.75a2.76 2.76 0 0 1 1.37 4.48l-.13.14-1.07 1.07c-.55.55-1.31.84-2.1.8a.64.64 0 0 1 .08-1.28c.36.02.72-.1 1-.32l.12-.1 1.07-1.07a1.49 1.49 0 0 0-2-2.2l-.1.1-1.07 1.06c-.3.3-.45.7-.43 1.13a.64.64 0 0 1-1.27.07c-.04-.71.2-1.4.65-1.94l.15-.16 1.06-1.06c.7-.7 1.72-.98 2.67-.72M4.5 8.25A3.75 3.75 0 0 1 8.25 12v1.5a3.75 3.75 0 0 1-3.75 3.75.75.75 0 0 1-.75-.75V9c0-.41.34-.75.75-.75m7.5 0c1.24 0 2.25 1 2.25 2.25V15a2.25 2.25 0 1 1-4.5 0v-4.5c0-1.24 1-2.25 2.25-2.25m0 1.5a.75.75 0 0 0-.75.75V15a.75.75 0 1 0 1.5 0v-4.5a.75.75 0 0 0-.75-.75m-6.75.13v5.74l.13-.05a2.25 2.25 0 0 0 1.36-1.92l.01-.15V12c0-.93-.57-1.73-1.37-2.07zM19.5 8.25a.75.75 0 1 1 0 1.5c-1.24 0-2.25 1-2.25 2.25a.75.75 0 1 1-1.5 0 3.75 3.75 0 0 1 3.75-3.75M18 1.81v3.44c0 .38.29.7.65.74h3.54L18 1.82z" }) });
+};
+const ForwardRef = react.forwardRef(DocLinkIcon);
+exports.DocLinkIcon = ForwardRef;

package/lib/icons/DocLinkIcon.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 DocLinkIcon = forwardRef(
-  ({
-    color: defaultColor,
-    size,
+const DocLinkIcon = ({
+  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.8 17.42h.22a.64.64 0 1 1-.08 1.27c-.36-.02-.72.1-1 .33l-.12.1-1.07 1.06a1.49 1.49 0 0 0 2 2.22l.11-.11 1.06-1.06c.3-.3.46-.71.43-1.13a.64.64 0 1 1 1.27-.07c.04.7-.2 1.4-.65 1.94l-.15.16-1.06 1.06a2.76 2.76 0 0 1-4.04-3.76l.13-.15 1.07-1.06c.5-.5 1.18-.79 1.89-.8zM17.39 0c.53 0 1.04.19 1.45.52l.14.14 4.37 4.37c.38.37.6.87.65 1.4l.01.19V10a.75.75 0 0 1-1.49.1V7.5h-3.76c-1.19 0-2.16-.93-2.24-2.1V1.5H3c-.79 0-1.43.6-1.5 1.36V21c0 .78.59 1.42 1.35 1.5H10a.75.75 0 1 1 0 1.5H3a3 3 0 0 1-3-2.82V3a3 3 0 0 1 2.82-3h14.56zm3.72 14.95c.22.22.24.56.07.81l-.07.09-5.31 5.3a.64.64 0 0 1-.98-.8l.08-.1 5.3-5.3a.64.64 0 0 1 .9 0zm.79-2.75a2.76 2.76 0 0 1 1.37 4.48l-.13.14-1.07 1.07c-.55.55-1.31.84-2.1.8a.64.64 0 0 1 .08-1.28c.36.02.72-.1 1-.32l.12-.1 1.07-1.07a1.49 1.49 0 0 0-2-2.2l-.1.1-1.07 1.06c-.3.3-.45.7-.43 1.13a.64.64 0 0 1-1.27.07c-.04-.71.2-1.4.65-1.94l.15-.16 1.06-1.06c.7-.7 1.72-.98 2.67-.72M4.5 8.25A3.75 3.75 0 0 1 8.25 12v1.5a3.75 3.75 0 0 1-3.75 3.75.75.75 0 0 1-.75-.75V9c0-.41.34-.75.75-.75m7.5 0c1.24 0 2.25 1 2.25 2.25V15a2.25 2.25 0 1 1-4.5 0v-4.5c0-1.24 1-2.25 2.25-2.25m0 1.5a.75.75 0 0 0-.75.75V15a.75.75 0 1 0 1.5 0v-4.5a.75.75 0 0 0-.75-.75m-6.75.13v5.74l.13-.05a2.25 2.25 0 0 0 1.36-1.92l.01-.15V12c0-.93-.57-1.73-1.37-2.07zM19.5 8.25a.75.75 0 1 1 0 1.5c-1.24 0-2.25 1-2.25 2.25a.75.75 0 1 1-1.5 0 3.75 3.75 0 0 1 3.75-3.75M18 1.81v3.44c0 .38.29.7.65.74h3.54L18 1.82z" })
-      }
-    );
-  }
-);
+  };
+  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.8 17.42h.22a.64.64 0 1 1-.08 1.27c-.36-.02-.72.1-1 .33l-.12.1-1.07 1.06a1.49 1.49 0 0 0 2 2.22l.11-.11 1.06-1.06c.3-.3.46-.71.43-1.13a.64.64 0 1 1 1.27-.07c.04.7-.2 1.4-.65 1.94l-.15.16-1.06 1.06a2.76 2.76 0 0 1-4.04-3.76l.13-.15 1.07-1.06c.5-.5 1.18-.79 1.89-.8zM17.39 0c.53 0 1.04.19 1.45.52l.14.14 4.37 4.37c.38.37.6.87.65 1.4l.01.19V10a.75.75 0 0 1-1.49.1V7.5h-3.76c-1.19 0-2.16-.93-2.24-2.1V1.5H3c-.79 0-1.43.6-1.5 1.36V21c0 .78.59 1.42 1.35 1.5H10a.75.75 0 1 1 0 1.5H3a3 3 0 0 1-3-2.82V3a3 3 0 0 1 2.82-3h14.56zm3.72 14.95c.22.22.24.56.07.81l-.07.09-5.31 5.3a.64.64 0 0 1-.98-.8l.08-.1 5.3-5.3a.64.64 0 0 1 .9 0zm.79-2.75a2.76 2.76 0 0 1 1.37 4.48l-.13.14-1.07 1.07c-.55.55-1.31.84-2.1.8a.64.64 0 0 1 .08-1.28c.36.02.72-.1 1-.32l.12-.1 1.07-1.07a1.49 1.49 0 0 0-2-2.2l-.1.1-1.07 1.06c-.3.3-.45.7-.43 1.13a.64.64 0 0 1-1.27.07c-.04-.71.2-1.4.65-1.94l.15-.16 1.06-1.06c.7-.7 1.72-.98 2.67-.72M4.5 8.25A3.75 3.75 0 0 1 8.25 12v1.5a3.75 3.75 0 0 1-3.75 3.75.75.75 0 0 1-.75-.75V9c0-.41.34-.75.75-.75m7.5 0c1.24 0 2.25 1 2.25 2.25V15a2.25 2.25 0 1 1-4.5 0v-4.5c0-1.24 1-2.25 2.25-2.25m0 1.5a.75.75 0 0 0-.75.75V15a.75.75 0 1 0 1.5 0v-4.5a.75.75 0 0 0-.75-.75m-6.75.13v5.74l.13-.05a2.25 2.25 0 0 0 1.36-1.92l.01-.15V12c0-.93-.57-1.73-1.37-2.07zM19.5 8.25a.75.75 0 1 1 0 1.5c-1.24 0-2.25 1-2.25 2.25a.75.75 0 1 1-1.5 0 3.75 3.75 0 0 1 3.75-3.75M18 1.81v3.44c0 .38.29.7.65.74h3.54L18 1.82z" }) });
+};
+const ForwardRef = forwardRef(DocLinkIcon);
 export {
-  DocLinkIcon
+  ForwardRef as DocLinkIcon
 };

package/lib/icons/DocumentIcon.d.ts

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