@andrsrxn/icons 3.1.0 → 3.3.0

package/dist/ui/text-indent.js

@@ -1,21 +1,24 @@
-import { jsx } from "react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/react/ui/text-indent.tsx
-const IconTextIndent = ({ size = 24, className, ...props }) => {
-	return /* @__PURE__ */ jsx("svg", {
+const IconTextIndent = ({ size = 24, className, title, "aria-label": ariaLabel, ...props }) => {
+	const isLabelled = Boolean(ariaLabel || title);
+	return /* @__PURE__ */ jsxs("svg", {
 		xmlns: "http://www.w3.org/2000/svg",
 		fill: "none",
 		viewBox: "0 0 24 24",
 		width: size,
 		height: size,
 		"data-slot": "text-indent",
-		"aria-hidden": "true",
+		role: isLabelled ? "img" : void 0,
+		"aria-hidden": isLabelled ? void 0 : true,
+		"aria-label": ariaLabel,
 		focusable: "false",
 		className: `ui-icon ${className ?? ""}`,
 		...props,
-		children: /* @__PURE__ */ jsx("path", {
+		children: [title ? /* @__PURE__ */ jsx("title", { children: title }) : null, /* @__PURE__ */ jsx("path", {
 			fill: "currentColor",
 			d: "M10.817 5.25a.75.75 0 0 0 0 1.5v-1.5ZM20 6.75a.75.75 0 0 0 0-1.5v1.5Zm-16 4.5a.75.75 0 0 0 0 1.5v-1.5Zm16 1.5a.75.75 0 0 0 0-1.5v1.5Zm-16 4.5a.75.75 0 0 0 0 1.5v-1.5Zm16 1.5a.75.75 0 0 0 0-1.5v1.5ZM4.308 3.063a.75.75 0 1 0-.616 1.367L4 3.747l.308-.684Zm.646 1.113.308-.684-.308.684Zm.001 3.647.308.683-.308-.683ZM3.692 7.57a.75.75 0 1 0 .616 1.367L4 8.253l-.308-.683Zm3.874-1.572h.75-.75ZM10.817 6v.75H20v-1.5h-9.183V6ZM4 12v.75h16v-1.5H4V12Zm0 6v.75h16v-1.5H4V18ZM4 3.747l-.308.683.954.43.308-.684.308-.684-.954-.43L4 3.748Zm.955 4.076-.308-.684-.955.43.308.684.308.684.955-.43-.308-.684Zm-.001-3.647-.308.684c.894.402 1.486.671 1.865.912.393.25.305.314.305.227h.75l.75-.001c0-.734-.523-1.189-1-1.492-.493-.313-1.207-.632-2.054-1.014l-.308.684Zm.001 3.647.308.683c.848-.382 1.562-.702 2.053-1.015.478-.304 1-.76 1-1.493h-1.5c0-.087.088-.023-.305.228-.379.24-.97.51-1.864.913l.308.684Z"
-		})
+		})]
 	});
 };
 //#endregion

package/dist/ui/text-italic.cjs

@@ -1,23 +1,26 @@
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/react/ui/text-italic.tsx
-const IconTextItalic = ({ size = 24, className, ...props }) => {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
+const IconTextItalic = ({ size = 24, className, title, "aria-label": ariaLabel, ...props }) => {
+	const isLabelled = Boolean(ariaLabel || title);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", {
 		xmlns: "http://www.w3.org/2000/svg",
 		fill: "none",
 		viewBox: "0 0 24 24",
 		width: size,
 		height: size,
 		"data-slot": "text-italic",
-		"aria-hidden": "true",
+		role: isLabelled ? "img" : void 0,
+		"aria-hidden": isLabelled ? void 0 : true,
+		"aria-label": ariaLabel,
 		focusable: "false",
 		className: `ui-icon ${className ?? ""}`,
 		...props,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+		children: [title ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("title", { children: title }) : null, /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
 			stroke: "currentColor",
 			strokeLinecap: "round",
 			strokeWidth: "1.5",
 			d: "M13.67 4 9.381 20m2.237-16h4.1M7.332 20h4.1"
-		})
+		})]
 	});
 };
 //#endregion

package/dist/ui/text-italic.js

@@ -1,23 +1,26 @@
-import { jsx } from "react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/react/ui/text-italic.tsx
-const IconTextItalic = ({ size = 24, className, ...props }) => {
-	return /* @__PURE__ */ jsx("svg", {
+const IconTextItalic = ({ size = 24, className, title, "aria-label": ariaLabel, ...props }) => {
+	const isLabelled = Boolean(ariaLabel || title);
+	return /* @__PURE__ */ jsxs("svg", {
 		xmlns: "http://www.w3.org/2000/svg",
 		fill: "none",
 		viewBox: "0 0 24 24",
 		width: size,
 		height: size,
 		"data-slot": "text-italic",
-		"aria-hidden": "true",
+		role: isLabelled ? "img" : void 0,
+		"aria-hidden": isLabelled ? void 0 : true,
+		"aria-label": ariaLabel,
 		focusable: "false",
 		className: `ui-icon ${className ?? ""}`,
 		...props,
-		children: /* @__PURE__ */ jsx("path", {
+		children: [title ? /* @__PURE__ */ jsx("title", { children: title }) : null, /* @__PURE__ */ jsx("path", {
 			stroke: "currentColor",
 			strokeLinecap: "round",
 			strokeWidth: "1.5",
 			d: "M13.67 4 9.381 20m2.237-16h4.1M7.332 20h4.1"
-		})
+		})]
 	});
 };
 //#endregion

package/dist/ui/text-lowecase.cjs

@@ -1,6 +1,7 @@
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/react/ui/text-lowecase.tsx
-const IconTextLowecase = ({ size = 24, className, ...props }) => {
+const IconTextLowecase = ({ size = 24, className, title, "aria-label": ariaLabel, ...props }) => {
+	const isLabelled = Boolean(ariaLabel || title);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", {
 		xmlns: "http://www.w3.org/2000/svg",
 		fill: "none",
@@ -8,20 +9,26 @@ const IconTextLowecase = ({ size = 24, className, ...props }) => {
 		width: size,
 		height: size,
 		"data-slot": "text-lowecase",
-		"aria-hidden": "true",
+		role: isLabelled ? "img" : void 0,
+		"aria-hidden": isLabelled ? void 0 : true,
+		"aria-label": ariaLabel,
 		focusable: "false",
 		className: `ui-icon ${className ?? ""}`,
 		...props,
-		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
-			fill: "currentColor",
-			d: "M19.817 14.165c0 1.67-1.38 3.025-3.083 3.025-1.703 0-3.083-1.354-3.083-3.025 0-1.67 1.38-3.024 3.083-3.024 1.702 0 3.082 1.354 3.082 3.024Zm-9.551 0c0 1.67-1.38 3.025-3.082 3.025-1.703 0-3.083-1.354-3.083-3.025 0-1.67 1.38-3.024 3.083-3.024 1.702 0 3.082 1.354 3.082 3.024Z",
-			opacity: ".2"
-		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
-			stroke: "currentColor",
-			strokeLinecap: "round",
-			strokeWidth: "1.5",
-			d: "M14.227 7.82c1.837-2.255 5.923-1.383 5.673 3.441-.25 4.825.17 5.97.17 5.97M4.677 7.819c1.837-2.254 5.923-1.382 5.673 3.442-.25 4.825.17 5.97.17 5.97m9.297-3.066c0 1.67-1.38 3.025-3.083 3.025-1.703 0-3.083-1.354-3.083-3.025 0-1.67 1.38-3.024 3.083-3.024 1.702 0 3.082 1.354 3.082 3.024Zm-9.55 0c0 1.67-1.38 3.025-3.083 3.025-1.703 0-3.083-1.354-3.083-3.025 0-1.67 1.38-3.024 3.083-3.024 1.702 0 3.082 1.354 3.082 3.024Z"
-		})]
+		children: [
+			title ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("title", { children: title }) : null,
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+				fill: "currentColor",
+				d: "M19.817 14.165c0 1.67-1.38 3.025-3.083 3.025-1.703 0-3.083-1.354-3.083-3.025 0-1.67 1.38-3.024 3.083-3.024 1.702 0 3.082 1.354 3.082 3.024Zm-9.551 0c0 1.67-1.38 3.025-3.082 3.025-1.703 0-3.083-1.354-3.083-3.025 0-1.67 1.38-3.024 3.083-3.024 1.702 0 3.082 1.354 3.082 3.024Z",
+				opacity: ".2"
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+				stroke: "currentColor",
+				strokeLinecap: "round",
+				strokeWidth: "1.5",
+				d: "M14.227 7.82c1.837-2.255 5.923-1.383 5.673 3.441-.25 4.825.17 5.97.17 5.97M4.677 7.819c1.837-2.254 5.923-1.382 5.673 3.442-.25 4.825.17 5.97.17 5.97m9.297-3.066c0 1.67-1.38 3.025-3.083 3.025-1.703 0-3.083-1.354-3.083-3.025 0-1.67 1.38-3.024 3.083-3.024 1.702 0 3.082 1.354 3.082 3.024Zm-9.55 0c0 1.67-1.38 3.025-3.083 3.025-1.703 0-3.083-1.354-3.083-3.025 0-1.67 1.38-3.024 3.083-3.024 1.702 0 3.082 1.354 3.082 3.024Z"
+			})
+		]
 	});
 };
 //#endregion

package/dist/ui/text-lowecase.js

@@ -1,6 +1,7 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/react/ui/text-lowecase.tsx
-const IconTextLowecase = ({ size = 24, className, ...props }) => {
+const IconTextLowecase = ({ size = 24, className, title, "aria-label": ariaLabel, ...props }) => {
+	const isLabelled = Boolean(ariaLabel || title);
 	return /* @__PURE__ */ jsxs("svg", {
 		xmlns: "http://www.w3.org/2000/svg",
 		fill: "none",
@@ -8,20 +9,26 @@ const IconTextLowecase = ({ size = 24, className, ...props }) => {
 		width: size,
 		height: size,
 		"data-slot": "text-lowecase",
-		"aria-hidden": "true",
+		role: isLabelled ? "img" : void 0,
+		"aria-hidden": isLabelled ? void 0 : true,
+		"aria-label": ariaLabel,
 		focusable: "false",
 		className: `ui-icon ${className ?? ""}`,
 		...props,
-		children: [/* @__PURE__ */ jsx("path", {
-			fill: "currentColor",
-			d: "M19.817 14.165c0 1.67-1.38 3.025-3.083 3.025-1.703 0-3.083-1.354-3.083-3.025 0-1.67 1.38-3.024 3.083-3.024 1.702 0 3.082 1.354 3.082 3.024Zm-9.551 0c0 1.67-1.38 3.025-3.082 3.025-1.703 0-3.083-1.354-3.083-3.025 0-1.67 1.38-3.024 3.083-3.024 1.702 0 3.082 1.354 3.082 3.024Z",
-			opacity: ".2"
-		}), /* @__PURE__ */ jsx("path", {
-			stroke: "currentColor",
-			strokeLinecap: "round",
-			strokeWidth: "1.5",
-			d: "M14.227 7.82c1.837-2.255 5.923-1.383 5.673 3.441-.25 4.825.17 5.97.17 5.97M4.677 7.819c1.837-2.254 5.923-1.382 5.673 3.442-.25 4.825.17 5.97.17 5.97m9.297-3.066c0 1.67-1.38 3.025-3.083 3.025-1.703 0-3.083-1.354-3.083-3.025 0-1.67 1.38-3.024 3.083-3.024 1.702 0 3.082 1.354 3.082 3.024Zm-9.55 0c0 1.67-1.38 3.025-3.083 3.025-1.703 0-3.083-1.354-3.083-3.025 0-1.67 1.38-3.024 3.083-3.024 1.702 0 3.082 1.354 3.082 3.024Z"
-		})]
+		children: [
+			title ? /* @__PURE__ */ jsx("title", { children: title }) : null,
+			/* @__PURE__ */ jsx("path", {
+				fill: "currentColor",
+				d: "M19.817 14.165c0 1.67-1.38 3.025-3.083 3.025-1.703 0-3.083-1.354-3.083-3.025 0-1.67 1.38-3.024 3.083-3.024 1.702 0 3.082 1.354 3.082 3.024Zm-9.551 0c0 1.67-1.38 3.025-3.082 3.025-1.703 0-3.083-1.354-3.083-3.025 0-1.67 1.38-3.024 3.083-3.024 1.702 0 3.082 1.354 3.082 3.024Z",
+				opacity: ".2"
+			}),
+			/* @__PURE__ */ jsx("path", {
+				stroke: "currentColor",
+				strokeLinecap: "round",
+				strokeWidth: "1.5",
+				d: "M14.227 7.82c1.837-2.255 5.923-1.383 5.673 3.441-.25 4.825.17 5.97.17 5.97M4.677 7.819c1.837-2.254 5.923-1.382 5.673 3.442-.25 4.825.17 5.97.17 5.97m9.297-3.066c0 1.67-1.38 3.025-3.083 3.025-1.703 0-3.083-1.354-3.083-3.025 0-1.67 1.38-3.024 3.083-3.024 1.702 0 3.082 1.354 3.082 3.024Zm-9.55 0c0 1.67-1.38 3.025-3.083 3.025-1.703 0-3.083-1.354-3.083-3.025 0-1.67 1.38-3.024 3.083-3.024 1.702 0 3.082 1.354 3.082 3.024Z"
+			})
+		]
 	});
 };
 //#endregion

package/dist/ui/text-off.cjs

@@ -1,21 +1,24 @@
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/react/ui/text-off.tsx
-const IconTextOff = ({ size = 24, className, ...props }) => {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
+const IconTextOff = ({ size = 24, className, title, "aria-label": ariaLabel, ...props }) => {
+	const isLabelled = Boolean(ariaLabel || title);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", {
 		xmlns: "http://www.w3.org/2000/svg",
 		fill: "none",
 		viewBox: "0 0 24 24",
 		width: size,
 		height: size,
 		"data-slot": "text-off",
-		"aria-hidden": "true",
+		role: isLabelled ? "img" : void 0,
+		"aria-hidden": isLabelled ? void 0 : true,
+		"aria-label": ariaLabel,
 		focusable: "false",
 		className: `ui-icon ${className ?? ""}`,
 		...props,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+		children: [title ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("title", { children: title }) : null, /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
 			fill: "currentColor",
 			d: "m17.105 4.003.039-.75-.04.75Zm1.145 2.13a.75.75 0 0 0 1.5 0h-1.5Zm.747-.238.75-.039-.75.04Zm-12-1.892-.04-.75.04.75ZM12.801 4a.75.75 0 1 0-1.5 0h1.5ZM9.846 19.25a.75.75 0 0 0 0 1.5v-1.5Zm4.41 1.5a.75.75 0 0 0 0-1.5v1.5Zm5.23-.204a.75.75 0 0 0 1.06-1.06l-.53.53-.53.53ZM4.513 3.454a.75.75 0 0 0-1.06 1.06l.53-.53.53-.53ZM7.235 4v.75h9.632v-1.5H7.235V4Zm9.632 0v.75c.133 0 .17 0 .198.002l.04-.75.039-.748c-.077-.004-.163-.004-.277-.004V4ZM19 6.133h.75c0-.114 0-.2-.004-.277l-.749.04-.749.039c.002.027.002.065.002.198H19Zm-1.895-2.13-.04.749a1.25 1.25 0 0 1 1.183 1.183l.75-.04.748-.039a2.75 2.75 0 0 0-2.602-2.602l-.04.749ZM7.235 4v-.75c-.114 0-.2 0-.277.004l.039.749.04.749c.027-.002.065-.002.198-.002V4Zm4.816 0h-.75v16h1.5V4h-.75Zm0 16v-.75H9.846v1.5h2.205V20Zm0 0v.75h2.205v-1.5H12.05V20Zm7.965.016.53-.53L5.778 4.718l-.53.53-.53.53 14.767 14.768.53-.53ZM5.248 5.248l.53-.53-1.264-1.264-.53.53-.53.53 1.264 1.264.53-.53Zm0 0 .695.282a1.25 1.25 0 0 1 1.093-.778l-.039-.75-.04-.748a2.75 2.75 0 0 0-2.404 1.712l.695.282Z"
-		})
+		})]
 	});
 };
 //#endregion

package/dist/ui/text-off.js

@@ -1,21 +1,24 @@
-import { jsx } from "react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/react/ui/text-off.tsx
-const IconTextOff = ({ size = 24, className, ...props }) => {
-	return /* @__PURE__ */ jsx("svg", {
+const IconTextOff = ({ size = 24, className, title, "aria-label": ariaLabel, ...props }) => {
+	const isLabelled = Boolean(ariaLabel || title);
+	return /* @__PURE__ */ jsxs("svg", {
 		xmlns: "http://www.w3.org/2000/svg",
 		fill: "none",
 		viewBox: "0 0 24 24",
 		width: size,
 		height: size,
 		"data-slot": "text-off",
-		"aria-hidden": "true",
+		role: isLabelled ? "img" : void 0,
+		"aria-hidden": isLabelled ? void 0 : true,
+		"aria-label": ariaLabel,
 		focusable: "false",
 		className: `ui-icon ${className ?? ""}`,
 		...props,
-		children: /* @__PURE__ */ jsx("path", {
+		children: [title ? /* @__PURE__ */ jsx("title", { children: title }) : null, /* @__PURE__ */ jsx("path", {
 			fill: "currentColor",
 			d: "m17.105 4.003.039-.75-.04.75Zm1.145 2.13a.75.75 0 0 0 1.5 0h-1.5Zm.747-.238.75-.039-.75.04Zm-12-1.892-.04-.75.04.75ZM12.801 4a.75.75 0 1 0-1.5 0h1.5ZM9.846 19.25a.75.75 0 0 0 0 1.5v-1.5Zm4.41 1.5a.75.75 0 0 0 0-1.5v1.5Zm5.23-.204a.75.75 0 0 0 1.06-1.06l-.53.53-.53.53ZM4.513 3.454a.75.75 0 0 0-1.06 1.06l.53-.53.53-.53ZM7.235 4v.75h9.632v-1.5H7.235V4Zm9.632 0v.75c.133 0 .17 0 .198.002l.04-.75.039-.748c-.077-.004-.163-.004-.277-.004V4ZM19 6.133h.75c0-.114 0-.2-.004-.277l-.749.04-.749.039c.002.027.002.065.002.198H19Zm-1.895-2.13-.04.749a1.25 1.25 0 0 1 1.183 1.183l.75-.04.748-.039a2.75 2.75 0 0 0-2.602-2.602l-.04.749ZM7.235 4v-.75c-.114 0-.2 0-.277.004l.039.749.04.749c.027-.002.065-.002.198-.002V4Zm4.816 0h-.75v16h1.5V4h-.75Zm0 16v-.75H9.846v1.5h2.205V20Zm0 0v.75h2.205v-1.5H12.05V20Zm7.965.016.53-.53L5.778 4.718l-.53.53-.53.53 14.767 14.768.53-.53ZM5.248 5.248l.53-.53-1.264-1.264-.53.53-.53.53 1.264 1.264.53-.53Zm0 0 .695.282a1.25 1.25 0 0 1 1.093-.778l-.039-.75-.04-.748a2.75 2.75 0 0 0-2.404 1.712l.695.282Z"
-		})
+		})]
 	});
 };
 //#endregion

package/dist/ui/text-outdent.cjs

@@ -1,21 +1,24 @@
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/react/ui/text-outdent.tsx
-const IconTextOutdent = ({ size = 24, className, ...props }) => {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
+const IconTextOutdent = ({ size = 24, className, title, "aria-label": ariaLabel, ...props }) => {
+	const isLabelled = Boolean(ariaLabel || title);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", {
 		xmlns: "http://www.w3.org/2000/svg",
 		fill: "none",
 		viewBox: "0 0 24 24",
 		width: size,
 		height: size,
 		"data-slot": "text-outdent",
-		"aria-hidden": "true",
+		role: isLabelled ? "img" : void 0,
+		"aria-hidden": isLabelled ? void 0 : true,
+		"aria-label": ariaLabel,
 		focusable: "false",
 		className: `ui-icon ${className ?? ""}`,
 		...props,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+		children: [title ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("title", { children: title }) : null, /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
 			fill: "currentColor",
 			d: "M10.817 5.25a.75.75 0 0 0 0 1.5v-1.5ZM20 6.75a.75.75 0 0 0 0-1.5v1.5Zm-16 4.5a.75.75 0 0 0 0 1.5v-1.5Zm16 1.5a.75.75 0 0 0 0-1.5v1.5Zm-16 4.5a.75.75 0 0 0 0 1.5v-1.5Zm16 1.5a.75.75 0 0 0 0-1.5v1.5ZM7.846 4.43a.75.75 0 0 0-.616-1.367l.308.684.308.683Zm-1.261-.254-.308-.684.308.684Zm-.002 3.647-.308.683.308-.683Zm.647 1.114a.75.75 0 0 0 .617-1.367l-.309.683-.308.684ZM3.972 5.998h-.75.75ZM10.817 6v.75H20v-1.5h-9.183V6ZM4 12v.75h16v-1.5H4V12Zm0 6v.75h16v-1.5H4V18ZM7.538 3.747l-.308-.684-.953.429.308.684.307.684.954-.43-.308-.683Zm-.955 4.076-.308.683.955.431.308-.684.309-.683-.955-.431-.309.684Zm.002-3.647-.308-.684c-.848.382-1.562.701-2.054 1.014-.477.303-1 .758-1.001 1.492h1.5c0 .088-.088.024.306-.226.378-.241.97-.51 1.864-.912l-.307-.684Zm-.002 3.647.309-.684c-.894-.403-1.486-.672-1.865-.913-.393-.25-.305-.315-.305-.227h-.75l-.75-.001c0 .734.523 1.189 1 1.493.492.313 1.205.633 2.053 1.015l.308-.683Z"
-		})
+		})]
 	});
 };
 //#endregion

package/dist/ui/text-outdent.js

@@ -1,21 +1,24 @@
-import { jsx } from "react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/react/ui/text-outdent.tsx
-const IconTextOutdent = ({ size = 24, className, ...props }) => {
-	return /* @__PURE__ */ jsx("svg", {
+const IconTextOutdent = ({ size = 24, className, title, "aria-label": ariaLabel, ...props }) => {
+	const isLabelled = Boolean(ariaLabel || title);
+	return /* @__PURE__ */ jsxs("svg", {
 		xmlns: "http://www.w3.org/2000/svg",
 		fill: "none",
 		viewBox: "0 0 24 24",
 		width: size,
 		height: size,
 		"data-slot": "text-outdent",
-		"aria-hidden": "true",
+		role: isLabelled ? "img" : void 0,
+		"aria-hidden": isLabelled ? void 0 : true,
+		"aria-label": ariaLabel,
 		focusable: "false",
 		className: `ui-icon ${className ?? ""}`,
 		...props,
-		children: /* @__PURE__ */ jsx("path", {
+		children: [title ? /* @__PURE__ */ jsx("title", { children: title }) : null, /* @__PURE__ */ jsx("path", {
 			fill: "currentColor",
 			d: "M10.817 5.25a.75.75 0 0 0 0 1.5v-1.5ZM20 6.75a.75.75 0 0 0 0-1.5v1.5Zm-16 4.5a.75.75 0 0 0 0 1.5v-1.5Zm16 1.5a.75.75 0 0 0 0-1.5v1.5Zm-16 4.5a.75.75 0 0 0 0 1.5v-1.5Zm16 1.5a.75.75 0 0 0 0-1.5v1.5ZM7.846 4.43a.75.75 0 0 0-.616-1.367l.308.684.308.683Zm-1.261-.254-.308-.684.308.684Zm-.002 3.647-.308.683.308-.683Zm.647 1.114a.75.75 0 0 0 .617-1.367l-.309.683-.308.684ZM3.972 5.998h-.75.75ZM10.817 6v.75H20v-1.5h-9.183V6ZM4 12v.75h16v-1.5H4V12Zm0 6v.75h16v-1.5H4V18ZM7.538 3.747l-.308-.684-.953.429.308.684.307.684.954-.43-.308-.683Zm-.955 4.076-.308.683.955.431.308-.684.309-.683-.955-.431-.309.684Zm.002-3.647-.308-.684c-.848.382-1.562.701-2.054 1.014-.477.303-1 .758-1.001 1.492h1.5c0 .088-.088.024.306-.226.378-.241.97-.51 1.864-.912l-.307-.684Zm-.002 3.647.309-.684c-.894-.403-1.486-.672-1.865-.913-.393-.25-.305-.315-.305-.227h-.75l-.75-.001c0 .734.523 1.189 1 1.493.492.313 1.205.633 2.053 1.015l.308-.683Z"
-		})
+		})]
 	});
 };
 //#endregion

package/dist/ui/text-tracking.cjs

@@ -1,6 +1,7 @@
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/react/ui/text-tracking.tsx
-const IconTextTracking = ({ size = 24, className, ...props }) => {
+const IconTextTracking = ({ size = 24, className, title, "aria-label": ariaLabel, ...props }) => {
+	const isLabelled = Boolean(ariaLabel || title);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", {
 		xmlns: "http://www.w3.org/2000/svg",
 		fill: "none",
@@ -8,18 +9,24 @@ const IconTextTracking = ({ size = 24, className, ...props }) => {
 		width: size,
 		height: size,
 		"data-slot": "text-tracking",
-		"aria-hidden": "true",
+		role: isLabelled ? "img" : void 0,
+		"aria-hidden": isLabelled ? void 0 : true,
+		"aria-label": ariaLabel,
 		focusable: "false",
 		className: `ui-icon ${className ?? ""}`,
 		...props,
-		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
-			fill: "currentColor",
-			d: "M14.372 9.366 12.95 5.024c-.3-.918-1.6-.918-1.9 0L9.628 9.366a1 1 0 0 0 .95 1.311h2.844a1 1 0 0 0 .95-1.31Z",
-			opacity: ".2"
-		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
-			fill: "currentColor",
-			d: "M19.757 15.623a.75.75 0 0 0-1.114 1.005l.557-.503.557-.502Zm.724 2.486h.75v-.006l-.75.006Zm-1.839 1.51a.75.75 0 1 0 1.116 1.004l-.558-.502-.558-.501Zm1.839-1.485.75.006v-.007h-.75ZM5.357 16.628a.75.75 0 1 0-1.114-1.005l.557.502.557.503Zm-1.838 1.481-.75-.006v.006h.75Zm.724 2.514a.75.75 0 1 0 1.114-1.003l-.557.501-.557.502Zm-.724-2.49h-.75v.007l.75-.006ZM13.521 6.767l.712-.234-.712.234Zm1.968 8.422a.75.75 0 1 0 1.426-.466l-.713.233-.713.233Zm-8.404-.466a.75.75 0 0 0 1.426.466l-.713-.233-.713-.233Zm3.394-7.956-.712-.234.712.234Zm8.721 9.36-.557.502c.439.486.719.8.899 1.058.168.241.188.354.189.43l.75-.007.75-.006c-.004-.494-.199-.9-.457-1.273-.247-.355-.605-.75-1.017-1.207l-.557.502Zm0 3.995.558.502c.412-.458.77-.853 1.016-1.21.259-.372.453-.78.457-1.273l-.75-.006-.75-.006c0 .075-.021.189-.19.43-.18.26-.46.574-.899 1.062l.558.501Zm1.281-2.012h-.75v.025h1.5v-.025h-.75ZM4.8 16.125l-.557-.502c-.412.457-.77.852-1.017 1.207-.258.372-.453.78-.457 1.273l.75.006.75.007c0-.076.021-.189.19-.43.179-.259.46-.572.898-1.058l-.557-.503Zm0 3.996.557-.501c-.438-.488-.719-.802-.899-1.061-.168-.242-.188-.356-.189-.43l-.75.005-.75.006c.004.493.198.901.457 1.274.246.356.604.751 1.017 1.21l.557-.503ZM3.519 18.11h-.75v.024h.75l.75.001v-.024h-.75Zm0 .014v.75h16.962v-1.5H3.519v.75ZM13.521 6.766l-.713.233 1.28 3.912.713-.234.713-.233-1.28-3.912-.713.234Zm1.28 3.911-.713.234 1.401 4.277.713-.233.713-.233-1.401-4.278-.713.233Zm-7.003 4.278.713.233 1.4-4.277-.712-.234-.713-.233-1.4 4.278.712.233Zm1.4-4.278.714.234 1.28-3.912-.713-.233-.712-.234-1.281 3.912.713.233Zm5.603 0v-.75H9.2v1.5h5.6v-.75Zm-1.28-3.911.712-.234c-.306-.935-.558-1.711-.814-2.245-.129-.268-.286-.538-.497-.747A1.294 1.294 0 0 0 12 3.143v1.5c-.093 0-.146-.05-.134-.038.03.03.1.12.2.33.203.423.42 1.084.742 2.064l.713-.233Zm-3.042 0 .713.233c.321-.98.54-1.64.742-2.064.1-.21.17-.3.2-.33.012-.012-.04.038-.134.038v-1.5c-.383 0-.693.169-.922.397-.211.209-.369.479-.497.747-.256.534-.508 1.31-.814 2.245l.712.234Z"
-		})]
+		children: [
+			title ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("title", { children: title }) : null,
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+				fill: "currentColor",
+				d: "M14.372 9.366 12.95 5.024c-.3-.918-1.6-.918-1.9 0L9.628 9.366a1 1 0 0 0 .95 1.311h2.844a1 1 0 0 0 .95-1.31Z",
+				opacity: ".2"
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+				fill: "currentColor",
+				d: "M19.757 15.623a.75.75 0 0 0-1.114 1.005l.557-.503.557-.502Zm.724 2.486h.75v-.006l-.75.006Zm-1.839 1.51a.75.75 0 1 0 1.116 1.004l-.558-.502-.558-.501Zm1.839-1.485.75.006v-.007h-.75ZM5.357 16.628a.75.75 0 1 0-1.114-1.005l.557.502.557.503Zm-1.838 1.481-.75-.006v.006h.75Zm.724 2.514a.75.75 0 1 0 1.114-1.003l-.557.501-.557.502Zm-.724-2.49h-.75v.007l.75-.006ZM13.521 6.767l.712-.234-.712.234Zm1.968 8.422a.75.75 0 1 0 1.426-.466l-.713.233-.713.233Zm-8.404-.466a.75.75 0 0 0 1.426.466l-.713-.233-.713-.233Zm3.394-7.956-.712-.234.712.234Zm8.721 9.36-.557.502c.439.486.719.8.899 1.058.168.241.188.354.189.43l.75-.007.75-.006c-.004-.494-.199-.9-.457-1.273-.247-.355-.605-.75-1.017-1.207l-.557.502Zm0 3.995.558.502c.412-.458.77-.853 1.016-1.21.259-.372.453-.78.457-1.273l-.75-.006-.75-.006c0 .075-.021.189-.19.43-.18.26-.46.574-.899 1.062l.558.501Zm1.281-2.012h-.75v.025h1.5v-.025h-.75ZM4.8 16.125l-.557-.502c-.412.457-.77.852-1.017 1.207-.258.372-.453.78-.457 1.273l.75.006.75.007c0-.076.021-.189.19-.43.179-.259.46-.572.898-1.058l-.557-.503Zm0 3.996.557-.501c-.438-.488-.719-.802-.899-1.061-.168-.242-.188-.356-.189-.43l-.75.005-.75.006c.004.493.198.901.457 1.274.246.356.604.751 1.017 1.21l.557-.503ZM3.519 18.11h-.75v.024h.75l.75.001v-.024h-.75Zm0 .014v.75h16.962v-1.5H3.519v.75ZM13.521 6.766l-.713.233 1.28 3.912.713-.234.713-.233-1.28-3.912-.713.234Zm1.28 3.911-.713.234 1.401 4.277.713-.233.713-.233-1.401-4.278-.713.233Zm-7.003 4.278.713.233 1.4-4.277-.712-.234-.713-.233-1.4 4.278.712.233Zm1.4-4.278.714.234 1.28-3.912-.713-.233-.712-.234-1.281 3.912.713.233Zm5.603 0v-.75H9.2v1.5h5.6v-.75Zm-1.28-3.911.712-.234c-.306-.935-.558-1.711-.814-2.245-.129-.268-.286-.538-.497-.747A1.294 1.294 0 0 0 12 3.143v1.5c-.093 0-.146-.05-.134-.038.03.03.1.12.2.33.203.423.42 1.084.742 2.064l.713-.233Zm-3.042 0 .713.233c.321-.98.54-1.64.742-2.064.1-.21.17-.3.2-.33.012-.012-.04.038-.134.038v-1.5c-.383 0-.693.169-.922.397-.211.209-.369.479-.497.747-.256.534-.508 1.31-.814 2.245l.712.234Z"
+			})
+		]
 	});
 };
 //#endregion

package/dist/ui/text-tracking.js

@@ -1,6 +1,7 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/react/ui/text-tracking.tsx
-const IconTextTracking = ({ size = 24, className, ...props }) => {
+const IconTextTracking = ({ size = 24, className, title, "aria-label": ariaLabel, ...props }) => {
+	const isLabelled = Boolean(ariaLabel || title);
 	return /* @__PURE__ */ jsxs("svg", {
 		xmlns: "http://www.w3.org/2000/svg",
 		fill: "none",
@@ -8,18 +9,24 @@ const IconTextTracking = ({ size = 24, className, ...props }) => {
 		width: size,
 		height: size,
 		"data-slot": "text-tracking",
-		"aria-hidden": "true",
+		role: isLabelled ? "img" : void 0,
+		"aria-hidden": isLabelled ? void 0 : true,
+		"aria-label": ariaLabel,
 		focusable: "false",
 		className: `ui-icon ${className ?? ""}`,
 		...props,
-		children: [/* @__PURE__ */ jsx("path", {
-			fill: "currentColor",
-			d: "M14.372 9.366 12.95 5.024c-.3-.918-1.6-.918-1.9 0L9.628 9.366a1 1 0 0 0 .95 1.311h2.844a1 1 0 0 0 .95-1.31Z",
-			opacity: ".2"
-		}), /* @__PURE__ */ jsx("path", {
-			fill: "currentColor",
-			d: "M19.757 15.623a.75.75 0 0 0-1.114 1.005l.557-.503.557-.502Zm.724 2.486h.75v-.006l-.75.006Zm-1.839 1.51a.75.75 0 1 0 1.116 1.004l-.558-.502-.558-.501Zm1.839-1.485.75.006v-.007h-.75ZM5.357 16.628a.75.75 0 1 0-1.114-1.005l.557.502.557.503Zm-1.838 1.481-.75-.006v.006h.75Zm.724 2.514a.75.75 0 1 0 1.114-1.003l-.557.501-.557.502Zm-.724-2.49h-.75v.007l.75-.006ZM13.521 6.767l.712-.234-.712.234Zm1.968 8.422a.75.75 0 1 0 1.426-.466l-.713.233-.713.233Zm-8.404-.466a.75.75 0 0 0 1.426.466l-.713-.233-.713-.233Zm3.394-7.956-.712-.234.712.234Zm8.721 9.36-.557.502c.439.486.719.8.899 1.058.168.241.188.354.189.43l.75-.007.75-.006c-.004-.494-.199-.9-.457-1.273-.247-.355-.605-.75-1.017-1.207l-.557.502Zm0 3.995.558.502c.412-.458.77-.853 1.016-1.21.259-.372.453-.78.457-1.273l-.75-.006-.75-.006c0 .075-.021.189-.19.43-.18.26-.46.574-.899 1.062l.558.501Zm1.281-2.012h-.75v.025h1.5v-.025h-.75ZM4.8 16.125l-.557-.502c-.412.457-.77.852-1.017 1.207-.258.372-.453.78-.457 1.273l.75.006.75.007c0-.076.021-.189.19-.43.179-.259.46-.572.898-1.058l-.557-.503Zm0 3.996.557-.501c-.438-.488-.719-.802-.899-1.061-.168-.242-.188-.356-.189-.43l-.75.005-.75.006c.004.493.198.901.457 1.274.246.356.604.751 1.017 1.21l.557-.503ZM3.519 18.11h-.75v.024h.75l.75.001v-.024h-.75Zm0 .014v.75h16.962v-1.5H3.519v.75ZM13.521 6.766l-.713.233 1.28 3.912.713-.234.713-.233-1.28-3.912-.713.234Zm1.28 3.911-.713.234 1.401 4.277.713-.233.713-.233-1.401-4.278-.713.233Zm-7.003 4.278.713.233 1.4-4.277-.712-.234-.713-.233-1.4 4.278.712.233Zm1.4-4.278.714.234 1.28-3.912-.713-.233-.712-.234-1.281 3.912.713.233Zm5.603 0v-.75H9.2v1.5h5.6v-.75Zm-1.28-3.911.712-.234c-.306-.935-.558-1.711-.814-2.245-.129-.268-.286-.538-.497-.747A1.294 1.294 0 0 0 12 3.143v1.5c-.093 0-.146-.05-.134-.038.03.03.1.12.2.33.203.423.42 1.084.742 2.064l.713-.233Zm-3.042 0 .713.233c.321-.98.54-1.64.742-2.064.1-.21.17-.3.2-.33.012-.012-.04.038-.134.038v-1.5c-.383 0-.693.169-.922.397-.211.209-.369.479-.497.747-.256.534-.508 1.31-.814 2.245l.712.234Z"
-		})]
+		children: [
+			title ? /* @__PURE__ */ jsx("title", { children: title }) : null,
+			/* @__PURE__ */ jsx("path", {
+				fill: "currentColor",
+				d: "M14.372 9.366 12.95 5.024c-.3-.918-1.6-.918-1.9 0L9.628 9.366a1 1 0 0 0 .95 1.311h2.844a1 1 0 0 0 .95-1.31Z",
+				opacity: ".2"
+			}),
+			/* @__PURE__ */ jsx("path", {
+				fill: "currentColor",
+				d: "M19.757 15.623a.75.75 0 0 0-1.114 1.005l.557-.503.557-.502Zm.724 2.486h.75v-.006l-.75.006Zm-1.839 1.51a.75.75 0 1 0 1.116 1.004l-.558-.502-.558-.501Zm1.839-1.485.75.006v-.007h-.75ZM5.357 16.628a.75.75 0 1 0-1.114-1.005l.557.502.557.503Zm-1.838 1.481-.75-.006v.006h.75Zm.724 2.514a.75.75 0 1 0 1.114-1.003l-.557.501-.557.502Zm-.724-2.49h-.75v.007l.75-.006ZM13.521 6.767l.712-.234-.712.234Zm1.968 8.422a.75.75 0 1 0 1.426-.466l-.713.233-.713.233Zm-8.404-.466a.75.75 0 0 0 1.426.466l-.713-.233-.713-.233Zm3.394-7.956-.712-.234.712.234Zm8.721 9.36-.557.502c.439.486.719.8.899 1.058.168.241.188.354.189.43l.75-.007.75-.006c-.004-.494-.199-.9-.457-1.273-.247-.355-.605-.75-1.017-1.207l-.557.502Zm0 3.995.558.502c.412-.458.77-.853 1.016-1.21.259-.372.453-.78.457-1.273l-.75-.006-.75-.006c0 .075-.021.189-.19.43-.18.26-.46.574-.899 1.062l.558.501Zm1.281-2.012h-.75v.025h1.5v-.025h-.75ZM4.8 16.125l-.557-.502c-.412.457-.77.852-1.017 1.207-.258.372-.453.78-.457 1.273l.75.006.75.007c0-.076.021-.189.19-.43.179-.259.46-.572.898-1.058l-.557-.503Zm0 3.996.557-.501c-.438-.488-.719-.802-.899-1.061-.168-.242-.188-.356-.189-.43l-.75.005-.75.006c.004.493.198.901.457 1.274.246.356.604.751 1.017 1.21l.557-.503ZM3.519 18.11h-.75v.024h.75l.75.001v-.024h-.75Zm0 .014v.75h16.962v-1.5H3.519v.75ZM13.521 6.766l-.713.233 1.28 3.912.713-.234.713-.233-1.28-3.912-.713.234Zm1.28 3.911-.713.234 1.401 4.277.713-.233.713-.233-1.401-4.278-.713.233Zm-7.003 4.278.713.233 1.4-4.277-.712-.234-.713-.233-1.4 4.278.712.233Zm1.4-4.278.714.234 1.28-3.912-.713-.233-.712-.234-1.281 3.912.713.233Zm5.603 0v-.75H9.2v1.5h5.6v-.75Zm-1.28-3.911.712-.234c-.306-.935-.558-1.711-.814-2.245-.129-.268-.286-.538-.497-.747A1.294 1.294 0 0 0 12 3.143v1.5c-.093 0-.146-.05-.134-.038.03.03.1.12.2.33.203.423.42 1.084.742 2.064l.713-.233Zm-3.042 0 .713.233c.321-.98.54-1.64.742-2.064.1-.21.17-.3.2-.33.012-.012-.04.038-.134.038v-1.5c-.383 0-.693.169-.922.397-.211.209-.369.479-.497.747-.256.534-.508 1.31-.814 2.245l.712.234Z"
+			})
+		]
 	});
 };
 //#endregion

package/dist/ui/text-two-columns.cjs

@@ -1,23 +1,26 @@
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/react/ui/text-two-columns.tsx
-const IconTextTwoColumns = ({ size = 24, className, ...props }) => {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
+const IconTextTwoColumns = ({ size = 24, className, title, "aria-label": ariaLabel, ...props }) => {
+	const isLabelled = Boolean(ariaLabel || title);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", {
 		xmlns: "http://www.w3.org/2000/svg",
 		fill: "none",
 		viewBox: "0 0 24 24",
 		width: size,
 		height: size,
 		"data-slot": "text-two-columns",
-		"aria-hidden": "true",
+		role: isLabelled ? "img" : void 0,
+		"aria-hidden": isLabelled ? void 0 : true,
+		"aria-label": ariaLabel,
 		focusable: "false",
 		className: `ui-icon ${className ?? ""}`,
 		...props,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+		children: [title ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("title", { children: title }) : null, /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
 			stroke: "currentColor",
 			strokeLinecap: "round",
 			strokeWidth: "1.5",
 			d: "M4 4.975h6.376m3.35 0H20M4 9.658h6.376m3.35 0H20M4 14.342h6.376m3.35 0H20M4 19.025h6.376m3.35 0H20"
-		})
+		})]
 	});
 };
 //#endregion

package/dist/ui/text-two-columns.js

@@ -1,23 +1,26 @@
-import { jsx } from "react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/react/ui/text-two-columns.tsx
-const IconTextTwoColumns = ({ size = 24, className, ...props }) => {
-	return /* @__PURE__ */ jsx("svg", {
+const IconTextTwoColumns = ({ size = 24, className, title, "aria-label": ariaLabel, ...props }) => {
+	const isLabelled = Boolean(ariaLabel || title);
+	return /* @__PURE__ */ jsxs("svg", {
 		xmlns: "http://www.w3.org/2000/svg",
 		fill: "none",
 		viewBox: "0 0 24 24",
 		width: size,
 		height: size,
 		"data-slot": "text-two-columns",
-		"aria-hidden": "true",
+		role: isLabelled ? "img" : void 0,
+		"aria-hidden": isLabelled ? void 0 : true,
+		"aria-label": ariaLabel,
 		focusable: "false",
 		className: `ui-icon ${className ?? ""}`,
 		...props,
-		children: /* @__PURE__ */ jsx("path", {
+		children: [title ? /* @__PURE__ */ jsx("title", { children: title }) : null, /* @__PURE__ */ jsx("path", {
 			stroke: "currentColor",
 			strokeLinecap: "round",
 			strokeWidth: "1.5",
 			d: "M4 4.975h6.376m3.35 0H20M4 9.658h6.376m3.35 0H20M4 14.342h6.376m3.35 0H20M4 19.025h6.376m3.35 0H20"
-		})
+		})]
 	});
 };
 //#endregion

package/dist/ui/text-underline.cjs

@@ -1,23 +1,26 @@
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/react/ui/text-underline.tsx
-const IconTextUnderline = ({ size = 24, className, ...props }) => {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
+const IconTextUnderline = ({ size = 24, className, title, "aria-label": ariaLabel, ...props }) => {
+	const isLabelled = Boolean(ariaLabel || title);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", {
 		xmlns: "http://www.w3.org/2000/svg",
 		fill: "none",
 		viewBox: "0 0 24 24",
 		width: size,
 		height: size,
 		"data-slot": "text-underline",
-		"aria-hidden": "true",
+		role: isLabelled ? "img" : void 0,
+		"aria-hidden": isLabelled ? void 0 : true,
+		"aria-label": ariaLabel,
 		focusable: "false",
 		className: `ui-icon ${className ?? ""}`,
 		...props,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+		children: [title ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("title", { children: title }) : null, /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
 			stroke: "currentColor",
 			strokeLinecap: "round",
 			strokeWidth: "1.5",
 			d: "M4.526 20h14.948M6.394 4.127v6.926c0 3.566 2.723 5.943 5.606 5.943s5.606-2.377 5.606-5.943v-6.93"
-		})
+		})]
 	});
 };
 //#endregion

package/dist/ui/text-underline.js

@@ -1,23 +1,26 @@
-import { jsx } from "react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/react/ui/text-underline.tsx
-const IconTextUnderline = ({ size = 24, className, ...props }) => {
-	return /* @__PURE__ */ jsx("svg", {
+const IconTextUnderline = ({ size = 24, className, title, "aria-label": ariaLabel, ...props }) => {
+	const isLabelled = Boolean(ariaLabel || title);
+	return /* @__PURE__ */ jsxs("svg", {
 		xmlns: "http://www.w3.org/2000/svg",
 		fill: "none",
 		viewBox: "0 0 24 24",
 		width: size,
 		height: size,
 		"data-slot": "text-underline",
-		"aria-hidden": "true",
+		role: isLabelled ? "img" : void 0,
+		"aria-hidden": isLabelled ? void 0 : true,
+		"aria-label": ariaLabel,
 		focusable: "false",
 		className: `ui-icon ${className ?? ""}`,
 		...props,
-		children: /* @__PURE__ */ jsx("path", {
+		children: [title ? /* @__PURE__ */ jsx("title", { children: title }) : null, /* @__PURE__ */ jsx("path", {
 			stroke: "currentColor",
 			strokeLinecap: "round",
 			strokeWidth: "1.5",
 			d: "M4.526 20h14.948M6.394 4.127v6.926c0 3.566 2.723 5.943 5.606 5.943s5.606-2.377 5.606-5.943v-6.93"
-		})
+		})]
 	});
 };
 //#endregion

package/dist/ui/text-uppercase.cjs

@@ -1,6 +1,7 @@
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/react/ui/text-uppercase.tsx
-const IconTextUppercase = ({ size = 24, className, ...props }) => {
+const IconTextUppercase = ({ size = 24, className, title, "aria-label": ariaLabel, ...props }) => {
+	const isLabelled = Boolean(ariaLabel || title);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", {
 		xmlns: "http://www.w3.org/2000/svg",
 		fill: "none",
@@ -8,18 +9,24 @@ const IconTextUppercase = ({ size = 24, className, ...props }) => {
 		width: size,
 		height: size,
 		"data-slot": "text-uppercase",
-		"aria-hidden": "true",
+		role: isLabelled ? "img" : void 0,
+		"aria-hidden": isLabelled ? void 0 : true,
+		"aria-label": ariaLabel,
 		focusable: "false",
 		className: `ui-icon ${className ?? ""}`,
 		...props,
-		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
-			fill: "currentColor",
-			d: "M10.159 12.287 8.69 7.732c-.298-.924-1.606-.924-1.904 0L5.32 12.287a1 1 0 0 0 .952 1.306h2.935a1 1 0 0 0 .952-1.306Zm8.521 0-1.468-4.554c-.297-.924-1.605-.924-1.903 0l-1.468 4.554a1 1 0 0 0 .952 1.306h2.935a1 1 0 0 0 .952-1.306Z",
-			opacity: ".2"
-		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
-			fill: "currentColor",
-			d: "m9.262 9.505-.714.23.714-.23Zm1.318 4.088.714-.23-.714.23ZM12 18l-.714.23a.75.75 0 0 0 1.428 0L12 18Zm-9.235-.23a.75.75 0 1 0 1.427.46L3.48 18l-.714-.23Zm3.451-8.265.714.23-.714-.23Zm11.568 0-.714.23.714-.23Zm1.317 4.088.714-.23-.714.23Zm.707 4.637a.75.75 0 0 0 1.427-.46l-.713.23-.714.23Zm-6.388-4.637-.714-.23.714.23Zm1.318-4.088.714.23-.714-.23Zm-5.476 0-.714.23 1.318 4.088.714-.23.714-.23-1.318-4.088-.714.23Zm1.318 4.088-.714.23 1.42 4.407L12 18l.714-.23-1.42-4.407-.714.23ZM3.479 18l.713.23 1.42-4.407-.713-.23-.714-.23-1.42 4.407.714.23Zm1.42-4.407.714.23L6.93 9.735l-.714-.23-.713-.23-1.318 4.088.714.23Zm5.68 0v-.75H4.9v1.5h5.68v-.75ZM9.263 9.505l.714-.23c-.306-.95-.558-1.737-.814-2.278-.128-.272-.285-.545-.496-.756-.23-.23-.54-.403-.927-.403v1.5c-.095 0-.148-.051-.135-.039.031.032.1.124.202.338.203.431.422 1.103.742 2.098l.714-.23Zm-3.046 0 .714.23c.32-.995.539-1.667.743-2.098.1-.214.17-.306.202-.338.013-.012-.04.039-.136.039v-1.5c-.386 0-.697.172-.927.403-.21.211-.368.484-.496.756-.255.541-.507 1.328-.813 2.278l.713.23Zm11.568 0-.714.23 1.317 4.088.714-.23.714-.23-1.318-4.088-.713.23Zm1.317 4.088-.714.23 1.42 4.407.715-.23.713-.23-1.42-4.407-.714.23ZM12 18l.714.23 1.42-4.407-.714-.23-.714-.23-1.42 4.407L12 18Zm1.42-4.407.714.23 1.318-4.088-.714-.23-.714-.23-1.318 4.088.714.23Zm5.681 0v-.75h-5.68v1.5h5.68v-.75Zm-1.317-4.088.713-.23c-.306-.95-.558-1.737-.813-2.278-.128-.272-.286-.545-.496-.756-.23-.23-.54-.403-.927-.403v1.5c-.096 0-.149-.051-.136-.039.032.032.101.124.202.338.204.431.422 1.103.743 2.098l.714-.23Zm-3.046 0 .714.23c.32-.995.539-1.667.742-2.098.101-.214.171-.306.202-.338.013-.012-.04.039-.135.039v-1.5c-.387 0-.698.172-.927.403-.211.211-.368.484-.496.756-.256.541-.508 1.328-.814 2.278l.714.23Z"
-		})]
+		children: [
+			title ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("title", { children: title }) : null,
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+				fill: "currentColor",
+				d: "M10.159 12.287 8.69 7.732c-.298-.924-1.606-.924-1.904 0L5.32 12.287a1 1 0 0 0 .952 1.306h2.935a1 1 0 0 0 .952-1.306Zm8.521 0-1.468-4.554c-.297-.924-1.605-.924-1.903 0l-1.468 4.554a1 1 0 0 0 .952 1.306h2.935a1 1 0 0 0 .952-1.306Z",
+				opacity: ".2"
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+				fill: "currentColor",
+				d: "m9.262 9.505-.714.23.714-.23Zm1.318 4.088.714-.23-.714.23ZM12 18l-.714.23a.75.75 0 0 0 1.428 0L12 18Zm-9.235-.23a.75.75 0 1 0 1.427.46L3.48 18l-.714-.23Zm3.451-8.265.714.23-.714-.23Zm11.568 0-.714.23.714-.23Zm1.317 4.088.714-.23-.714.23Zm.707 4.637a.75.75 0 0 0 1.427-.46l-.713.23-.714.23Zm-6.388-4.637-.714-.23.714.23Zm1.318-4.088.714.23-.714-.23Zm-5.476 0-.714.23 1.318 4.088.714-.23.714-.23-1.318-4.088-.714.23Zm1.318 4.088-.714.23 1.42 4.407L12 18l.714-.23-1.42-4.407-.714.23ZM3.479 18l.713.23 1.42-4.407-.713-.23-.714-.23-1.42 4.407.714.23Zm1.42-4.407.714.23L6.93 9.735l-.714-.23-.713-.23-1.318 4.088.714.23Zm5.68 0v-.75H4.9v1.5h5.68v-.75ZM9.263 9.505l.714-.23c-.306-.95-.558-1.737-.814-2.278-.128-.272-.285-.545-.496-.756-.23-.23-.54-.403-.927-.403v1.5c-.095 0-.148-.051-.135-.039.031.032.1.124.202.338.203.431.422 1.103.742 2.098l.714-.23Zm-3.046 0 .714.23c.32-.995.539-1.667.743-2.098.1-.214.17-.306.202-.338.013-.012-.04.039-.136.039v-1.5c-.386 0-.697.172-.927.403-.21.211-.368.484-.496.756-.255.541-.507 1.328-.813 2.278l.713.23Zm11.568 0-.714.23 1.317 4.088.714-.23.714-.23-1.318-4.088-.713.23Zm1.317 4.088-.714.23 1.42 4.407.715-.23.713-.23-1.42-4.407-.714.23ZM12 18l.714.23 1.42-4.407-.714-.23-.714-.23-1.42 4.407L12 18Zm1.42-4.407.714.23 1.318-4.088-.714-.23-.714-.23-1.318 4.088.714.23Zm5.681 0v-.75h-5.68v1.5h5.68v-.75Zm-1.317-4.088.713-.23c-.306-.95-.558-1.737-.813-2.278-.128-.272-.286-.545-.496-.756-.23-.23-.54-.403-.927-.403v1.5c-.096 0-.149-.051-.136-.039.032.032.101.124.202.338.204.431.422 1.103.743 2.098l.714-.23Zm-3.046 0 .714.23c.32-.995.539-1.667.742-2.098.101-.214.171-.306.202-.338.013-.012-.04.039-.135.039v-1.5c-.387 0-.698.172-.927.403-.211.211-.368.484-.496.756-.256.541-.508 1.328-.814 2.278l.714.23Z"
+			})
+		]
 	});
 };
 //#endregion