@spear-ai/spectral 1.13.1 → 1.14.2

package/dist/Icons/GoToFirstIcon.js

@@ -1,27 +1,33 @@
-'use client'
-import '../styles/main.css'
-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, title: a, description: o, size: s = 24, ...c }) => /* @__PURE__ */ n(e, {
-	size: s,
-	className: i,
-	title: a,
-	description: o,
-	ref: r,
-	...c,
-	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" });
+'use client';
+import { IconBase } from "./IconBase.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/components/Icons/GoToFirstIcon.tsx
+const IconGoToFirst = ({ ref, className, title, description, size = 24, ...rest }) => {
+	return /* @__PURE__ */ jsxs(IconBase, {
+		size,
+		className,
+		title,
+		description,
+		ref,
+		...rest,
+		children: [/* @__PURE__ */ jsx("path", {
+			d: "M18.1765 19.6501L10.7647 12.0001L18.1765 4.3501",
+			stroke: "currentColor",
+			strokeWidth: "2",
+			strokeLinecap: "round",
+			strokeLinejoin: "round"
+		}), /* @__PURE__ */ jsx("path", {
+			d: "M5.82353 4.3501V19.6501",
+			stroke: "currentColor",
+			strokeWidth: "2",
+			strokeLinecap: "round",
+			strokeLinejoin: "round"
+		})]
+	});
+};
+const GoToFirstIcon = Object.assign(IconGoToFirst, { displayName: "GoToFirstIcon" });
+
 //#endregion
-export { r as GoToFirstIcon };
+export { GoToFirstIcon };
+//# sourceMappingURL=GoToFirstIcon.js.map

package/dist/Icons/GoToFirstIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GoToFirstIcon.js","names":[],"sources":["../../src/components/Icons/GoToFirstIcon.tsx"],"sourcesContent":["import { IconBase } from './IconBase'\nimport { type IconProps } from './iconTypes'\n\nconst IconGoToFirst = ({ ref, className, title, description, size = 24, ...rest }: IconProps) => {\n  return (\n    <IconBase size={size} className={className} title={title} description={description} ref={ref} {...rest}>\n      <path d='M18.1765 19.6501L10.7647 12.0001L18.1765 4.3501' stroke='currentColor' strokeWidth='2' strokeLinecap='round' strokeLinejoin='round' />\n      <path d='M5.82353 4.3501V19.6501' stroke='currentColor' strokeWidth='2' strokeLinecap='round' strokeLinejoin='round' />\n    </IconBase>\n  )\n}\n\nexport const GoToFirstIcon = Object.assign(IconGoToFirst, { displayName: 'GoToFirstIcon' })\n"],"mappings":";;;;;AAGA,MAAM,iBAAiB,EAAE,KAAK,WAAW,OAAO,aAAa,OAAO,IAAI,GAAG,WAAsB;AAC/F,QACE,qBAAC,UAAD;EAAgB;EAAiB;EAAkB;EAAoB;EAAkB;EAAK,GAAI;YAAlG,CACE,oBAAC,QAAD;GAAM,GAAE;GAAkD,QAAO;GAAe,aAAY;GAAI,eAAc;GAAQ,gBAAe;GAAU,GAC/I,oBAAC,QAAD;GAAM,GAAE;GAA0B,QAAO;GAAe,aAAY;GAAI,eAAc;GAAQ,gBAAe;GAAU,EAC9G;;;AAIf,MAAa,gBAAgB,OAAO,OAAO,eAAe,EAAE,aAAa,iBAAiB,CAAC"}

package/dist/Icons/GoToLastIcon.d.ts

@@ -1,5 +1,18 @@
-import { IconProps } from './iconTypes';
-export declare const GoToLastIcon: (({ ref, className, title, description, size, ...rest }: IconProps) => import("react/jsx-runtime").JSX.Element) & {
-    displayName: string;
+'use client';
+import { IconProps } from "../components/Icons/iconTypes.js";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/components/Icons/GoToLastIcon.d.ts
+declare const GoToLastIcon: (({
+  ref,
+  className,
+  title,
+  description,
+  size,
+  ...rest
+}: IconProps) => _$react_jsx_runtime0.JSX.Element) & {
+  displayName: string;
 };
+//#endregion
+export { GoToLastIcon };
 //# sourceMappingURL=GoToLastIcon.d.ts.map

package/dist/Icons/GoToLastIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GoToLastIcon.d.ts","names":[],"sources":["../../src/components/Icons/GoToLastIcon.tsx"],"mappings":";;;;;cAYa,YAAA;EAAY,GAAA;EAAA,SAAA;EAAA,KAAA;EAAA,WAAA;EAAA,IAAA;EAAA,GAAA;AAAA,GATyD,SAAA,KAAS,oBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/Icons/GoToLastIcon.js

@@ -1,27 +1,33 @@
-'use client'
-import '../styles/main.css'
-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, title: a, description: o, size: s = 24, ...c }) => /* @__PURE__ */ n(e, {
-	size: s,
-	className: i,
-	title: a,
-	description: o,
-	ref: r,
-	...c,
-	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" });
+'use client';
+import { IconBase } from "./IconBase.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/components/Icons/GoToLastIcon.tsx
+const IconGoToLast = ({ ref, className, title, description, size = 24, ...rest }) => {
+	return /* @__PURE__ */ jsxs(IconBase, {
+		size,
+		className,
+		title,
+		description,
+		ref,
+		...rest,
+		children: [/* @__PURE__ */ jsx("path", {
+			d: "M5.75 19.2858L13.25 12.0001L5.75 4.71436",
+			stroke: "currentColor",
+			strokeWidth: "2",
+			strokeLinecap: "round",
+			strokeLinejoin: "round"
+		}), /* @__PURE__ */ jsx("path", {
+			d: "M18.25 4.71436V19.2858",
+			stroke: "currentColor",
+			strokeWidth: "2",
+			strokeLinecap: "round",
+			strokeLinejoin: "round"
+		})]
+	});
+};
+const GoToLastIcon = Object.assign(IconGoToLast, { displayName: "GoToLastIcon" });
+
 //#endregion
-export { r as GoToLastIcon };
+export { GoToLastIcon };
+//# sourceMappingURL=GoToLastIcon.js.map

package/dist/Icons/GoToLastIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GoToLastIcon.js","names":[],"sources":["../../src/components/Icons/GoToLastIcon.tsx"],"sourcesContent":["import { IconBase } from './IconBase'\nimport { type IconProps } from './iconTypes'\n\nconst IconGoToLast = ({ ref, className, title, description, size = 24, ...rest }: IconProps) => {\n  return (\n    <IconBase size={size} className={className} title={title} description={description} ref={ref} {...rest}>\n      <path d='M5.75 19.2858L13.25 12.0001L5.75 4.71436' stroke='currentColor' strokeWidth='2' strokeLinecap='round' strokeLinejoin='round' />\n      <path d='M18.25 4.71436V19.2858' stroke='currentColor' strokeWidth='2' strokeLinecap='round' strokeLinejoin='round' />\n    </IconBase>\n  )\n}\n\nexport const GoToLastIcon = Object.assign(IconGoToLast, { displayName: 'GoToLastIcon' })\n"],"mappings":";;;;;AAGA,MAAM,gBAAgB,EAAE,KAAK,WAAW,OAAO,aAAa,OAAO,IAAI,GAAG,WAAsB;AAC9F,QACE,qBAAC,UAAD;EAAgB;EAAiB;EAAkB;EAAoB;EAAkB;EAAK,GAAI;YAAlG,CACE,oBAAC,QAAD;GAAM,GAAE;GAA2C,QAAO;GAAe,aAAY;GAAI,eAAc;GAAQ,gBAAe;GAAU,GACxI,oBAAC,QAAD;GAAM,GAAE;GAAyB,QAAO;GAAe,aAAY;GAAI,eAAc;GAAQ,gBAAe;GAAU,EAC7G;;;AAIf,MAAa,eAAe,OAAO,OAAO,cAAc,EAAE,aAAa,gBAAgB,CAAC"}

package/dist/Icons/HarmonicCursorsIcon.d.ts

@@ -1,5 +1,18 @@
-import { IconProps } from './iconTypes';
-export declare const HarmonicCursorsIcon: (({ ref, className, title, description, size, ...rest }: IconProps) => import("react/jsx-runtime").JSX.Element) & {
-    displayName: string;
+'use client';
+import { IconProps } from "../components/Icons/iconTypes.js";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/components/Icons/HarmonicCursorsIcon.d.ts
+declare const HarmonicCursorsIcon: (({
+  ref,
+  className,
+  title,
+  description,
+  size,
+  ...rest
+}: IconProps) => _$react_jsx_runtime0.JSX.Element) & {
+  displayName: string;
 };
+//#endregion
+export { HarmonicCursorsIcon };
 //# sourceMappingURL=HarmonicCursorsIcon.d.ts.map

package/dist/Icons/HarmonicCursorsIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HarmonicCursorsIcon.d.ts","names":[],"sources":["../../src/components/Icons/HarmonicCursorsIcon.tsx"],"mappings":";;;;;cAYa,mBAAA;EAAmB,GAAA;EAAA,SAAA;EAAA,KAAA;EAAA,WAAA;EAAA,IAAA;EAAA,GAAA;AAAA,GATyD,SAAA,KAAS,oBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/Icons/HarmonicCursorsIcon.js

@@ -1,24 +1,30 @@
-'use client'
-import '../styles/main.css'
-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, title: a, description: o, size: s = 24, ...c }) => /* @__PURE__ */ n(e, {
-	size: s,
-	className: i,
-	title: a,
-	description: o,
-	ref: r,
-	...c,
-	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" });
+'use client';
+import { IconBase } from "./IconBase.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/components/Icons/HarmonicCursorsIcon.tsx
+const IconHarmonicCursors = ({ ref, className, title, description, size = 24, ...rest }) => {
+	return /* @__PURE__ */ jsxs(IconBase, {
+		size,
+		className,
+		title,
+		description,
+		ref,
+		...rest,
+		children: [/* @__PURE__ */ jsx("path", {
+			d: "M2.45453 13.4347C2.45453 13.4347 11.2804 -1.47771 21.5454 13.2072",
+			stroke: "currentColor",
+			strokeWidth: "1.85"
+		}), /* @__PURE__ */ jsx("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"
+		})]
+	});
+};
+const HarmonicCursorsIcon = Object.assign(IconHarmonicCursors, { displayName: "HarmonicCursorsIcon" });
+
 //#endregion
-export { r as HarmonicCursorsIcon };
+export { HarmonicCursorsIcon };
+//# sourceMappingURL=HarmonicCursorsIcon.js.map

package/dist/Icons/HarmonicCursorsIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HarmonicCursorsIcon.js","names":[],"sources":["../../src/components/Icons/HarmonicCursorsIcon.tsx"],"sourcesContent":["import { IconBase } from './IconBase'\nimport { type IconProps } from './iconTypes'\n\nconst IconHarmonicCursors = ({ ref, className, title, description, size = 24, ...rest }: IconProps) => {\n  return (\n    <IconBase size={size} className={className} title={title} description={description} ref={ref} {...rest}>\n      <path d='M2.45453 13.4347C2.45453 13.4347 11.2804 -1.47771 21.5454 13.2072' stroke='currentColor' strokeWidth='1.85' />\n      <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' />\n    </IconBase>\n  )\n}\n\nexport const HarmonicCursorsIcon = Object.assign(IconHarmonicCursors, { displayName: 'HarmonicCursorsIcon' })\n"],"mappings":";;;;;AAGA,MAAM,uBAAuB,EAAE,KAAK,WAAW,OAAO,aAAa,OAAO,IAAI,GAAG,WAAsB;AACrG,QACE,qBAAC,UAAD;EAAgB;EAAiB;EAAkB;EAAoB;EAAkB;EAAK,GAAI;YAAlG,CACE,oBAAC,QAAD;GAAM,GAAE;GAAoE,QAAO;GAAe,aAAY;GAAS,GACvH,oBAAC,QAAD;GAAM,GAAE;GAAuK,QAAO;GAAe,aAAY;GAAO,gBAAe;GAAU,EACxO;;;AAIf,MAAa,sBAAsB,OAAO,OAAO,qBAAqB,EAAE,aAAa,uBAAuB,CAAC"}

package/dist/Icons/IconBase.d.ts

@@ -1,17 +1,41 @@
-import { ComponentPropsWithoutRef, ReactNode, Ref } from 'react';
-import { IconProps } from './iconTypes';
-export declare const SvgIdContext: import('react').Context<string>;
+'use client';
+import { IconProps } from "../components/Icons/iconTypes.js";
+import * as _$react from "react";
+import { ComponentPropsWithoutRef, ReactNode, Ref } from "react";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/components/Icons/IconBase.d.ts
+declare const SvgIdContext: _$react.Context<string>;
 interface IconBaseProps extends Omit<IconProps, 'strokeWidth'>, ComponentPropsWithoutRef<'svg'> {
-    ariaHidden?: boolean;
-    children: ReactNode;
-    className?: string;
-    disabled?: boolean;
-    size?: number;
-    title?: string;
-    color?: string;
+  ariaHidden?: boolean;
+  children: ReactNode;
+  className?: string;
+  disabled?: boolean;
+  size?: number;
+  title?: string;
+  color?: string;
 }
-declare const IconBase: ({ ref, children, title, size, description, className, disabled, onClick, onKeyDown, role, tabIndex, viewBox, ariaHidden, "aria-hidden": explicitHidden, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, ...rest }: IconBaseProps & {
-    ref?: Ref<SVGSVGElement>;
-}) => import("react/jsx-runtime").JSX.Element;
-export { IconBase };
+declare const IconBase: ({
+  ref,
+  children,
+  title,
+  size,
+  description,
+  className,
+  disabled,
+  onClick,
+  onKeyDown,
+  role,
+  tabIndex,
+  viewBox,
+  ariaHidden,
+  'aria-hidden': explicitHidden,
+  'aria-label': ariaLabel,
+  'aria-labelledby': ariaLabelledBy,
+  ...rest
+}: IconBaseProps & {
+  ref?: Ref<SVGSVGElement>;
+}) => _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { IconBase, SvgIdContext };
 //# sourceMappingURL=IconBase.d.ts.map

package/dist/Icons/IconBase.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconBase.d.ts","names":[],"sources":["../../src/components/Icons/IconBase.tsx"],"mappings":";;;;;;;cAGa,YAAA,EAAwC,OAAA,CAA5B,OAAA;AAAA,UAEf,aAAA,SAAsB,IAAA,CAAK,SAAA,kBAA2B,wBAAA;EAC9D,UAAA;EACA,QAAA,EAAU,SAAA;EACV,SAAA;EACA,QAAA;EACA,IAAA;EACA,KAAA;EACA,KAAA;AAAA;AAAA,cAGI,QAAA;EAAQ,GAAA;EAAA,QAAA;EAAA,KAAA;EAAA,IAAA;EAAA,WAAA;EAAA,SAAA;EAAA,QAAA;EAAA,OAAA;EAAA,SAAA;EAAA,IAAA;EAAA,QAAA;EAAA,OAAA;EAAA,UAAA;EAAA,eAAA,cAAA;EAAA,cAAA,SAAA;EAAA,mBAAA,cAAA;EAAA,GAAA;AAAA,GAkBX,aAAA;EACD,GAAA,GAAM,GAAA,CAAI,aAAA;AAAA,MACX,oBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/Icons/IconBase.js

@@ -1,52 +1,72 @@
-'use client'
-import '../styles/main.css'
-import { createContext as e, useCallback as t, useId as n } from "react";
-import { jsx as r, jsxs as i } from "react/jsx-runtime";
+'use client';
+import { createContext, useCallback, useId } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+
 //#region src/components/Icons/IconBase.tsx
-var a = e(""), o = function({ ref: e, children: o, title: s, size: c = 24, description: l, className: u, disabled: d, onClick: f, onKeyDown: p, role: m, tabIndex: h, viewBox: g = "0 0 24 24", ariaHidden: _, "aria-hidden": v, "aria-label": y, "aria-labelledby": b, ...x }) {
-	let S = n(), C = f !== void 0, w = C && !d, T = s !== void 0 || !!y || !!b;
-	process.env.NODE_ENV !== "production" && C && !T && 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 E = C && !T, D = (T || C) && !E ? !1 : v ?? _ ?? !0, O = m ?? (C && !E ? "button" : "img"), k = h ?? (w && !E ? 0 : void 0), A = t((e) => {
-		p?.(e), !e.defaultPrevented && w && (e.key === "Enter" || e.key === " ") && (e.preventDefault(), e.currentTarget.dispatchEvent(new MouseEvent("click", {
-			bubbles: !0,
-			cancelable: !0
-		})));
-	}, [w, p]), j = t((e) => {
-		d || f?.(e);
-	}, [d, f]), M = !D && s ? `${S}_title` : "", N = !D && l ? `${S}_desc` : "", P = [M, N].filter(Boolean).join(" ") || void 0;
-	return /* @__PURE__ */ i("svg", {
-		...x,
-		"aria-disabled": d && C ? !0 : void 0,
-		"aria-hidden": D,
-		"aria-label": y,
-		"aria-labelledby": b ?? P,
-		className: u,
-		"data-disabled": d,
+const SvgIdContext = createContext("");
+const IconBase = function IconBase({ ref, children, title, size = 24, description, className, disabled, onClick, onKeyDown, role, tabIndex, viewBox = "0 0 24 24", ariaHidden, "aria-hidden": explicitHidden, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, ...rest }) {
+	const id = useId();
+	const hasOnClick = onClick !== void 0;
+	const isInteractive = hasOnClick && !disabled;
+	const hasAccessibleName = title !== void 0 || !!ariaLabel || !!ariaLabelledBy;
+	if (hasOnClick && !hasAccessibleName) 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 unnamedInteractive = hasOnClick && !hasAccessibleName;
+	const effectiveAriaHidden = (hasAccessibleName || hasOnClick) && !unnamedInteractive ? false : explicitHidden ?? ariaHidden ?? true;
+	const effectiveRole = role ?? (hasOnClick && !unnamedInteractive ? "button" : "img");
+	const effectiveTabIndex = tabIndex ?? (isInteractive && !unnamedInteractive ? 0 : void 0);
+	const handleKeyDown = useCallback((e) => {
+		onKeyDown?.(e);
+		if (e.defaultPrevented) return;
+		if (isInteractive && (e.key === "Enter" || e.key === " ")) {
+			e.preventDefault();
+			e.currentTarget.dispatchEvent(new MouseEvent("click", {
+				bubbles: true,
+				cancelable: true
+			}));
+		}
+	}, [isInteractive, onKeyDown]);
+	const handleClick = useCallback((e) => {
+		if (disabled) return;
+		onClick?.(e);
+	}, [disabled, onClick]);
+	const titleId = !effectiveAriaHidden && title ? `${id}_title` : "";
+	const descId = !effectiveAriaHidden && description ? `${id}_desc` : "";
+	const labelledBy = [titleId, descId].filter(Boolean).join(" ") || void 0;
+	return /* @__PURE__ */ jsxs("svg", {
+		...rest,
+		"aria-disabled": disabled && hasOnClick ? true : void 0,
+		"aria-hidden": effectiveAriaHidden,
+		"aria-label": ariaLabel,
+		"aria-labelledby": ariaLabelledBy ?? labelledBy,
+		className,
+		"data-disabled": disabled,
 		fill: "none",
-		height: c,
-		onClick: f ? j : void 0,
-		onKeyDown: w || p ? A : void 0,
-		ref: e,
-		role: O,
-		tabIndex: k,
-		viewBox: g,
-		width: c,
+		height: size,
+		onClick: onClick ? handleClick : void 0,
+		onKeyDown: isInteractive || onKeyDown ? handleKeyDown : void 0,
+		ref,
+		role: effectiveRole,
+		tabIndex: effectiveTabIndex,
+		viewBox,
+		width: size,
 		xmlns: "http://www.w3.org/2000/svg",
 		children: [
-			!D && s && /* @__PURE__ */ r("title", {
-				id: M,
-				children: s
+			!effectiveAriaHidden && title && /* @__PURE__ */ jsx("title", {
+				id: titleId,
+				children: title
 			}),
-			!D && l && /* @__PURE__ */ r("desc", {
-				id: N,
-				children: l
+			!effectiveAriaHidden && description && /* @__PURE__ */ jsx("desc", {
+				id: descId,
+				children: description
 			}),
-			/* @__PURE__ */ r(a.Provider, {
-				value: S,
-				children: o
+			/* @__PURE__ */ jsx(SvgIdContext.Provider, {
+				value: id,
+				children
 			})
 		]
 	});
 };
+
 //#endregion
-export { o as IconBase, a as SvgIdContext };
+export { IconBase, SvgIdContext };
+//# sourceMappingURL=IconBase.js.map

package/dist/Icons/IconBase.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconBase.js","names":[],"sources":["../../src/components/Icons/IconBase.tsx"],"sourcesContent":["import { createContext, useCallback, useId, type ComponentPropsWithoutRef, type KeyboardEvent, type MouseEvent, type ReactNode, type Ref } from 'react'\nimport { type IconProps } from './iconTypes'\n\nexport const SvgIdContext = createContext<string>('')\n\ninterface IconBaseProps extends Omit<IconProps, 'strokeWidth'>, ComponentPropsWithoutRef<'svg'> {\n  ariaHidden?: boolean\n  children: ReactNode\n  className?: string\n  disabled?: boolean\n  size?: number\n  title?: string\n  color?: string\n}\n\nconst IconBase = function IconBase({\n  ref,\n  children,\n  title,\n  size = 24,\n  description,\n  className,\n  disabled,\n  onClick,\n  onKeyDown,\n  role,\n  tabIndex,\n  viewBox = '0 0 24 24',\n  ariaHidden,\n  'aria-hidden': explicitHidden,\n  'aria-label': ariaLabel,\n  'aria-labelledby': ariaLabelledBy,\n  ...rest\n}: IconBaseProps & {\n  ref?: Ref<SVGSVGElement>\n}) {\n  const id = useId()\n\n  const hasOnClick = onClick !== undefined\n  const isInteractive = hasOnClick && !disabled\n  const hasAccessibleName = title !== undefined || !!ariaLabel || !!ariaLabelledBy\n\n  if (process.env.NODE_ENV !== 'production' && hasOnClick && !hasAccessibleName) {\n    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.')\n  }\n\n  const unnamedInteractive = hasOnClick && !hasAccessibleName\n  const shouldBeAccessible = (hasAccessibleName || hasOnClick) && !unnamedInteractive\n  const resolvedAriaHidden = explicitHidden ?? ariaHidden ?? true\n  const effectiveAriaHidden = shouldBeAccessible ? false : resolvedAriaHidden\n\n  const effectiveRole = role ?? (hasOnClick && !unnamedInteractive ? 'button' : 'img')\n  const effectiveTabIndex = tabIndex ?? (isInteractive && !unnamedInteractive ? 0 : undefined)\n\n  const handleKeyDown = useCallback(\n    (e: KeyboardEvent<SVGSVGElement>) => {\n      onKeyDown?.(e)\n      if (e.defaultPrevented) return\n\n      if (isInteractive && (e.key === 'Enter' || e.key === ' ')) {\n        e.preventDefault()\n        e.currentTarget.dispatchEvent(new MouseEvent('click', { bubbles: true, cancelable: true }))\n      }\n    },\n    [isInteractive, onKeyDown],\n  )\n\n  const handleClick = useCallback(\n    (e: MouseEvent<SVGSVGElement>) => {\n      if (disabled) return\n      onClick?.(e)\n    },\n    [disabled, onClick],\n  )\n\n  const titleId = !effectiveAriaHidden && title ? `${id}_title` : ''\n  const descId = !effectiveAriaHidden && description ? `${id}_desc` : ''\n  const labelledBy = [titleId, descId].filter(Boolean).join(' ') || undefined\n\n  return (\n    // eslint-disable-next-line jsx-a11y/no-static-element-interactions -- role is dynamic: 'button' when interactive, 'img' otherwise\n    <svg\n      {...rest}\n      aria-disabled={disabled && hasOnClick ? true : undefined}\n      aria-hidden={effectiveAriaHidden}\n      aria-label={ariaLabel}\n      aria-labelledby={ariaLabelledBy ?? labelledBy}\n      className={className}\n      data-disabled={disabled}\n      fill='none'\n      height={size}\n      onClick={onClick ? handleClick : undefined}\n      onKeyDown={isInteractive || onKeyDown ? handleKeyDown : undefined}\n      ref={ref}\n      role={effectiveRole}\n      tabIndex={effectiveTabIndex}\n      viewBox={viewBox}\n      width={size}\n      xmlns='http://www.w3.org/2000/svg'\n    >\n      {!effectiveAriaHidden && title && <title id={titleId}>{title}</title>}\n      {!effectiveAriaHidden && description && <desc id={descId}>{description}</desc>}\n      <SvgIdContext.Provider value={id}>{children}</SvgIdContext.Provider>\n    </svg>\n  )\n}\n\nexport { IconBase }\n"],"mappings":";;;;;AAGA,MAAa,eAAe,cAAsB,GAAG;AAYrD,MAAM,WAAW,SAAS,SAAS,EACjC,KACA,UACA,OACA,OAAO,IACP,aACA,WACA,UACA,SACA,WACA,MACA,UACA,UAAU,aACV,YACA,eAAe,gBACf,cAAc,WACd,mBAAmB,gBACnB,GAAG,QAGF;CACD,MAAM,KAAK,OAAO;CAElB,MAAM,aAAa,YAAY;CAC/B,MAAM,gBAAgB,cAAc,CAAC;CACrC,MAAM,oBAAoB,UAAU,UAAa,CAAC,CAAC,aAAa,CAAC,CAAC;AAElE,KAA6C,cAAc,CAAC,kBAC1D,SAAQ,KAAK,qNAA0N;CAGzO,MAAM,qBAAqB,cAAc,CAAC;CAG1C,MAAM,uBAFsB,qBAAqB,eAAe,CAAC,qBAEhB,QADtB,kBAAkB,cAAc;CAG3D,MAAM,gBAAgB,SAAS,cAAc,CAAC,qBAAqB,WAAW;CAC9E,MAAM,oBAAoB,aAAa,iBAAiB,CAAC,qBAAqB,IAAI;CAElF,MAAM,gBAAgB,aACnB,MAAoC;AACnC,cAAY,EAAE;AACd,MAAI,EAAE,iBAAkB;AAExB,MAAI,kBAAkB,EAAE,QAAQ,WAAW,EAAE,QAAQ,MAAM;AACzD,KAAE,gBAAgB;AAClB,KAAE,cAAc,cAAc,IAAI,WAAW,SAAS;IAAE,SAAS;IAAM,YAAY;IAAM,CAAC,CAAC;;IAG/F,CAAC,eAAe,UAAU,CAC3B;CAED,MAAM,cAAc,aACjB,MAAiC;AAChC,MAAI,SAAU;AACd,YAAU,EAAE;IAEd,CAAC,UAAU,QAAQ,CACpB;CAED,MAAM,UAAU,CAAC,uBAAuB,QAAQ,GAAG,GAAG,UAAU;CAChE,MAAM,SAAS,CAAC,uBAAuB,cAAc,GAAG,GAAG,SAAS;CACpE,MAAM,aAAa,CAAC,SAAS,OAAO,CAAC,OAAO,QAAQ,CAAC,KAAK,IAAI,IAAI;AAElE,QAEE,qBAAC,OAAD;EACE,GAAI;EACJ,iBAAe,YAAY,aAAa,OAAO;EAC/C,eAAa;EACb,cAAY;EACZ,mBAAiB,kBAAkB;EACxB;EACX,iBAAe;EACf,MAAK;EACL,QAAQ;EACR,SAAS,UAAU,cAAc;EACjC,WAAW,iBAAiB,YAAY,gBAAgB;EACnD;EACL,MAAM;EACN,UAAU;EACD;EACT,OAAO;EACP,OAAM;YAjBR;GAmBG,CAAC,uBAAuB,SAAS,oBAAC,SAAD;IAAO,IAAI;cAAU;IAAc;GACpE,CAAC,uBAAuB,eAAe,oBAAC,QAAD;IAAM,IAAI;cAAS;IAAmB;GAC9E,oBAAC,aAAa,UAAd;IAAuB,OAAO;IAAK;IAAiC;GAChE"}

package/dist/Icons/InfoIcon.d.ts

@@ -1,5 +1,18 @@
-import { IconProps } from './iconTypes';
-export declare const InfoIcon: (({ ref, className, title, description, size, ...rest }: IconProps) => import("react/jsx-runtime").JSX.Element) & {
-    displayName: string;
+'use client';
+import { IconProps } from "../components/Icons/iconTypes.js";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/components/Icons/InfoIcon.d.ts
+declare const InfoIcon: (({
+  ref,
+  className,
+  title,
+  description,
+  size,
+  ...rest
+}: IconProps) => _$react_jsx_runtime0.JSX.Element) & {
+  displayName: string;
 };
+//#endregion
+export { InfoIcon };
 //# sourceMappingURL=InfoIcon.d.ts.map

package/dist/Icons/InfoIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InfoIcon.d.ts","names":[],"sources":["../../src/components/Icons/InfoIcon.tsx"],"mappings":";;;;;cAaa,QAAA;EAAQ,GAAA;EAAA,SAAA;EAAA,KAAA;EAAA,WAAA;EAAA,IAAA;EAAA,GAAA;AAAA,GAVyD,SAAA,KAAS,oBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/Icons/InfoIcon.js

@@ -1,37 +1,43 @@
-'use client'
-import '../styles/main.css'
-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, title: a, description: o, size: s = 24, ...c }) => /* @__PURE__ */ n(e, {
-	size: s,
-	className: i,
-	title: a,
-	description: o,
-	ref: r,
-	...c,
-	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" });
+'use client';
+import { IconBase } from "./IconBase.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/components/Icons/InfoIcon.tsx
+const IconInfo = ({ ref, className, title, description, size = 24, ...rest }) => {
+	return /* @__PURE__ */ jsxs(IconBase, {
+		size,
+		className,
+		title,
+		description,
+		ref,
+		...rest,
+		children: [
+			/* @__PURE__ */ jsx("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__ */ jsx("path", {
+				d: "M12 16.5V11.1",
+				stroke: "currentColor",
+				strokeWidth: "2",
+				strokeLinecap: "round",
+				strokeLinejoin: "round"
+			}),
+			/* @__PURE__ */ jsx("path", {
+				d: "M12 7.5H12.01",
+				stroke: "currentColor",
+				strokeWidth: "2",
+				strokeLinecap: "round",
+				strokeLinejoin: "round"
+			})
+		]
+	});
+};
+const InfoIcon = Object.assign(IconInfo, { displayName: "InfoIcon" });
+
 //#endregion
-export { r as InfoIcon };
+export { InfoIcon };
+//# sourceMappingURL=InfoIcon.js.map

package/dist/Icons/InfoIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InfoIcon.js","names":[],"sources":["../../src/components/Icons/InfoIcon.tsx"],"sourcesContent":["import { IconBase } from './IconBase'\nimport { type IconProps } from './iconTypes'\n\nconst IconInfo = ({ ref, className, title, description, size = 24, ...rest }: IconProps) => {\n  return (\n    <IconBase size={size} className={className} title={title} description={description} ref={ref} {...rest}>\n      <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' />\n      <path d='M12 16.5V11.1' stroke='currentColor' strokeWidth='2' strokeLinecap='round' strokeLinejoin='round' />\n      <path d='M12 7.5H12.01' stroke='currentColor' strokeWidth='2' strokeLinecap='round' strokeLinejoin='round' />\n    </IconBase>\n  )\n}\n\nexport const InfoIcon = Object.assign(IconInfo, { displayName: 'InfoIcon' })\n"],"mappings":";;;;;AAGA,MAAM,YAAY,EAAE,KAAK,WAAW,OAAO,aAAa,OAAO,IAAI,GAAG,WAAsB;AAC1F,QACE,qBAAC,UAAD;EAAgB;EAAiB;EAAkB;EAAoB;EAAkB;EAAK,GAAI;YAAlG;GACE,oBAAC,QAAD;IAAM,GAAE;IAAoH,QAAO;IAAe,aAAY;IAAI,eAAc;IAAQ,gBAAe;IAAU;GACjN,oBAAC,QAAD;IAAM,GAAE;IAAgB,QAAO;IAAe,aAAY;IAAI,eAAc;IAAQ,gBAAe;IAAU;GAC7G,oBAAC,QAAD;IAAM,GAAE;IAAgB,QAAO;IAAe,aAAY;IAAI,eAAc;IAAQ,gBAAe;IAAU;GACpG;;;AAIf,MAAa,WAAW,OAAO,OAAO,UAAU,EAAE,aAAa,YAAY,CAAC"}

package/dist/Icons/KeyboardIcon.d.ts

@@ -1,5 +1,18 @@
-import { IconProps } from './iconTypes';
-export declare const KeyboardIcon: (({ ref, className, title, description, size, ...rest }: IconProps) => import("react/jsx-runtime").JSX.Element) & {
-    displayName: string;
+'use client';
+import { IconProps } from "../components/Icons/iconTypes.js";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/components/Icons/KeyboardIcon.d.ts
+declare const KeyboardIcon: (({
+  ref,
+  className,
+  title,
+  description,
+  size,
+  ...rest
+}: IconProps) => _$react_jsx_runtime0.JSX.Element) & {
+  displayName: string;
 };
+//#endregion
+export { KeyboardIcon };
 //# sourceMappingURL=KeyboardIcon.d.ts.map

package/dist/Icons/KeyboardIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"KeyboardIcon.d.ts","names":[],"sources":["../../src/components/Icons/KeyboardIcon.tsx"],"mappings":";;;;;cAwBa,YAAA;EAAY,GAAA;EAAA,SAAA;EAAA,KAAA;EAAA,WAAA;EAAA,IAAA;EAAA,GAAA;AAAA,GArByD,SAAA,KAAS,oBAAA,CAAA,GAAA,CAAA,OAAA"}