@spear-ai/spectral 1.9.1 → 1.10.1

package/dist/Icons/EraserIcon.js

@@ -1,27 +1,43 @@
 "use client";
 import "../styles/main.css";
-import { jsxs as o, jsx as r } from "react/jsx-runtime";
-import l, { SvgIdContext as h } from "./IconBase.js";
-import { useContext as p } from "react";
-const C = ({ ref: e, className: n, ariaHidden: i, title: s, description: c, size: d = 24, ...a }) => {
-  const t = p(h);
-  return /* @__PURE__ */ o(l, { size: d, className: n, title: s, description: c, ariaHidden: i, ref: e, ...a, children: [
-    /* @__PURE__ */ o("g", { clipPath: `url(#${t}-clip0_2279_97)`, children: [
-      /* @__PURE__ */ r(
-        "path",
-        {
-          d: "M20.1819 20.6363H7.72525L3.22034 15.9945C3.02104 15.7922 2.90918 15.5186 2.90918 15.2335C2.90918 14.9483 3.02104 14.6747 3.22034 14.4724L13.9208 3.67749C14.1213 3.47644 14.3925 3.36359 14.6752 3.36359C14.9579 3.36359 15.2291 3.47644 15.4296 3.67749L20.7798 9.07495C20.9791 9.27721 21.091 9.55081 21.091 9.836C21.091 10.1212 20.9791 10.3948 20.7798 10.597L10.9354 20.6363",
-          stroke: "currentColor",
-          strokeWidth: "2",
-          strokeLinecap: "round",
-          strokeLinejoin: "round"
-        }
-      ),
-      /* @__PURE__ */ r("path", { d: "M17.4545 13.3636L11.0908 6.99994", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })
-    ] }),
-    /* @__PURE__ */ r("defs", { children: /* @__PURE__ */ r("clipPath", { id: `${t}-clip0_2279_97`, children: /* @__PURE__ */ r("rect", { width: "22", height: "20", fill: "white", transform: "translate(1 2)" }) }) })
-  ] });
-}, m = Object.assign(C, { displayName: "EraserIcon" });
-export {
-  m as EraserIcon
-};
+import { IconBase as e, SvgIdContext as t } from "./IconBase.js";
+import { useContext as n } from "react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+var a = Object.assign(({ ref: a, className: o, ariaHidden: s, title: c, description: l, size: u = 24, ...d }) => {
+	let f = n(t);
+	return /* @__PURE__ */ i(e, {
+		size: u,
+		className: o,
+		title: c,
+		description: l,
+		ariaHidden: s,
+		ref: a,
+		...d,
+		children: [/* @__PURE__ */ i("g", {
+			clipPath: `url(#${f}-clip0_2279_97)`,
+			children: [/* @__PURE__ */ r("path", {
+				d: "M20.1819 20.6363H7.72525L3.22034 15.9945C3.02104 15.7922 2.90918 15.5186 2.90918 15.2335C2.90918 14.9483 3.02104 14.6747 3.22034 14.4724L13.9208 3.67749C14.1213 3.47644 14.3925 3.36359 14.6752 3.36359C14.9579 3.36359 15.2291 3.47644 15.4296 3.67749L20.7798 9.07495C20.9791 9.27721 21.091 9.55081 21.091 9.836C21.091 10.1212 20.9791 10.3948 20.7798 10.597L10.9354 20.6363",
+				stroke: "currentColor",
+				strokeWidth: "2",
+				strokeLinecap: "round",
+				strokeLinejoin: "round"
+			}), /* @__PURE__ */ r("path", {
+				d: "M17.4545 13.3636L11.0908 6.99994",
+				stroke: "currentColor",
+				strokeWidth: "2",
+				strokeLinecap: "round",
+				strokeLinejoin: "round"
+			})]
+		}), /* @__PURE__ */ r("defs", { children: /* @__PURE__ */ r("clipPath", {
+			id: `${f}-clip0_2279_97`,
+			children: /* @__PURE__ */ r("rect", {
+				width: "22",
+				height: "20",
+				fill: "white",
+				transform: "translate(1 2)"
+			})
+		}) })]
+	});
+}, { displayName: "EraserIcon" });
+//#endregion
+export { a as EraserIcon };

package/dist/Icons/ErrorIcon.js

@@ -1,12 +1,28 @@
 import "../styles/main.css";
-import { jsxs as i, jsx as r } from "react/jsx-runtime";
-import d from "./IconBase.js";
-const p = ({ ref: o, className: n, ariaHidden: t, title: e, description: s, size: a = 24, ...c }) => /* @__PURE__ */ i(d, { size: a, className: n, title: e, description: s, ariaHidden: t, ref: o, stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", ...c, children: [
-  /* @__PURE__ */ r("path", { stroke: "none", d: "M0 0h24v24H0z", fill: "none" }),
-  /* @__PURE__ */ r("path", { d: "M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0" }),
-  /* @__PURE__ */ r("path", { d: "M12 9v4" }),
-  /* @__PURE__ */ r("path", { d: "M12 16v.01" })
-] }), k = Object.assign(p, { displayName: "ErrorIcon" });
-export {
-  k as ErrorIcon
-};
+import { IconBase as e } from "./IconBase.js";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+var r = Object.assign(({ ref: r, className: i, ariaHidden: a, title: o, description: s, size: c = 24, ...l }) => /* @__PURE__ */ n(e, {
+	size: c,
+	className: i,
+	title: o,
+	description: s,
+	ariaHidden: a,
+	ref: r,
+	stroke: "currentColor",
+	strokeWidth: 2,
+	strokeLinecap: "round",
+	strokeLinejoin: "round",
+	...l,
+	children: [
+		/* @__PURE__ */ t("path", {
+			stroke: "none",
+			d: "M0 0h24v24H0z",
+			fill: "none"
+		}),
+		/* @__PURE__ */ t("path", { d: "M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0" }),
+		/* @__PURE__ */ t("path", { d: "M12 9v4" }),
+		/* @__PURE__ */ t("path", { d: "M12 16v.01" })
+	]
+}), { displayName: "ErrorIcon" });
+//#endregion
+export { r as ErrorIcon };

package/dist/Icons/EyeClosedIcon.js

@@ -1,14 +1,30 @@
 import "../styles/main.css";
-import { jsxs as l, jsx as o } from "react/jsx-runtime";
-import a from "./IconBase.js";
-const p = ({ ref: e, className: t, ariaHidden: n, title: r, description: s, size: d = 24, ...c }) => /* @__PURE__ */ l(a, { size: d, className: t, title: r, description: s, ariaHidden: n, ref: e, stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", ...c, children: [
-  /* @__PURE__ */ o("path", { stroke: "none", d: "M0 0h24v24H0z", fill: "none" }),
-  /* @__PURE__ */ o("path", { d: "M21 9c-2.4 2.667 -5.4 4 -9 4c-3.6 0 -6.6 -1.333 -9 -4" }),
-  /* @__PURE__ */ o("path", { d: "M3 15l2.5 -3.8" }),
-  /* @__PURE__ */ o("path", { d: "M21 14.976l-2.492 -3.776" }),
-  /* @__PURE__ */ o("path", { d: "M9 17l.5 -4" }),
-  /* @__PURE__ */ o("path", { d: "M15 17l-.5 -4" })
-] }), M = Object.assign(p, { displayName: "EyeClosedIcon" });
-export {
-  M as EyeClosedIcon
-};
+import { IconBase as e } from "./IconBase.js";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+var r = Object.assign(({ ref: r, className: i, ariaHidden: a, title: o, description: s, size: c = 24, ...l }) => /* @__PURE__ */ n(e, {
+	size: c,
+	className: i,
+	title: o,
+	description: s,
+	ariaHidden: a,
+	ref: r,
+	stroke: "currentColor",
+	strokeWidth: 2,
+	strokeLinecap: "round",
+	strokeLinejoin: "round",
+	...l,
+	children: [
+		/* @__PURE__ */ t("path", {
+			stroke: "none",
+			d: "M0 0h24v24H0z",
+			fill: "none"
+		}),
+		/* @__PURE__ */ t("path", { d: "M21 9c-2.4 2.667 -5.4 4 -9 4c-3.6 0 -6.6 -1.333 -9 -4" }),
+		/* @__PURE__ */ t("path", { d: "M3 15l2.5 -3.8" }),
+		/* @__PURE__ */ t("path", { d: "M21 14.976l-2.492 -3.776" }),
+		/* @__PURE__ */ t("path", { d: "M9 17l.5 -4" }),
+		/* @__PURE__ */ t("path", { d: "M15 17l-.5 -4" })
+	]
+}), { displayName: "EyeClosedIcon" });
+//#endregion
+export { r as EyeClosedIcon };

package/dist/Icons/EyeClosedIcon2.js

@@ -1,12 +1,28 @@
 import "../styles/main.css";
-import { jsxs as d, jsx as o } from "react/jsx-runtime";
-import i from "./IconBase.js";
-const l = ({ ref: e, className: n, ariaHidden: r, title: t, description: s, size: c = 24, ...a }) => /* @__PURE__ */ d(i, { size: c, className: n, title: t, description: s, ariaHidden: r, ref: e, stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", ...a, children: [
-  /* @__PURE__ */ o("path", { stroke: "none", d: "M0 0h24v24H0z", fill: "none" }),
-  /* @__PURE__ */ o("path", { d: "M10.585 10.587a2 2 0 0 0 2.829 2.828" }),
-  /* @__PURE__ */ o("path", { d: "M16.681 16.673a8.717 8.717 0 0 1 -4.681 1.327c-3.6 0 -6.6 -2 -9 -6c1.272 -2.12 2.712 -3.678 4.32 -4.674m2.86 -1.146a9.055 9.055 0 0 1 1.82 -.18c3.6 0 6.6 2 9 6c-.666 1.11 -1.379 2.067 -2.138 2.87" }),
-  /* @__PURE__ */ o("path", { d: "M3 3l18 18" })
-] }), m = Object.assign(l, { displayName: "EyeClosedIcon2" });
-export {
-  m as EyeClosedIcon2
-};
+import { IconBase as e } from "./IconBase.js";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+var r = Object.assign(({ ref: r, className: i, ariaHidden: a, title: o, description: s, size: c = 24, ...l }) => /* @__PURE__ */ n(e, {
+	size: c,
+	className: i,
+	title: o,
+	description: s,
+	ariaHidden: a,
+	ref: r,
+	stroke: "currentColor",
+	strokeWidth: 2,
+	strokeLinecap: "round",
+	strokeLinejoin: "round",
+	...l,
+	children: [
+		/* @__PURE__ */ t("path", {
+			stroke: "none",
+			d: "M0 0h24v24H0z",
+			fill: "none"
+		}),
+		/* @__PURE__ */ t("path", { d: "M10.585 10.587a2 2 0 0 0 2.829 2.828" }),
+		/* @__PURE__ */ t("path", { d: "M16.681 16.673a8.717 8.717 0 0 1 -4.681 1.327c-3.6 0 -6.6 -2 -9 -6c1.272 -2.12 2.712 -3.678 4.32 -4.674m2.86 -1.146a9.055 9.055 0 0 1 1.82 -.18c3.6 0 6.6 2 9 6c-.666 1.11 -1.379 2.067 -2.138 2.87" }),
+		/* @__PURE__ */ t("path", { d: "M3 3l18 18" })
+	]
+}), { displayName: "EyeClosedIcon2" });
+//#endregion
+export { r as EyeClosedIcon2 };

package/dist/Icons/EyeOpenIcon.js

@@ -1,10 +1,23 @@
 import "../styles/main.css";
-import { jsxs as p, jsx as e } from "react/jsx-runtime";
-import a from "./IconBase.js";
-const d = ({ ref: o, className: r, ariaHidden: n, title: c, description: t, size: s = 24, ...i }) => /* @__PURE__ */ p(a, { size: s, className: r, title: c, description: t, ariaHidden: n, ref: o, stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", ...i, children: [
-  /* @__PURE__ */ e("path", { d: "M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0" }),
-  /* @__PURE__ */ e("circle", { cx: "12", cy: "12", r: "3" })
-] }), j = Object.assign(d, { displayName: "EyeOpenIcon" });
-export {
-  j as EyeOpenIcon
-};
+import { IconBase as e } from "./IconBase.js";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+var r = Object.assign(({ ref: r, className: i, ariaHidden: a, title: o, description: s, size: c = 24, ...l }) => /* @__PURE__ */ n(e, {
+	size: c,
+	className: i,
+	title: o,
+	description: s,
+	ariaHidden: a,
+	ref: r,
+	stroke: "currentColor",
+	strokeWidth: 2,
+	strokeLinecap: "round",
+	strokeLinejoin: "round",
+	...l,
+	children: [/* @__PURE__ */ t("path", { d: "M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0" }), /* @__PURE__ */ t("circle", {
+		cx: "12",
+		cy: "12",
+		r: "3"
+	})]
+}), { displayName: "EyeOpenIcon" });
+//#endregion
+export { r as EyeOpenIcon };

package/dist/Icons/FileDownloadIcon.js

@@ -1,21 +1,44 @@
 import "../styles/main.css";
-import { jsxs as c, jsx as o } from "react/jsx-runtime";
-import k from "./IconBase.js";
-const a = ({ ref: r, className: e, ariaHidden: n, title: t, description: s, size: i = 24, ...d }) => /* @__PURE__ */ c(k, { size: i, className: e, title: t, description: s, ariaHidden: n, ref: r, ...d, children: [
-  /* @__PURE__ */ o("path", { d: "M14.125 2.55V6.75C14.125 7.02848 14.2369 7.29555 14.4362 7.49246C14.6355 7.68937 14.9057 7.8 15.1875 7.8H19.4375", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
-  /* @__PURE__ */ o(
-    "path",
-    {
-      d: "M17.3125 21.45H6.6875C6.12391 21.45 5.58341 21.2287 5.1849 20.8349C4.78638 20.4411 4.5625 19.907 4.5625 19.35V4.65C4.5625 4.09304 4.78638 3.5589 5.1849 3.16507C5.58341 2.77125 6.12391 2.55 6.6875 2.55H14.125L19.4375 7.8V19.35C19.4375 19.907 19.2136 20.4411 18.8151 20.8349C18.4166 21.2287 17.8761 21.45 17.3125 21.45Z",
-      stroke: "currentColor",
-      strokeWidth: "2",
-      strokeLinecap: "round",
-      strokeLinejoin: "round"
-    }
-  ),
-  /* @__PURE__ */ o("path", { d: "M12 17.25V10.95", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
-  /* @__PURE__ */ o("path", { d: "M9.34375 14.625L12 17.25L14.6562 14.625", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })
-] }), p = Object.assign(a, { displayName: "FileDownloadIcon" });
-export {
-  p as FileDownloadIcon
-};
+import { IconBase as e } from "./IconBase.js";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+var r = Object.assign(({ ref: r, className: i, ariaHidden: a, title: o, description: s, size: c = 24, ...l }) => /* @__PURE__ */ n(e, {
+	size: c,
+	className: i,
+	title: o,
+	description: s,
+	ariaHidden: a,
+	ref: r,
+	...l,
+	children: [
+		/* @__PURE__ */ t("path", {
+			d: "M14.125 2.55V6.75C14.125 7.02848 14.2369 7.29555 14.4362 7.49246C14.6355 7.68937 14.9057 7.8 15.1875 7.8H19.4375",
+			stroke: "currentColor",
+			strokeWidth: "2",
+			strokeLinecap: "round",
+			strokeLinejoin: "round"
+		}),
+		/* @__PURE__ */ t("path", {
+			d: "M17.3125 21.45H6.6875C6.12391 21.45 5.58341 21.2287 5.1849 20.8349C4.78638 20.4411 4.5625 19.907 4.5625 19.35V4.65C4.5625 4.09304 4.78638 3.5589 5.1849 3.16507C5.58341 2.77125 6.12391 2.55 6.6875 2.55H14.125L19.4375 7.8V19.35C19.4375 19.907 19.2136 20.4411 18.8151 20.8349C18.4166 21.2287 17.8761 21.45 17.3125 21.45Z",
+			stroke: "currentColor",
+			strokeWidth: "2",
+			strokeLinecap: "round",
+			strokeLinejoin: "round"
+		}),
+		/* @__PURE__ */ t("path", {
+			d: "M12 17.25V10.95",
+			stroke: "currentColor",
+			strokeWidth: "2",
+			strokeLinecap: "round",
+			strokeLinejoin: "round"
+		}),
+		/* @__PURE__ */ t("path", {
+			d: "M9.34375 14.625L12 17.25L14.6562 14.625",
+			stroke: "currentColor",
+			strokeWidth: "2",
+			strokeLinecap: "round",
+			strokeLinejoin: "round"
+		})
+	]
+}), { displayName: "FileDownloadIcon" });
+//#endregion
+export { r as FileDownloadIcon };

package/dist/Icons/GoToFirstIcon.js

@@ -1,10 +1,27 @@
 import "../styles/main.css";
-import { jsxs as d, jsx as o } from "react/jsx-runtime";
-import a from "./IconBase.js";
-const k = ({ ref: r, className: t, ariaHidden: n, title: e, description: s, size: i = 24, ...c }) => /* @__PURE__ */ d(a, { size: i, className: t, title: e, description: s, ariaHidden: n, ref: r, ...c, children: [
-  /* @__PURE__ */ o("path", { d: "M18.1765 19.6501L10.7647 12.0001L18.1765 4.3501", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
-  /* @__PURE__ */ o("path", { d: "M5.82353 4.3501V19.6501", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })
-] }), L = Object.assign(k, { displayName: "GoToFirstIcon" });
-export {
-  L as GoToFirstIcon
-};
+import { IconBase as e } from "./IconBase.js";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+var r = Object.assign(({ ref: r, className: i, ariaHidden: a, title: o, description: s, size: c = 24, ...l }) => /* @__PURE__ */ n(e, {
+	size: c,
+	className: i,
+	title: o,
+	description: s,
+	ariaHidden: a,
+	ref: r,
+	...l,
+	children: [/* @__PURE__ */ t("path", {
+		d: "M18.1765 19.6501L10.7647 12.0001L18.1765 4.3501",
+		stroke: "currentColor",
+		strokeWidth: "2",
+		strokeLinecap: "round",
+		strokeLinejoin: "round"
+	}), /* @__PURE__ */ t("path", {
+		d: "M5.82353 4.3501V19.6501",
+		stroke: "currentColor",
+		strokeWidth: "2",
+		strokeLinecap: "round",
+		strokeLinejoin: "round"
+	})]
+}), { displayName: "GoToFirstIcon" });
+//#endregion
+export { r as GoToFirstIcon };

package/dist/Icons/GoToLastIcon.js

@@ -1,10 +1,27 @@
 import "../styles/main.css";
-import { jsxs as a, jsx as o } from "react/jsx-runtime";
-import d from "./IconBase.js";
-const L = ({ ref: r, className: t, ariaHidden: n, title: e, description: s, size: i = 24, ...c }) => /* @__PURE__ */ a(d, { size: i, className: t, title: e, description: s, ariaHidden: n, ref: r, ...c, children: [
-  /* @__PURE__ */ o("path", { d: "M5.75 19.2858L13.25 12.0001L5.75 4.71436", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
-  /* @__PURE__ */ o("path", { d: "M18.25 4.71436V19.2858", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })
-] }), u = Object.assign(L, { displayName: "GoToLastIcon" });
-export {
-  u as GoToLastIcon
-};
+import { IconBase as e } from "./IconBase.js";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+var r = Object.assign(({ ref: r, className: i, ariaHidden: a, title: o, description: s, size: c = 24, ...l }) => /* @__PURE__ */ n(e, {
+	size: c,
+	className: i,
+	title: o,
+	description: s,
+	ariaHidden: a,
+	ref: r,
+	...l,
+	children: [/* @__PURE__ */ t("path", {
+		d: "M5.75 19.2858L13.25 12.0001L5.75 4.71436",
+		stroke: "currentColor",
+		strokeWidth: "2",
+		strokeLinecap: "round",
+		strokeLinejoin: "round"
+	}), /* @__PURE__ */ t("path", {
+		d: "M18.25 4.71436V19.2858",
+		stroke: "currentColor",
+		strokeWidth: "2",
+		strokeLinecap: "round",
+		strokeLinejoin: "round"
+	})]
+}), { displayName: "GoToLastIcon" });
+//#endregion
+export { r as GoToLastIcon };

package/dist/Icons/HarmonicCursorsIcon.js

@@ -1,10 +1,24 @@
 import "../styles/main.css";
-import { jsxs as a, jsx as r } from "react/jsx-runtime";
-import C from "./IconBase.js";
-const m = ({ ref: o, className: s, ariaHidden: t, title: n, description: e, size: c = 24, ...i }) => /* @__PURE__ */ a(C, { size: c, className: s, title: n, description: e, ariaHidden: t, ref: o, ...i, children: [
-  /* @__PURE__ */ r("path", { d: "M2.45453 13.4347C2.45453 13.4347 11.2804 -1.47771 21.5454 13.2072", stroke: "currentColor", strokeWidth: "1.85" }),
-  /* @__PURE__ */ r("path", { d: "M21.5454 12.9565C12.5912 43.9337 11.4062 -17.8068 2.45453 13.4348C7.71677 -11.6145 6.88298 16.2733 10.0909 16.3044C14.0847 16.3431 16.4288 -11.9102 21.5454 12.9565Z", stroke: "currentColor", strokeWidth: "1.85", strokeLinejoin: "round" })
-] }), p = Object.assign(m, { displayName: "HarmonicCursorsIcon" });
-export {
-  p as HarmonicCursorsIcon
-};
+import { IconBase as e } from "./IconBase.js";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+var r = Object.assign(({ ref: r, className: i, ariaHidden: a, title: o, description: s, size: c = 24, ...l }) => /* @__PURE__ */ n(e, {
+	size: c,
+	className: i,
+	title: o,
+	description: s,
+	ariaHidden: a,
+	ref: r,
+	...l,
+	children: [/* @__PURE__ */ t("path", {
+		d: "M2.45453 13.4347C2.45453 13.4347 11.2804 -1.47771 21.5454 13.2072",
+		stroke: "currentColor",
+		strokeWidth: "1.85"
+	}), /* @__PURE__ */ t("path", {
+		d: "M21.5454 12.9565C12.5912 43.9337 11.4062 -17.8068 2.45453 13.4348C7.71677 -11.6145 6.88298 16.2733 10.0909 16.3044C14.0847 16.3431 16.4288 -11.9102 21.5454 12.9565Z",
+		stroke: "currentColor",
+		strokeWidth: "1.85",
+		strokeLinejoin: "round"
+	})]
+}), { displayName: "HarmonicCursorsIcon" });
+//#endregion
+export { r as HarmonicCursorsIcon };

package/dist/Icons/IconBase.d.ts

@@ -1,5 +1,5 @@
-import { IconProps } from './iconTypes';
 import { ComponentPropsWithoutRef, ReactNode, Ref } from 'react';
+import { IconProps } from './iconTypes';
 export declare const SvgIdContext: import('react').Context<string>;
 interface IconBaseProps extends Omit<IconProps, 'strokeWidth'>, ComponentPropsWithoutRef<'svg'> {
     children: ReactNode;
@@ -9,8 +9,8 @@ interface IconBaseProps extends Omit<IconProps, 'strokeWidth'>, ComponentPropsWi
     title?: string;
     color?: string;
 }
-declare const IconBase: ({ ref, children, title, size, ariaHidden, description, className, disabled, onClick, onKeyDown, role, tabIndex, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, ...rest }: IconBaseProps & {
+declare const IconBase: ({ ref, children, title, size, ariaHidden, description, className, disabled, onClick, onKeyDown, role, tabIndex, viewBox, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, ...rest }: IconBaseProps & {
     ref?: Ref<SVGSVGElement>;
 }) => import("react/jsx-runtime").JSX.Element;
-export default IconBase;
+export { IconBase };
 //# sourceMappingURL=IconBase.d.ts.map

package/dist/Icons/IconBase.js

@@ -1,69 +1,52 @@
 "use client";
 import "../styles/main.css";
-import { jsxs as _, jsx as u } from "react/jsx-runtime";
-import { createContext as D, useId as O, useCallback as w } from "react";
-const P = D(""), S = function({
-  ref: x,
-  children: g,
-  title: c,
-  size: b = 24,
-  ariaHidden: p = !0,
-  description: s,
-  className: B,
-  disabled: n,
-  onClick: i,
-  onKeyDown: l,
-  role: y,
-  tabIndex: k,
-  "aria-label": h,
-  "aria-labelledby": f,
-  ...E
-}) {
-  const r = O(), t = i !== void 0, o = t && !n, d = c !== void 0 || !!h || !!f;
-  process.env.NODE_ENV !== "production" && t && !d && console.warn("IconBase: an onClick handler was provided without an accessible name (title, aria-label, or aria-labelledby). Interactive icons must have an accessible name. The icon will be hidden from the accessibility tree.");
-  const v = t && !d, a = (d || t) && !v ? !1 : p, A = y ?? (t && !v ? "button" : "img"), C = k ?? (o && !v ? 0 : void 0), j = w(
-    (e) => {
-      l?.(e), !e.defaultPrevented && o && (e.key === "Enter" || e.key === " ") && (e.preventDefault(), e.currentTarget.dispatchEvent(new MouseEvent("click", { bubbles: !0, cancelable: !0 })));
-    },
-    [o, l]
-  ), N = w(
-    (e) => {
-      n || i?.(e);
-    },
-    [n, i]
-  ), m = !a && c ? `${r}_title` : "", I = !a && s ? `${r}_desc` : "", T = [m, I].filter(Boolean).join(" ") || void 0;
-  return (
-    // eslint-disable-next-line jsx-a11y/no-static-element-interactions -- role is dynamic: 'button' when interactive, 'img' otherwise
-    /* @__PURE__ */ _(
-      "svg",
-      {
-        ...E,
-        "aria-disabled": n && t ? !0 : void 0,
-        "aria-hidden": a,
-        "aria-label": h,
-        "aria-labelledby": f ?? T,
-        className: B,
-        "data-disabled": n,
-        fill: "none",
-        height: b,
-        onClick: i ? N : void 0,
-        onKeyDown: o || l ? j : void 0,
-        ref: x,
-        role: A,
-        tabIndex: C,
-        viewBox: "0 0 24 24",
-        width: b,
-        xmlns: "http://www.w3.org/2000/svg",
-        children: [
-          !a && c && /* @__PURE__ */ u("title", { id: m, children: c }),
-          !a && s && /* @__PURE__ */ u("desc", { id: I, children: s }),
-          /* @__PURE__ */ u(P.Provider, { value: r, children: g })
-        ]
-      }
-    )
-  );
-};
-export {
-  P as SvgIdContext,
-  S as default
+import { createContext as e, useCallback as t, useId as n } from "react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+//#region src/components/Icons/IconBase.tsx
+var a = e(""), o = function({ ref: e, children: o, title: s, size: c = 24, ariaHidden: l = !0, description: u, className: d, disabled: f, onClick: p, onKeyDown: m, role: h, tabIndex: g, viewBox: _ = "0 0 24 24", "aria-label": v, "aria-labelledby": y, ...b }) {
+	let x = n(), S = p !== void 0, C = S && !f, w = s !== void 0 || !!v || !!y;
+	process.env.NODE_ENV !== "production" && S && !w && console.warn("IconBase: an onClick handler was provided without an accessible name (title, aria-label, or aria-labelledby). Interactive icons must have an accessible name. The icon will be hidden from the accessibility tree.");
+	let T = S && !w, E = (w || S) && !T ? !1 : l, D = h ?? (S && !T ? "button" : "img"), O = g ?? (C && !T ? 0 : void 0), k = t((e) => {
+		m?.(e), !e.defaultPrevented && C && (e.key === "Enter" || e.key === " ") && (e.preventDefault(), e.currentTarget.dispatchEvent(new MouseEvent("click", {
+			bubbles: !0,
+			cancelable: !0
+		})));
+	}, [C, m]), A = t((e) => {
+		f || p?.(e);
+	}, [f, p]), j = !E && s ? `${x}_title` : "", M = !E && u ? `${x}_desc` : "", N = [j, M].filter(Boolean).join(" ") || void 0;
+	return /* @__PURE__ */ i("svg", {
+		...b,
+		"aria-disabled": f && S ? !0 : void 0,
+		"aria-hidden": E,
+		"aria-label": v,
+		"aria-labelledby": y ?? N,
+		className: d,
+		"data-disabled": f,
+		fill: "none",
+		height: c,
+		onClick: p ? A : void 0,
+		onKeyDown: C || m ? k : void 0,
+		ref: e,
+		role: D,
+		tabIndex: O,
+		viewBox: _,
+		width: c,
+		xmlns: "http://www.w3.org/2000/svg",
+		children: [
+			!E && s && /* @__PURE__ */ r("title", {
+				id: j,
+				children: s
+			}),
+			!E && u && /* @__PURE__ */ r("desc", {
+				id: M,
+				children: u
+			}),
+			/* @__PURE__ */ r(a.Provider, {
+				value: x,
+				children: o
+			})
+		]
+	});
 };
+//#endregion
+export { o as IconBase, a as SvgIdContext };

package/dist/Icons/InfoIcon.js

@@ -1,11 +1,37 @@
 import "../styles/main.css";
-import { jsxs as d, jsx as o } from "react/jsx-runtime";
-import k from "./IconBase.js";
-const a = ({ ref: r, className: n, ariaHidden: t, title: e, description: s, size: i = 24, ...c }) => /* @__PURE__ */ d(k, { size: i, className: n, title: e, description: s, ariaHidden: t, ref: r, ...c, children: [
-  /* @__PURE__ */ o("path", { d: "M12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21Z", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
-  /* @__PURE__ */ o("path", { d: "M12 16.5V11.1", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
-  /* @__PURE__ */ o("path", { d: "M12 7.5H12.01", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })
-] }), h = Object.assign(a, { displayName: "InfoIcon" });
-export {
-  h as InfoIcon
-};
+import { IconBase as e } from "./IconBase.js";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+var r = Object.assign(({ ref: r, className: i, ariaHidden: a, title: o, description: s, size: c = 24, ...l }) => /* @__PURE__ */ n(e, {
+	size: c,
+	className: i,
+	title: o,
+	description: s,
+	ariaHidden: a,
+	ref: r,
+	...l,
+	children: [
+		/* @__PURE__ */ t("path", {
+			d: "M12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21Z",
+			stroke: "currentColor",
+			strokeWidth: "2",
+			strokeLinecap: "round",
+			strokeLinejoin: "round"
+		}),
+		/* @__PURE__ */ t("path", {
+			d: "M12 16.5V11.1",
+			stroke: "currentColor",
+			strokeWidth: "2",
+			strokeLinecap: "round",
+			strokeLinejoin: "round"
+		}),
+		/* @__PURE__ */ t("path", {
+			d: "M12 7.5H12.01",
+			stroke: "currentColor",
+			strokeWidth: "2",
+			strokeLinecap: "round",
+			strokeLinejoin: "round"
+		})
+	]
+}), { displayName: "InfoIcon" });
+//#endregion
+export { r as InfoIcon };