@andrsrxn/icons 3.2.0 → 3.3.0

package/dist/flags/sb.js

@@ -1,6 +1,8 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/react/flags/sb.tsx
-const IconFlagSB = ({ className, size, width = size ?? 24, height = size, ...props }) => {
+const IconFlagSB = ({ className, size, width = size ?? 24, height = size, title, "aria-label": ariaLabel, "aria-hidden": ariaHidden, ...props }) => {
+	const isHidden = ariaHidden === true;
+	const titleText = title ?? "SB";
 	return /* @__PURE__ */ jsxs("svg", {
 		width,
 		height,
@@ -8,11 +10,13 @@ const IconFlagSB = ({ className, size, width = size ?? 24, height = size, ...pro
 		version: "1.1",
 		xmlns: "http://www.w3.org/2000/svg",
 		xmlnsXlink: "http://www.w3.org/1999/xlink",
-		role: "img",
+		role: isHidden ? void 0 : "img",
+		"aria-hidden": isHidden ? true : void 0,
+		"aria-label": isHidden ? void 0 : ariaLabel,
 		className: `ui-icon-flag ${className ?? ""}`,
 		...props,
 		children: [
-			/* @__PURE__ */ jsx("title", { children: "SB" }),
+			isHidden || ariaLabel ? null : /* @__PURE__ */ jsx("title", { children: titleText }),
 			/* @__PURE__ */ jsxs("defs", { children: [
 				/* @__PURE__ */ jsxs("linearGradient", {
 					id: "sb-a",

package/dist/flags/sc.cjs

@@ -1,6 +1,8 @@
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/react/flags/sc.tsx
-const IconFlagSC = ({ className, size, width = size ?? 24, height = size, ...props }) => {
+const IconFlagSC = ({ className, size, width = size ?? 24, height = size, title, "aria-label": ariaLabel, "aria-hidden": ariaHidden, ...props }) => {
+	const isHidden = ariaHidden === true;
+	const titleText = title ?? "SC";
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", {
 		width,
 		height,
@@ -8,11 +10,13 @@ const IconFlagSC = ({ className, size, width = size ?? 24, height = size, ...pro
 		version: "1.1",
 		xmlns: "http://www.w3.org/2000/svg",
 		xmlnsXlink: "http://www.w3.org/1999/xlink",
-		role: "img",
+		role: isHidden ? void 0 : "img",
+		"aria-hidden": isHidden ? true : void 0,
+		"aria-label": isHidden ? void 0 : ariaLabel,
 		className: `ui-icon-flag ${className ?? ""}`,
 		...props,
 		children: [
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("title", { children: "SC" }),
+			isHidden || ariaLabel ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("title", { children: titleText }),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("defs", { children: [
 				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("linearGradient", {
 					id: "sc-a",

package/dist/flags/sc.js

@@ -1,6 +1,8 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/react/flags/sc.tsx
-const IconFlagSC = ({ className, size, width = size ?? 24, height = size, ...props }) => {
+const IconFlagSC = ({ className, size, width = size ?? 24, height = size, title, "aria-label": ariaLabel, "aria-hidden": ariaHidden, ...props }) => {
+	const isHidden = ariaHidden === true;
+	const titleText = title ?? "SC";
 	return /* @__PURE__ */ jsxs("svg", {
 		width,
 		height,
@@ -8,11 +10,13 @@ const IconFlagSC = ({ className, size, width = size ?? 24, height = size, ...pro
 		version: "1.1",
 		xmlns: "http://www.w3.org/2000/svg",
 		xmlnsXlink: "http://www.w3.org/1999/xlink",
-		role: "img",
+		role: isHidden ? void 0 : "img",
+		"aria-hidden": isHidden ? true : void 0,
+		"aria-label": isHidden ? void 0 : ariaLabel,
 		className: `ui-icon-flag ${className ?? ""}`,
 		...props,
 		children: [
-			/* @__PURE__ */ jsx("title", { children: "SC" }),
+			isHidden || ariaLabel ? null : /* @__PURE__ */ jsx("title", { children: titleText }),
 			/* @__PURE__ */ jsxs("defs", { children: [
 				/* @__PURE__ */ jsxs("linearGradient", {
 					id: "sc-a",

package/dist/flags/sd.cjs

@@ -1,6 +1,8 @@
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/react/flags/sd.tsx
-const IconFlagSD = ({ className, size, width = size ?? 24, height = size, ...props }) => {
+const IconFlagSD = ({ className, size, width = size ?? 24, height = size, title, "aria-label": ariaLabel, "aria-hidden": ariaHidden, ...props }) => {
+	const isHidden = ariaHidden === true;
+	const titleText = title ?? "SD";
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", {
 		width,
 		height,
@@ -8,11 +10,13 @@ const IconFlagSD = ({ className, size, width = size ?? 24, height = size, ...pro
 		version: "1.1",
 		xmlns: "http://www.w3.org/2000/svg",
 		xmlnsXlink: "http://www.w3.org/1999/xlink",
-		role: "img",
+		role: isHidden ? void 0 : "img",
+		"aria-hidden": isHidden ? true : void 0,
+		"aria-label": isHidden ? void 0 : ariaLabel,
 		className: `ui-icon-flag ${className ?? ""}`,
 		...props,
 		children: [
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("title", { children: "SD" }),
+			isHidden || ariaLabel ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("title", { children: titleText }),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("defs", { children: [
 				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("linearGradient", {
 					id: "sd-a",

package/dist/flags/sd.js

@@ -1,6 +1,8 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/react/flags/sd.tsx
-const IconFlagSD = ({ className, size, width = size ?? 24, height = size, ...props }) => {
+const IconFlagSD = ({ className, size, width = size ?? 24, height = size, title, "aria-label": ariaLabel, "aria-hidden": ariaHidden, ...props }) => {
+	const isHidden = ariaHidden === true;
+	const titleText = title ?? "SD";
 	return /* @__PURE__ */ jsxs("svg", {
 		width,
 		height,
@@ -8,11 +10,13 @@ const IconFlagSD = ({ className, size, width = size ?? 24, height = size, ...pro
 		version: "1.1",
 		xmlns: "http://www.w3.org/2000/svg",
 		xmlnsXlink: "http://www.w3.org/1999/xlink",
-		role: "img",
+		role: isHidden ? void 0 : "img",
+		"aria-hidden": isHidden ? true : void 0,
+		"aria-label": isHidden ? void 0 : ariaLabel,
 		className: `ui-icon-flag ${className ?? ""}`,
 		...props,
 		children: [
-			/* @__PURE__ */ jsx("title", { children: "SD" }),
+			isHidden || ariaLabel ? null : /* @__PURE__ */ jsx("title", { children: titleText }),
 			/* @__PURE__ */ jsxs("defs", { children: [
 				/* @__PURE__ */ jsxs("linearGradient", {
 					id: "sd-a",

package/dist/flags/se.cjs

@@ -1,6 +1,8 @@
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/react/flags/se.tsx
-const IconFlagSE = ({ className, size, width = size ?? 24, height = size, ...props }) => {
+const IconFlagSE = ({ className, size, width = size ?? 24, height = size, title, "aria-label": ariaLabel, "aria-hidden": ariaHidden, ...props }) => {
+	const isHidden = ariaHidden === true;
+	const titleText = title ?? "SE";
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", {
 		width,
 		height,
@@ -8,11 +10,13 @@ const IconFlagSE = ({ className, size, width = size ?? 24, height = size, ...pro
 		version: "1.1",
 		xmlns: "http://www.w3.org/2000/svg",
 		xmlnsXlink: "http://www.w3.org/1999/xlink",
-		role: "img",
+		role: isHidden ? void 0 : "img",
+		"aria-hidden": isHidden ? true : void 0,
+		"aria-label": isHidden ? void 0 : ariaLabel,
 		className: `ui-icon-flag ${className ?? ""}`,
 		...props,
 		children: [
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("title", { children: "SE" }),
+			isHidden || ariaLabel ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("title", { children: titleText }),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("defs", { children: [
 				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("linearGradient", {
 					id: "se-a",

package/dist/flags/se.js

@@ -1,6 +1,8 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/react/flags/se.tsx
-const IconFlagSE = ({ className, size, width = size ?? 24, height = size, ...props }) => {
+const IconFlagSE = ({ className, size, width = size ?? 24, height = size, title, "aria-label": ariaLabel, "aria-hidden": ariaHidden, ...props }) => {
+	const isHidden = ariaHidden === true;
+	const titleText = title ?? "SE";
 	return /* @__PURE__ */ jsxs("svg", {
 		width,
 		height,
@@ -8,11 +10,13 @@ const IconFlagSE = ({ className, size, width = size ?? 24, height = size, ...pro
 		version: "1.1",
 		xmlns: "http://www.w3.org/2000/svg",
 		xmlnsXlink: "http://www.w3.org/1999/xlink",
-		role: "img",
+		role: isHidden ? void 0 : "img",
+		"aria-hidden": isHidden ? true : void 0,
+		"aria-label": isHidden ? void 0 : ariaLabel,
 		className: `ui-icon-flag ${className ?? ""}`,
 		...props,
 		children: [
-			/* @__PURE__ */ jsx("title", { children: "SE" }),
+			isHidden || ariaLabel ? null : /* @__PURE__ */ jsx("title", { children: titleText }),
 			/* @__PURE__ */ jsxs("defs", { children: [
 				/* @__PURE__ */ jsxs("linearGradient", {
 					id: "se-a",

package/dist/flags/sg.cjs

@@ -1,6 +1,8 @@
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/react/flags/sg.tsx
-const IconFlagSG = ({ className, size, width = size ?? 24, height = size, ...props }) => {
+const IconFlagSG = ({ className, size, width = size ?? 24, height = size, title, "aria-label": ariaLabel, "aria-hidden": ariaHidden, ...props }) => {
+	const isHidden = ariaHidden === true;
+	const titleText = title ?? "SG";
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", {
 		width,
 		height,
@@ -8,11 +10,13 @@ const IconFlagSG = ({ className, size, width = size ?? 24, height = size, ...pro
 		version: "1.1",
 		xmlns: "http://www.w3.org/2000/svg",
 		xmlnsXlink: "http://www.w3.org/1999/xlink",
-		role: "img",
+		role: isHidden ? void 0 : "img",
+		"aria-hidden": isHidden ? true : void 0,
+		"aria-label": isHidden ? void 0 : ariaLabel,
 		className: `ui-icon-flag ${className ?? ""}`,
 		...props,
 		children: [
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("title", { children: "SG" }),
+			isHidden || ariaLabel ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("title", { children: titleText }),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("defs", { children: [
 				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("linearGradient", {
 					id: "sg-a",

package/dist/flags/sg.js

@@ -1,6 +1,8 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/react/flags/sg.tsx
-const IconFlagSG = ({ className, size, width = size ?? 24, height = size, ...props }) => {
+const IconFlagSG = ({ className, size, width = size ?? 24, height = size, title, "aria-label": ariaLabel, "aria-hidden": ariaHidden, ...props }) => {
+	const isHidden = ariaHidden === true;
+	const titleText = title ?? "SG";
 	return /* @__PURE__ */ jsxs("svg", {
 		width,
 		height,
@@ -8,11 +10,13 @@ const IconFlagSG = ({ className, size, width = size ?? 24, height = size, ...pro
 		version: "1.1",
 		xmlns: "http://www.w3.org/2000/svg",
 		xmlnsXlink: "http://www.w3.org/1999/xlink",
-		role: "img",
+		role: isHidden ? void 0 : "img",
+		"aria-hidden": isHidden ? true : void 0,
+		"aria-label": isHidden ? void 0 : ariaLabel,
 		className: `ui-icon-flag ${className ?? ""}`,
 		...props,
 		children: [
-			/* @__PURE__ */ jsx("title", { children: "SG" }),
+			isHidden || ariaLabel ? null : /* @__PURE__ */ jsx("title", { children: titleText }),
 			/* @__PURE__ */ jsxs("defs", { children: [
 				/* @__PURE__ */ jsxs("linearGradient", {
 					id: "sg-a",

package/dist/flags/sh.cjs

@@ -1,6 +1,8 @@
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/react/flags/sh.tsx
-const IconFlagSH = ({ className, size, width = size ?? 24, height = size, ...props }) => {
+const IconFlagSH = ({ className, size, width = size ?? 24, height = size, title, "aria-label": ariaLabel, "aria-hidden": ariaHidden, ...props }) => {
+	const isHidden = ariaHidden === true;
+	const titleText = title ?? "SH";
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", {
 		width,
 		height,
@@ -8,11 +10,13 @@ const IconFlagSH = ({ className, size, width = size ?? 24, height = size, ...pro
 		version: "1.1",
 		xmlns: "http://www.w3.org/2000/svg",
 		xmlnsXlink: "http://www.w3.org/1999/xlink",
-		role: "img",
+		role: isHidden ? void 0 : "img",
+		"aria-hidden": isHidden ? true : void 0,
+		"aria-label": isHidden ? void 0 : ariaLabel,
 		className: `ui-icon-flag ${className ?? ""}`,
 		...props,
 		children: [
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("title", { children: "SH" }),
+			isHidden || ariaLabel ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("title", { children: titleText }),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("defs", { children: [
 				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("linearGradient", {
 					id: "sh-a",

package/dist/flags/sh.js

@@ -1,6 +1,8 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/react/flags/sh.tsx
-const IconFlagSH = ({ className, size, width = size ?? 24, height = size, ...props }) => {
+const IconFlagSH = ({ className, size, width = size ?? 24, height = size, title, "aria-label": ariaLabel, "aria-hidden": ariaHidden, ...props }) => {
+	const isHidden = ariaHidden === true;
+	const titleText = title ?? "SH";
 	return /* @__PURE__ */ jsxs("svg", {
 		width,
 		height,
@@ -8,11 +10,13 @@ const IconFlagSH = ({ className, size, width = size ?? 24, height = size, ...pro
 		version: "1.1",
 		xmlns: "http://www.w3.org/2000/svg",
 		xmlnsXlink: "http://www.w3.org/1999/xlink",
-		role: "img",
+		role: isHidden ? void 0 : "img",
+		"aria-hidden": isHidden ? true : void 0,
+		"aria-label": isHidden ? void 0 : ariaLabel,
 		className: `ui-icon-flag ${className ?? ""}`,
 		...props,
 		children: [
-			/* @__PURE__ */ jsx("title", { children: "SH" }),
+			isHidden || ariaLabel ? null : /* @__PURE__ */ jsx("title", { children: titleText }),
 			/* @__PURE__ */ jsxs("defs", { children: [
 				/* @__PURE__ */ jsxs("linearGradient", {
 					id: "sh-a",

package/dist/flags/si.cjs

@@ -1,6 +1,8 @@
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/react/flags/si.tsx
-const IconFlagSI = ({ className, size, width = size ?? 24, height = size, ...props }) => {
+const IconFlagSI = ({ className, size, width = size ?? 24, height = size, title, "aria-label": ariaLabel, "aria-hidden": ariaHidden, ...props }) => {
+	const isHidden = ariaHidden === true;
+	const titleText = title ?? "SI";
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", {
 		width,
 		height,
@@ -8,11 +10,13 @@ const IconFlagSI = ({ className, size, width = size ?? 24, height = size, ...pro
 		version: "1.1",
 		xmlns: "http://www.w3.org/2000/svg",
 		xmlnsXlink: "http://www.w3.org/1999/xlink",
-		role: "img",
+		role: isHidden ? void 0 : "img",
+		"aria-hidden": isHidden ? true : void 0,
+		"aria-label": isHidden ? void 0 : ariaLabel,
 		className: `ui-icon-flag ${className ?? ""}`,
 		...props,
 		children: [
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("title", { children: "SI" }),
+			isHidden || ariaLabel ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("title", { children: titleText }),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("defs", { children: [
 				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("linearGradient", {
 					id: "si-a",

package/dist/flags/si.js

@@ -1,6 +1,8 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/react/flags/si.tsx
-const IconFlagSI = ({ className, size, width = size ?? 24, height = size, ...props }) => {
+const IconFlagSI = ({ className, size, width = size ?? 24, height = size, title, "aria-label": ariaLabel, "aria-hidden": ariaHidden, ...props }) => {
+	const isHidden = ariaHidden === true;
+	const titleText = title ?? "SI";
 	return /* @__PURE__ */ jsxs("svg", {
 		width,
 		height,
@@ -8,11 +10,13 @@ const IconFlagSI = ({ className, size, width = size ?? 24, height = size, ...pro
 		version: "1.1",
 		xmlns: "http://www.w3.org/2000/svg",
 		xmlnsXlink: "http://www.w3.org/1999/xlink",
-		role: "img",
+		role: isHidden ? void 0 : "img",
+		"aria-hidden": isHidden ? true : void 0,
+		"aria-label": isHidden ? void 0 : ariaLabel,
 		className: `ui-icon-flag ${className ?? ""}`,
 		...props,
 		children: [
-			/* @__PURE__ */ jsx("title", { children: "SI" }),
+			isHidden || ariaLabel ? null : /* @__PURE__ */ jsx("title", { children: titleText }),
 			/* @__PURE__ */ jsxs("defs", { children: [
 				/* @__PURE__ */ jsxs("linearGradient", {
 					id: "si-a",

package/dist/flags/sj.cjs

@@ -1,6 +1,8 @@
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/react/flags/sj.tsx
-const IconFlagSJ = ({ className, size, width = size ?? 24, height = size, ...props }) => {
+const IconFlagSJ = ({ className, size, width = size ?? 24, height = size, title, "aria-label": ariaLabel, "aria-hidden": ariaHidden, ...props }) => {
+	const isHidden = ariaHidden === true;
+	const titleText = title ?? "SJ";
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", {
 		width,
 		height,
@@ -8,11 +10,13 @@ const IconFlagSJ = ({ className, size, width = size ?? 24, height = size, ...pro
 		version: "1.1",
 		xmlns: "http://www.w3.org/2000/svg",
 		xmlnsXlink: "http://www.w3.org/1999/xlink",
-		role: "img",
+		role: isHidden ? void 0 : "img",
+		"aria-hidden": isHidden ? true : void 0,
+		"aria-label": isHidden ? void 0 : ariaLabel,
 		className: `ui-icon-flag ${className ?? ""}`,
 		...props,
 		children: [
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("title", { children: "SJ" }),
+			isHidden || ariaLabel ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("title", { children: titleText }),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("defs", { children: [
 				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("linearGradient", {
 					id: "sj-a",

package/dist/flags/sj.js

@@ -1,6 +1,8 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/react/flags/sj.tsx
-const IconFlagSJ = ({ className, size, width = size ?? 24, height = size, ...props }) => {
+const IconFlagSJ = ({ className, size, width = size ?? 24, height = size, title, "aria-label": ariaLabel, "aria-hidden": ariaHidden, ...props }) => {
+	const isHidden = ariaHidden === true;
+	const titleText = title ?? "SJ";
 	return /* @__PURE__ */ jsxs("svg", {
 		width,
 		height,
@@ -8,11 +10,13 @@ const IconFlagSJ = ({ className, size, width = size ?? 24, height = size, ...pro
 		version: "1.1",
 		xmlns: "http://www.w3.org/2000/svg",
 		xmlnsXlink: "http://www.w3.org/1999/xlink",
-		role: "img",
+		role: isHidden ? void 0 : "img",
+		"aria-hidden": isHidden ? true : void 0,
+		"aria-label": isHidden ? void 0 : ariaLabel,
 		className: `ui-icon-flag ${className ?? ""}`,
 		...props,
 		children: [
-			/* @__PURE__ */ jsx("title", { children: "SJ" }),
+			isHidden || ariaLabel ? null : /* @__PURE__ */ jsx("title", { children: titleText }),
 			/* @__PURE__ */ jsxs("defs", { children: [
 				/* @__PURE__ */ jsxs("linearGradient", {
 					id: "sj-a",

package/dist/flags/sk.cjs

@@ -1,6 +1,8 @@
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/react/flags/sk.tsx
-const IconFlagSK = ({ className, size, width = size ?? 24, height = size, ...props }) => {
+const IconFlagSK = ({ className, size, width = size ?? 24, height = size, title, "aria-label": ariaLabel, "aria-hidden": ariaHidden, ...props }) => {
+	const isHidden = ariaHidden === true;
+	const titleText = title ?? "SK";
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", {
 		width,
 		height,
@@ -8,11 +10,13 @@ const IconFlagSK = ({ className, size, width = size ?? 24, height = size, ...pro
 		version: "1.1",
 		xmlns: "http://www.w3.org/2000/svg",
 		xmlnsXlink: "http://www.w3.org/1999/xlink",
-		role: "img",
+		role: isHidden ? void 0 : "img",
+		"aria-hidden": isHidden ? true : void 0,
+		"aria-label": isHidden ? void 0 : ariaLabel,
 		className: `ui-icon-flag ${className ?? ""}`,
 		...props,
 		children: [
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("title", { children: "SK" }),
+			isHidden || ariaLabel ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("title", { children: titleText }),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("defs", { children: [
 				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("linearGradient", {
 					id: "sk-a",

package/dist/flags/sk.js

@@ -1,6 +1,8 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/react/flags/sk.tsx
-const IconFlagSK = ({ className, size, width = size ?? 24, height = size, ...props }) => {
+const IconFlagSK = ({ className, size, width = size ?? 24, height = size, title, "aria-label": ariaLabel, "aria-hidden": ariaHidden, ...props }) => {
+	const isHidden = ariaHidden === true;
+	const titleText = title ?? "SK";
 	return /* @__PURE__ */ jsxs("svg", {
 		width,
 		height,
@@ -8,11 +10,13 @@ const IconFlagSK = ({ className, size, width = size ?? 24, height = size, ...pro
 		version: "1.1",
 		xmlns: "http://www.w3.org/2000/svg",
 		xmlnsXlink: "http://www.w3.org/1999/xlink",
-		role: "img",
+		role: isHidden ? void 0 : "img",
+		"aria-hidden": isHidden ? true : void 0,
+		"aria-label": isHidden ? void 0 : ariaLabel,
 		className: `ui-icon-flag ${className ?? ""}`,
 		...props,
 		children: [
-			/* @__PURE__ */ jsx("title", { children: "SK" }),
+			isHidden || ariaLabel ? null : /* @__PURE__ */ jsx("title", { children: titleText }),
 			/* @__PURE__ */ jsxs("defs", { children: [
 				/* @__PURE__ */ jsxs("linearGradient", {
 					id: "sk-a",

package/dist/flags/sl.cjs

@@ -1,6 +1,8 @@
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/react/flags/sl.tsx
-const IconFlagSL = ({ className, size, width = size ?? 24, height = size, ...props }) => {
+const IconFlagSL = ({ className, size, width = size ?? 24, height = size, title, "aria-label": ariaLabel, "aria-hidden": ariaHidden, ...props }) => {
+	const isHidden = ariaHidden === true;
+	const titleText = title ?? "SL";
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", {
 		width,
 		height,
@@ -8,11 +10,13 @@ const IconFlagSL = ({ className, size, width = size ?? 24, height = size, ...pro
 		version: "1.1",
 		xmlns: "http://www.w3.org/2000/svg",
 		xmlnsXlink: "http://www.w3.org/1999/xlink",
-		role: "img",
+		role: isHidden ? void 0 : "img",
+		"aria-hidden": isHidden ? true : void 0,
+		"aria-label": isHidden ? void 0 : ariaLabel,
 		className: `ui-icon-flag ${className ?? ""}`,
 		...props,
 		children: [
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("title", { children: "SL" }),
+			isHidden || ariaLabel ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("title", { children: titleText }),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("defs", { children: [
 				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("linearGradient", {
 					id: "sl-a",

package/dist/flags/sl.js

@@ -1,6 +1,8 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/react/flags/sl.tsx
-const IconFlagSL = ({ className, size, width = size ?? 24, height = size, ...props }) => {
+const IconFlagSL = ({ className, size, width = size ?? 24, height = size, title, "aria-label": ariaLabel, "aria-hidden": ariaHidden, ...props }) => {
+	const isHidden = ariaHidden === true;
+	const titleText = title ?? "SL";
 	return /* @__PURE__ */ jsxs("svg", {
 		width,
 		height,
@@ -8,11 +10,13 @@ const IconFlagSL = ({ className, size, width = size ?? 24, height = size, ...pro
 		version: "1.1",
 		xmlns: "http://www.w3.org/2000/svg",
 		xmlnsXlink: "http://www.w3.org/1999/xlink",
-		role: "img",
+		role: isHidden ? void 0 : "img",
+		"aria-hidden": isHidden ? true : void 0,
+		"aria-label": isHidden ? void 0 : ariaLabel,
 		className: `ui-icon-flag ${className ?? ""}`,
 		...props,
 		children: [
-			/* @__PURE__ */ jsx("title", { children: "SL" }),
+			isHidden || ariaLabel ? null : /* @__PURE__ */ jsx("title", { children: titleText }),
 			/* @__PURE__ */ jsxs("defs", { children: [
 				/* @__PURE__ */ jsxs("linearGradient", {
 					id: "sl-a",

package/dist/flags/sm.cjs

@@ -1,6 +1,8 @@
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/react/flags/sm.tsx
-const IconFlagSM = ({ className, size, width = size ?? 24, height = size, ...props }) => {
+const IconFlagSM = ({ className, size, width = size ?? 24, height = size, title, "aria-label": ariaLabel, "aria-hidden": ariaHidden, ...props }) => {
+	const isHidden = ariaHidden === true;
+	const titleText = title ?? "SM";
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", {
 		width,
 		height,
@@ -8,11 +10,13 @@ const IconFlagSM = ({ className, size, width = size ?? 24, height = size, ...pro
 		version: "1.1",
 		xmlns: "http://www.w3.org/2000/svg",
 		xmlnsXlink: "http://www.w3.org/1999/xlink",
-		role: "img",
+		role: isHidden ? void 0 : "img",
+		"aria-hidden": isHidden ? true : void 0,
+		"aria-label": isHidden ? void 0 : ariaLabel,
 		className: `ui-icon-flag ${className ?? ""}`,
 		...props,
 		children: [
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("title", { children: "SM" }),
+			isHidden || ariaLabel ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("title", { children: titleText }),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("defs", { children: [
 				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("linearGradient", {
 					id: "sm-a",

package/dist/flags/sm.js

@@ -1,6 +1,8 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/react/flags/sm.tsx
-const IconFlagSM = ({ className, size, width = size ?? 24, height = size, ...props }) => {
+const IconFlagSM = ({ className, size, width = size ?? 24, height = size, title, "aria-label": ariaLabel, "aria-hidden": ariaHidden, ...props }) => {
+	const isHidden = ariaHidden === true;
+	const titleText = title ?? "SM";
 	return /* @__PURE__ */ jsxs("svg", {
 		width,
 		height,
@@ -8,11 +10,13 @@ const IconFlagSM = ({ className, size, width = size ?? 24, height = size, ...pro
 		version: "1.1",
 		xmlns: "http://www.w3.org/2000/svg",
 		xmlnsXlink: "http://www.w3.org/1999/xlink",
-		role: "img",
+		role: isHidden ? void 0 : "img",
+		"aria-hidden": isHidden ? true : void 0,
+		"aria-label": isHidden ? void 0 : ariaLabel,
 		className: `ui-icon-flag ${className ?? ""}`,
 		...props,
 		children: [
-			/* @__PURE__ */ jsx("title", { children: "SM" }),
+			isHidden || ariaLabel ? null : /* @__PURE__ */ jsx("title", { children: titleText }),
 			/* @__PURE__ */ jsxs("defs", { children: [
 				/* @__PURE__ */ jsxs("linearGradient", {
 					id: "sm-a",

package/dist/flags/sn.cjs

@@ -1,6 +1,8 @@
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/react/flags/sn.tsx
-const IconFlagSN = ({ className, size, width = size ?? 24, height = size, ...props }) => {
+const IconFlagSN = ({ className, size, width = size ?? 24, height = size, title, "aria-label": ariaLabel, "aria-hidden": ariaHidden, ...props }) => {
+	const isHidden = ariaHidden === true;
+	const titleText = title ?? "SN";
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", {
 		width,
 		height,
@@ -8,11 +10,13 @@ const IconFlagSN = ({ className, size, width = size ?? 24, height = size, ...pro
 		version: "1.1",
 		xmlns: "http://www.w3.org/2000/svg",
 		xmlnsXlink: "http://www.w3.org/1999/xlink",
-		role: "img",
+		role: isHidden ? void 0 : "img",
+		"aria-hidden": isHidden ? true : void 0,
+		"aria-label": isHidden ? void 0 : ariaLabel,
 		className: `ui-icon-flag ${className ?? ""}`,
 		...props,
 		children: [
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("title", { children: "SN" }),
+			isHidden || ariaLabel ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("title", { children: titleText }),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("defs", { children: [
 				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("linearGradient", {
 					id: "sn-a",

package/dist/flags/sn.js

@@ -1,6 +1,8 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/react/flags/sn.tsx
-const IconFlagSN = ({ className, size, width = size ?? 24, height = size, ...props }) => {
+const IconFlagSN = ({ className, size, width = size ?? 24, height = size, title, "aria-label": ariaLabel, "aria-hidden": ariaHidden, ...props }) => {
+	const isHidden = ariaHidden === true;
+	const titleText = title ?? "SN";
 	return /* @__PURE__ */ jsxs("svg", {
 		width,
 		height,
@@ -8,11 +10,13 @@ const IconFlagSN = ({ className, size, width = size ?? 24, height = size, ...pro
 		version: "1.1",
 		xmlns: "http://www.w3.org/2000/svg",
 		xmlnsXlink: "http://www.w3.org/1999/xlink",
-		role: "img",
+		role: isHidden ? void 0 : "img",
+		"aria-hidden": isHidden ? true : void 0,
+		"aria-label": isHidden ? void 0 : ariaLabel,
 		className: `ui-icon-flag ${className ?? ""}`,
 		...props,
 		children: [
-			/* @__PURE__ */ jsx("title", { children: "SN" }),
+			isHidden || ariaLabel ? null : /* @__PURE__ */ jsx("title", { children: titleText }),
 			/* @__PURE__ */ jsxs("defs", { children: [
 				/* @__PURE__ */ jsxs("linearGradient", {
 					id: "sn-a",

package/dist/flags/so.cjs

@@ -1,6 +1,8 @@
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/react/flags/so.tsx
-const IconFlagSO = ({ className, size, width = size ?? 24, height = size, ...props }) => {
+const IconFlagSO = ({ className, size, width = size ?? 24, height = size, title, "aria-label": ariaLabel, "aria-hidden": ariaHidden, ...props }) => {
+	const isHidden = ariaHidden === true;
+	const titleText = title ?? "SO";
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", {
 		width,
 		height,
@@ -8,11 +10,13 @@ const IconFlagSO = ({ className, size, width = size ?? 24, height = size, ...pro
 		version: "1.1",
 		xmlns: "http://www.w3.org/2000/svg",
 		xmlnsXlink: "http://www.w3.org/1999/xlink",
-		role: "img",
+		role: isHidden ? void 0 : "img",
+		"aria-hidden": isHidden ? true : void 0,
+		"aria-label": isHidden ? void 0 : ariaLabel,
 		className: `ui-icon-flag ${className ?? ""}`,
 		...props,
 		children: [
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("title", { children: "SO" }),
+			isHidden || ariaLabel ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("title", { children: titleText }),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("defs", { children: [
 				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("linearGradient", {
 					id: "so-a",