@spear-ai/spectral 1.9.0 → 1.10.0

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, ...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,26 +1,52 @@
 "use client";
 import "../styles/main.css";
-import { jsxs as x, jsx as t } from "react/jsx-runtime";
-import { createContext as B, useId as b } from "react";
-const g = B(""), A = function({
-  ref: c,
-  children: a,
-  title: o,
-  size: i = 24,
-  ariaHidden: r = !0,
-  description: d,
-  className: h,
-  disabled: f,
-  ...v
-}) {
-  const s = b(), e = o !== void 0 ? !1 : r, l = !e && o ? `${s}_title` : "", n = !e && d ? `${s}_desc` : "", u = [l, n].filter(Boolean).join(" ") || void 0;
-  return /* @__PURE__ */ x("svg", { "aria-hidden": e, "aria-labelledby": u, className: h, "data-disabled": f, fill: "none", height: i, ref: c, role: "img", viewBox: "0 0 24 24", width: i, xmlns: "http://www.w3.org/2000/svg", ...v, children: [
-    !e && o && /* @__PURE__ */ t("title", { id: l, children: o }),
-    !e && d && /* @__PURE__ */ t("desc", { id: n, children: d }),
-    /* @__PURE__ */ t(g.Provider, { value: s, children: a })
-  ] });
-};
-export {
-  g as SvgIdContext,
-  A 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 };

package/dist/Icons/KeyboardIcon.js

@@ -1,28 +1,27 @@
 import "../styles/main.css";
-import { jsxs as a, jsx as C } from "react/jsx-runtime";
-import i from "./IconBase.js";
-const d = ({ ref: o, className: r, ariaHidden: e, title: t, description: n, size: s = 24, ...c }) => /* @__PURE__ */ a(i, { size: s, className: r, title: t, description: n, ariaHidden: e, ref: o, ...c, children: [
-  /* @__PURE__ */ C(
-    "path",
-    {
-      d: "M6 16.125C6.48325 16.125 6.875 16.5168 6.875 17C6.875 17.4832 6.48325 17.875 6 17.875C5.51675 17.875 5.125 17.4832 5.125 17C5.125 16.5168 5.51675 16.125 6 16.125ZM18 16.125C18.4832 16.125 18.875 16.5168 18.875 17C18.875 17.4832 18.4832 17.875 18 17.875C17.5168 17.875 17.125 17.4832 17.125 17C17.125 16.5168 17.5168 16.125 18 16.125ZM6 12.125C6.48325 12.125 6.875 12.5168 6.875 13C6.875 13.4832 6.48325 13.875 6 13.875C5.51675 13.875 5.125 13.4832 5.125 13C5.125 12.5168 5.51675 12.125 6 12.125ZM10 12.125C10.4832 12.125 10.875 12.5168 10.875 13C10.875 13.4832 10.4832 13.875 10 13.875C9.51675 13.875 9.125 13.4832 9.125 13C9.125 12.5168 9.51675 12.125 10 12.125ZM14 12.125C14.4832 12.125 14.875 12.5168 14.875 13C14.875 13.4832 14.4832 13.875 14 13.875C13.5168 13.875 13.125 13.4832 13.125 13C13.125 12.5168 13.5168 12.125 14 12.125ZM18 12.125C18.4832 12.125 18.875 12.5168 18.875 13C18.875 13.4832 18.4832 13.875 18 13.875C17.5168 13.875 17.125 13.4832 17.125 13C17.125 12.5168 17.5168 12.125 18 12.125Z",
-      fill: "currentColor",
-      stroke: "currentColor",
-      strokeWidth: "0.75",
-      strokeLinecap: "square"
-    }
-  ),
-  /* @__PURE__ */ C(
-    "path",
-    {
-      d: "M10 17H14M6 9V7C6 5.89543 6.89543 5 8 5H16.5C17.3284 5 18 4.32843 18 3.5V3M4 9H20C21.1046 9 22 9.89543 22 11V19C22 20.1046 21.1046 21 20 21H4C2.89543 21 2 20.1046 2 19V11C2 9.89543 2.89543 9 4 9Z",
-      stroke: "currentColor",
-      strokeWidth: "2",
-      strokeLinecap: "round",
-      strokeLinejoin: "round"
-    }
-  )
-] }), k = Object.assign(d, { displayName: "KeyboardIcon" });
-export {
-  k as KeyboardIcon
-};
+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: "M6 16.125C6.48325 16.125 6.875 16.5168 6.875 17C6.875 17.4832 6.48325 17.875 6 17.875C5.51675 17.875 5.125 17.4832 5.125 17C5.125 16.5168 5.51675 16.125 6 16.125ZM18 16.125C18.4832 16.125 18.875 16.5168 18.875 17C18.875 17.4832 18.4832 17.875 18 17.875C17.5168 17.875 17.125 17.4832 17.125 17C17.125 16.5168 17.5168 16.125 18 16.125ZM6 12.125C6.48325 12.125 6.875 12.5168 6.875 13C6.875 13.4832 6.48325 13.875 6 13.875C5.51675 13.875 5.125 13.4832 5.125 13C5.125 12.5168 5.51675 12.125 6 12.125ZM10 12.125C10.4832 12.125 10.875 12.5168 10.875 13C10.875 13.4832 10.4832 13.875 10 13.875C9.51675 13.875 9.125 13.4832 9.125 13C9.125 12.5168 9.51675 12.125 10 12.125ZM14 12.125C14.4832 12.125 14.875 12.5168 14.875 13C14.875 13.4832 14.4832 13.875 14 13.875C13.5168 13.875 13.125 13.4832 13.125 13C13.125 12.5168 13.5168 12.125 14 12.125ZM18 12.125C18.4832 12.125 18.875 12.5168 18.875 13C18.875 13.4832 18.4832 13.875 18 13.875C17.5168 13.875 17.125 13.4832 17.125 13C17.125 12.5168 17.5168 12.125 18 12.125Z",
+		fill: "currentColor",
+		stroke: "currentColor",
+		strokeWidth: "0.75",
+		strokeLinecap: "square"
+	}), /* @__PURE__ */ t("path", {
+		d: "M10 17H14M6 9V7C6 5.89543 6.89543 5 8 5H16.5C17.3284 5 18 4.32843 18 3.5V3M4 9H20C21.1046 9 22 9.89543 22 11V19C22 20.1046 21.1046 21 20 21H4C2.89543 21 2 20.1046 2 19V11C2 9.89543 2.89543 9 4 9Z",
+		stroke: "currentColor",
+		strokeWidth: "2",
+		strokeLinecap: "round",
+		strokeLinejoin: "round"
+	})]
+}), { displayName: "KeyboardIcon" });
+//#endregion
+export { r as KeyboardIcon };