import { AvatarAlphabet } from "./AvatarAlphabet.mjs";
import { c } from "react-compiler-runtime";
import React from "react";
import { Chip, lighten } from "@material-ui/core";
//#region src/UI/dataDisplay/ChipAlphabet.jsx
const ChipAlphabet = (t0) => {
	const $ = c(181);
	const { avatarCharacter, label, handleClick, avatar } = t0;
	let letter = "";
	bb0: switch (avatarCharacter) {
		case "A": {
			let t1;
			if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
				t1 = { backgroundColor: lighten("#FFB900", .8) };
				$[0] = t1;
			} else t1 = $[0];
			const t2 = avatar && avatarCharacter;
			let t3;
			if ($[1] !== t2) {
				t3 = /* @__PURE__ */ React.createElement(AvatarAlphabet, {
					size: "small",
					avatarCharacter: t2
				});
				$[1] = t2;
				$[2] = t3;
			} else t3 = $[2];
			let t4;
			if ($[3] !== handleClick || $[4] !== label || $[5] !== t3) {
				t4 = /* @__PURE__ */ React.createElement(Chip, {
					style: t1,
					label,
					size: "small",
					avatar: t3,
					onClick: handleClick,
					clickable: true
				});
				$[3] = handleClick;
				$[4] = label;
				$[5] = t3;
				$[6] = t4;
			} else t4 = $[6];
			letter = t4;
			break bb0;
		}
		case "B": {
			let t1;
			if ($[7] === Symbol.for("react.memo_cache_sentinel")) {
				t1 = { backgroundColor: lighten("#E74856", .8) };
				$[7] = t1;
			} else t1 = $[7];
			const t2 = avatar && avatarCharacter;
			let t3;
			if ($[8] !== t2) {
				t3 = /* @__PURE__ */ React.createElement(AvatarAlphabet, {
					size: "small",
					avatarCharacter: t2
				});
				$[8] = t2;
				$[9] = t3;
			} else t3 = $[9];
			let t4;
			if ($[10] !== handleClick || $[11] !== label || $[12] !== t3) {
				t4 = /* @__PURE__ */ React.createElement(Chip, {
					style: t1,
					label,
					size: "small",
					avatar: t3,
					onClick: handleClick,
					clickable: true
				});
				$[10] = handleClick;
				$[11] = label;
				$[12] = t3;
				$[13] = t4;
			} else t4 = $[13];
			letter = t4;
			break bb0;
		}
		case "C": {
			let t1;
			if ($[14] === Symbol.for("react.memo_cache_sentinel")) {
				t1 = { backgroundColor: lighten("#0078D7", .8) };
				$[14] = t1;
			} else t1 = $[14];
			const t2 = avatar && avatarCharacter;
			let t3;
			if ($[15] !== t2) {
				t3 = /* @__PURE__ */ React.createElement(AvatarAlphabet, {
					size: "small",
					avatarCharacter: t2
				});
				$[15] = t2;
				$[16] = t3;
			} else t3 = $[16];
			let t4;
			if ($[17] !== handleClick || $[18] !== label || $[19] !== t3) {
				t4 = /* @__PURE__ */ React.createElement(Chip, {
					style: t1,
					label,
					size: "small",
					avatar: t3,
					onClick: handleClick,
					clickable: true
				});
				$[17] = handleClick;
				$[18] = label;
				$[19] = t3;
				$[20] = t4;
			} else t4 = $[20];
			letter = t4;
			break bb0;
		}
		case "D": {
			let t1;
			if ($[21] === Symbol.for("react.memo_cache_sentinel")) {
				t1 = { backgroundColor: lighten("#0099BC", .8) };
				$[21] = t1;
			} else t1 = $[21];
			const t2 = avatar && avatarCharacter;
			let t3;
			if ($[22] !== t2) {
				t3 = /* @__PURE__ */ React.createElement(AvatarAlphabet, {
					size: "small",
					avatarCharacter: t2
				});
				$[22] = t2;
				$[23] = t3;
			} else t3 = $[23];
			let t4;
			if ($[24] !== handleClick || $[25] !== label || $[26] !== t3) {
				t4 = /* @__PURE__ */ React.createElement(Chip, {
					style: t1,
					label,
					size: "small",
					avatar: t3,
					onClick: handleClick,
					clickable: true
				});
				$[24] = handleClick;
				$[25] = label;
				$[26] = t3;
				$[27] = t4;
			} else t4 = $[27];
			letter = t4;
			break bb0;
		}
		case "E": {
			let t1;
			if ($[28] === Symbol.for("react.memo_cache_sentinel")) {
				t1 = { backgroundColor: lighten("#7A7574", .8) };
				$[28] = t1;
			} else t1 = $[28];
			const t2 = avatar && avatarCharacter;
			let t3;
			if ($[29] !== t2) {
				t3 = /* @__PURE__ */ React.createElement(AvatarAlphabet, {
					size: "small",
					avatarCharacter: t2
				});
				$[29] = t2;
				$[30] = t3;
			} else t3 = $[30];
			let t4;
			if ($[31] !== handleClick || $[32] !== label || $[33] !== t3) {
				t4 = /* @__PURE__ */ React.createElement(Chip, {
					style: t1,
					label,
					size: "small",
					avatar: t3,
					onClick: handleClick,
					clickable: true
				});
				$[31] = handleClick;
				$[32] = label;
				$[33] = t3;
				$[34] = t4;
			} else t4 = $[34];
			letter = t4;
			break bb0;
		}
		case "F": {
			let t1;
			if ($[35] === Symbol.for("react.memo_cache_sentinel")) {
				t1 = { backgroundColor: lighten("#0078D7", .8) };
				$[35] = t1;
			} else t1 = $[35];
			const t2 = avatar && avatarCharacter;
			let t3;
			if ($[36] !== t2) {
				t3 = /* @__PURE__ */ React.createElement(AvatarAlphabet, {
					size: "small",
					avatarCharacter: t2
				});
				$[36] = t2;
				$[37] = t3;
			} else t3 = $[37];
			let t4;
			if ($[38] !== handleClick || $[39] !== label || $[40] !== t3) {
				t4 = /* @__PURE__ */ React.createElement(Chip, {
					style: t1,
					label,
					size: "small",
					avatar: t3,
					onClick: handleClick,
					clickable: true
				});
				$[38] = handleClick;
				$[39] = label;
				$[40] = t3;
				$[41] = t4;
			} else t4 = $[41];
			letter = t4;
			break bb0;
		}
		case "G": {
			let t1;
			if ($[42] === Symbol.for("react.memo_cache_sentinel")) {
				t1 = { backgroundColor: lighten("#FF8C00", .8) };
				$[42] = t1;
			} else t1 = $[42];
			const t2 = avatar && avatarCharacter;
			let t3;
			if ($[43] !== t2) {
				t3 = /* @__PURE__ */ React.createElement(AvatarAlphabet, {
					size: "small",
					avatarCharacter: t2
				});
				$[43] = t2;
				$[44] = t3;
			} else t3 = $[44];
			let t4;
			if ($[45] !== handleClick || $[46] !== label || $[47] !== t3) {
				t4 = /* @__PURE__ */ React.createElement(Chip, {
					style: t1,
					label,
					size: "small",
					avatar: t3,
					onClick: handleClick,
					clickable: true
				});
				$[45] = handleClick;
				$[46] = label;
				$[47] = t3;
				$[48] = t4;
			} else t4 = $[48];
			letter = t4;
			break bb0;
		}
		case "H": {
			let t1;
			if ($[49] === Symbol.for("react.memo_cache_sentinel")) {
				t1 = { backgroundColor: lighten("#E81123", .8) };
				$[49] = t1;
			} else t1 = $[49];
			const t2 = avatar && avatarCharacter;
			let t3;
			if ($[50] !== t2) {
				t3 = /* @__PURE__ */ React.createElement(AvatarAlphabet, {
					size: "small",
					avatarCharacter: t2
				});
				$[50] = t2;
				$[51] = t3;
			} else t3 = $[51];
			let t4;
			if ($[52] !== handleClick || $[53] !== label || $[54] !== t3) {
				t4 = /* @__PURE__ */ React.createElement(Chip, {
					style: t1,
					label,
					size: "small",
					avatar: t3,
					onClick: handleClick,
					clickable: true
				});
				$[52] = handleClick;
				$[53] = label;
				$[54] = t3;
				$[55] = t4;
			} else t4 = $[55];
			letter = t4;
			break bb0;
		}
		case "I": {
			let t1;
			if ($[56] === Symbol.for("react.memo_cache_sentinel")) {
				t1 = { backgroundColor: lighten("#0063B1", .8) };
				$[56] = t1;
			} else t1 = $[56];
			const t2 = avatar && avatarCharacter;
			let t3;
			if ($[57] !== t2) {
				t3 = /* @__PURE__ */ React.createElement(AvatarAlphabet, {
					size: "small",
					avatarCharacter: t2
				});
				$[57] = t2;
				$[58] = t3;
			} else t3 = $[58];
			let t4;
			if ($[59] !== label || $[60] !== t3) {
				t4 = /* @__PURE__ */ React.createElement(Chip, {
					style: t1,
					label,
					size: "small",
					avatar: t3
				});
				$[59] = label;
				$[60] = t3;
				$[61] = t4;
			} else t4 = $[61];
			letter = t4;
			break bb0;
		}
		case "J": {
			let t1;
			if ($[62] === Symbol.for("react.memo_cache_sentinel")) {
				t1 = { backgroundColor: lighten("#2D7D9A", .8) };
				$[62] = t1;
			} else t1 = $[62];
			const t2 = avatar && avatarCharacter;
			let t3;
			if ($[63] !== t2) {
				t3 = /* @__PURE__ */ React.createElement(AvatarAlphabet, {
					size: "small",
					avatarCharacter: t2
				});
				$[63] = t2;
				$[64] = t3;
			} else t3 = $[64];
			let t4;
			if ($[65] !== handleClick || $[66] !== label || $[67] !== t3) {
				t4 = /* @__PURE__ */ React.createElement(Chip, {
					style: t1,
					label,
					size: "small",
					avatar: t3,
					onClick: handleClick,
					clickable: true
				});
				$[65] = handleClick;
				$[66] = label;
				$[67] = t3;
				$[68] = t4;
			} else t4 = $[68];
			letter = t4;
			break bb0;
		}
		case "K": {
			let t1;
			if ($[69] === Symbol.for("react.memo_cache_sentinel")) {
				t1 = { backgroundColor: lighten("#5D5A58", .8) };
				$[69] = t1;
			} else t1 = $[69];
			const t2 = avatar && avatarCharacter;
			let t3;
			if ($[70] !== t2) {
				t3 = /* @__PURE__ */ React.createElement(AvatarAlphabet, {
					size: "small",
					avatarCharacter: t2
				});
				$[70] = t2;
				$[71] = t3;
			} else t3 = $[71];
			let t4;
			if ($[72] !== handleClick || $[73] !== label || $[74] !== t3) {
				t4 = /* @__PURE__ */ React.createElement(Chip, {
					style: t1,
					label,
					size: "small",
					avatar: t3,
					onClick: handleClick,
					clickable: true
				});
				$[72] = handleClick;
				$[73] = label;
				$[74] = t3;
				$[75] = t4;
			} else t4 = $[75];
			letter = t4;
			break bb0;
		}
		case "L": {
			let t1;
			if ($[76] === Symbol.for("react.memo_cache_sentinel")) {
				t1 = { backgroundColor: lighten("#4C4A48", .8) };
				$[76] = t1;
			} else t1 = $[76];
			const t2 = avatar && avatarCharacter;
			let t3;
			if ($[77] !== t2) {
				t3 = /* @__PURE__ */ React.createElement(AvatarAlphabet, {
					size: "small",
					avatarCharacter: t2
				});
				$[77] = t2;
				$[78] = t3;
			} else t3 = $[78];
			let t4;
			if ($[79] !== handleClick || $[80] !== label || $[81] !== t3) {
				t4 = /* @__PURE__ */ React.createElement(Chip, {
					style: t1,
					label,
					size: "small",
					avatar: t3,
					onClick: handleClick,
					clickable: true
				});
				$[79] = handleClick;
				$[80] = label;
				$[81] = t3;
				$[82] = t4;
			} else t4 = $[82];
			letter = t4;
			break bb0;
		}
		case "M": {
			let t1;
			if ($[83] === Symbol.for("react.memo_cache_sentinel")) {
				t1 = { backgroundColor: lighten("#F7630C", .8) };
				$[83] = t1;
			} else t1 = $[83];
			const t2 = avatar && avatarCharacter;
			let t3;
			if ($[84] !== t2) {
				t3 = /* @__PURE__ */ React.createElement(AvatarAlphabet, {
					size: "small",
					avatarCharacter: t2
				});
				$[84] = t2;
				$[85] = t3;
			} else t3 = $[85];
			let t4;
			if ($[86] !== handleClick || $[87] !== label || $[88] !== t3) {
				t4 = /* @__PURE__ */ React.createElement(Chip, {
					style: t1,
					label,
					size: "small",
					avatar: t3,
					onClick: handleClick,
					clickable: true
				});
				$[86] = handleClick;
				$[87] = label;
				$[88] = t3;
				$[89] = t4;
			} else t4 = $[89];
			letter = t4;
			break bb0;
		}
		case "N": {
			let t1;
			if ($[90] === Symbol.for("react.memo_cache_sentinel")) {
				t1 = { backgroundColor: lighten("#EA005E", .8) };
				$[90] = t1;
			} else t1 = $[90];
			const t2 = avatar && avatarCharacter;
			let t3;
			if ($[91] !== t2) {
				t3 = /* @__PURE__ */ React.createElement(AvatarAlphabet, {
					size: "small",
					avatarCharacter: t2
				});
				$[91] = t2;
				$[92] = t3;
			} else t3 = $[92];
			let t4;
			if ($[93] !== handleClick || $[94] !== label || $[95] !== t3) {
				t4 = /* @__PURE__ */ React.createElement(Chip, {
					style: t1,
					label,
					size: "small",
					avatar: t3,
					onClick: handleClick,
					clickable: true
				});
				$[93] = handleClick;
				$[94] = label;
				$[95] = t3;
				$[96] = t4;
			} else t4 = $[96];
			letter = t4;
			break bb0;
		}
		case "O": {
			let t1;
			if ($[97] === Symbol.for("react.memo_cache_sentinel")) {
				t1 = { backgroundColor: lighten("#8E8CD8", .8) };
				$[97] = t1;
			} else t1 = $[97];
			const t2 = avatar && avatarCharacter;
			let t3;
			if ($[98] !== t2) {
				t3 = /* @__PURE__ */ React.createElement(AvatarAlphabet, {
					size: "small",
					avatarCharacter: t2
				});
				$[98] = t2;
				$[99] = t3;
			} else t3 = $[99];
			let t4;
			if ($[100] !== handleClick || $[101] !== label || $[102] !== t3) {
				t4 = /* @__PURE__ */ React.createElement(Chip, {
					style: t1,
					label,
					size: "small",
					avatar: t3,
					onClick: handleClick,
					clickable: true
				});
				$[100] = handleClick;
				$[101] = label;
				$[102] = t3;
				$[103] = t4;
			} else t4 = $[103];
			letter = t4;
			break bb0;
		}
		case "P": {
			let t1;
			if ($[104] === Symbol.for("react.memo_cache_sentinel")) {
				t1 = { backgroundColor: lighten("#00B7C3", .8) };
				$[104] = t1;
			} else t1 = $[104];
			const t2 = avatar && avatarCharacter;
			let t3;
			if ($[105] !== t2) {
				t3 = /* @__PURE__ */ React.createElement(AvatarAlphabet, {
					size: "small",
					avatarCharacter: t2
				});
				$[105] = t2;
				$[106] = t3;
			} else t3 = $[106];
			let t4;
			if ($[107] !== handleClick || $[108] !== label || $[109] !== t3) {
				t4 = /* @__PURE__ */ React.createElement(Chip, {
					style: t1,
					label,
					size: "small",
					avatar: t3,
					onClick: handleClick,
					clickable: true
				});
				$[107] = handleClick;
				$[108] = label;
				$[109] = t3;
				$[110] = t4;
			} else t4 = $[110];
			letter = t4;
			break bb0;
		}
		case "Q": {
			let t1;
			if ($[111] === Symbol.for("react.memo_cache_sentinel")) {
				t1 = { backgroundColor: lighten("#68768A", .8) };
				$[111] = t1;
			} else t1 = $[111];
			const t2 = avatar && avatarCharacter;
			let t3;
			if ($[112] !== t2) {
				t3 = /* @__PURE__ */ React.createElement(AvatarAlphabet, {
					size: "small",
					avatarCharacter: t2
				});
				$[112] = t2;
				$[113] = t3;
			} else t3 = $[113];
			let t4;
			if ($[114] !== handleClick || $[115] !== label || $[116] !== t3) {
				t4 = /* @__PURE__ */ React.createElement(Chip, {
					style: t1,
					label,
					size: "small",
					avatar: t3,
					onClick: handleClick,
					clickable: true
				});
				$[114] = handleClick;
				$[115] = label;
				$[116] = t3;
				$[117] = t4;
			} else t4 = $[117];
			letter = t4;
			break bb0;
		}
		case "R": {
			let t1;
			if ($[118] === Symbol.for("react.memo_cache_sentinel")) {
				t1 = { backgroundColor: lighten("#69797E", .8) };
				$[118] = t1;
			} else t1 = $[118];
			const t2 = avatar && avatarCharacter;
			let t3;
			if ($[119] !== t2) {
				t3 = /* @__PURE__ */ React.createElement(AvatarAlphabet, {
					size: "small",
					avatarCharacter: t2
				});
				$[119] = t2;
				$[120] = t3;
			} else t3 = $[120];
			let t4;
			if ($[121] !== handleClick || $[122] !== label || $[123] !== t3) {
				t4 = /* @__PURE__ */ React.createElement(Chip, {
					style: t1,
					label,
					size: "small",
					avatar: t3,
					onClick: handleClick,
					clickable: true
				});
				$[121] = handleClick;
				$[122] = label;
				$[123] = t3;
				$[124] = t4;
			} else t4 = $[124];
			letter = t4;
			break bb0;
		}
		case "S": {
			let t1;
			if ($[125] === Symbol.for("react.memo_cache_sentinel")) {
				t1 = { backgroundColor: lighten("#CA5010", .8) };
				$[125] = t1;
			} else t1 = $[125];
			const t2 = avatar && avatarCharacter;
			let t3;
			if ($[126] !== t2) {
				t3 = /* @__PURE__ */ React.createElement(AvatarAlphabet, {
					size: "small",
					avatarCharacter: t2
				});
				$[126] = t2;
				$[127] = t3;
			} else t3 = $[127];
			let t4;
			if ($[128] !== handleClick || $[129] !== label || $[130] !== t3) {
				t4 = /* @__PURE__ */ React.createElement(Chip, {
					style: t1,
					label,
					size: "small",
					avatar: t3,
					onClick: handleClick,
					clickable: true
				});
				$[128] = handleClick;
				$[129] = label;
				$[130] = t3;
				$[131] = t4;
			} else t4 = $[131];
			letter = t4;
			break bb0;
		}
		case "T": {
			let t1;
			if ($[132] === Symbol.for("react.memo_cache_sentinel")) {
				t1 = { backgroundColor: lighten("#C30052", .8) };
				$[132] = t1;
			} else t1 = $[132];
			const t2 = avatar && avatarCharacter;
			let t3;
			if ($[133] !== t2) {
				t3 = /* @__PURE__ */ React.createElement(AvatarAlphabet, {
					size: "small",
					avatarCharacter: t2
				});
				$[133] = t2;
				$[134] = t3;
			} else t3 = $[134];
			let t4;
			if ($[135] !== handleClick || $[136] !== label || $[137] !== t3) {
				t4 = /* @__PURE__ */ React.createElement(Chip, {
					style: t1,
					label,
					size: "small",
					avatar: t3,
					onClick: handleClick,
					clickable: true
				});
				$[135] = handleClick;
				$[136] = label;
				$[137] = t3;
				$[138] = t4;
			} else t4 = $[138];
			letter = t4;
			break bb0;
		}
		case "U": {
			let t1;
			if ($[139] === Symbol.for("react.memo_cache_sentinel")) {
				t1 = { backgroundColor: lighten("FF4343", .8) };
				$[139] = t1;
			} else t1 = $[139];
			const t2 = avatar && avatarCharacter;
			let t3;
			if ($[140] !== t2) {
				t3 = /* @__PURE__ */ React.createElement(AvatarAlphabet, {
					size: "small",
					avatarCharacter: t2
				});
				$[140] = t2;
				$[141] = t3;
			} else t3 = $[141];
			let t4;
			if ($[142] !== handleClick || $[143] !== label || $[144] !== t3) {
				t4 = /* @__PURE__ */ React.createElement(Chip, {
					style: t1,
					label,
					size: "small",
					avatar: t3,
					onClick: handleClick,
					clickable: true
				});
				$[142] = handleClick;
				$[143] = label;
				$[144] = t3;
				$[145] = t4;
			} else t4 = $[145];
			letter = t4;
			break bb0;
		}
		case "V": {
			let t1;
			if ($[146] === Symbol.for("react.memo_cache_sentinel")) {
				t1 = { backgroundColor: lighten("#9A0089", .8) };
				$[146] = t1;
			} else t1 = $[146];
			const t2 = avatar && avatarCharacter;
			let t3;
			if ($[147] !== t2) {
				t3 = /* @__PURE__ */ React.createElement(AvatarAlphabet, {
					size: "small",
					avatarCharacter: t2
				});
				$[147] = t2;
				$[148] = t3;
			} else t3 = $[148];
			let t4;
			if ($[149] !== handleClick || $[150] !== label || $[151] !== t3) {
				t4 = /* @__PURE__ */ React.createElement(Chip, {
					style: t1,
					label,
					size: "small",
					avatar: t3,
					onClick: handleClick,
					clickable: true
				});
				$[149] = handleClick;
				$[150] = label;
				$[151] = t3;
				$[152] = t4;
			} else t4 = $[152];
			letter = t4;
			break bb0;
		}
		case "W": {
			let t1;
			if ($[153] === Symbol.for("react.memo_cache_sentinel")) {
				t1 = { backgroundColor: lighten("#10893E", .8) };
				$[153] = t1;
			} else t1 = $[153];
			const t2 = avatar && avatarCharacter;
			let t3;
			if ($[154] !== t2) {
				t3 = /* @__PURE__ */ React.createElement(AvatarAlphabet, {
					size: "small",
					avatarCharacter: t2
				});
				$[154] = t2;
				$[155] = t3;
			} else t3 = $[155];
			let t4;
			if ($[156] !== handleClick || $[157] !== label || $[158] !== t3) {
				t4 = /* @__PURE__ */ React.createElement(Chip, {
					style: t1,
					label,
					size: "small",
					avatar: t3,
					onClick: handleClick,
					clickable: true
				});
				$[156] = handleClick;
				$[157] = label;
				$[158] = t3;
				$[159] = t4;
			} else t4 = $[159];
			letter = t4;
			break bb0;
		}
		case "X": {
			let t1;
			if ($[160] === Symbol.for("react.memo_cache_sentinel")) {
				t1 = { backgroundColor: lighten("#567C73", .8) };
				$[160] = t1;
			} else t1 = $[160];
			const t2 = avatar && avatarCharacter;
			let t3;
			if ($[161] !== t2) {
				t3 = /* @__PURE__ */ React.createElement(AvatarAlphabet, {
					size: "small",
					avatarCharacter: t2
				});
				$[161] = t2;
				$[162] = t3;
			} else t3 = $[162];
			let t4;
			if ($[163] !== handleClick || $[164] !== label || $[165] !== t3) {
				t4 = /* @__PURE__ */ React.createElement(Chip, {
					style: t1,
					label,
					size: "small",
					avatar: t3,
					onClick: handleClick,
					clickable: true
				});
				$[163] = handleClick;
				$[164] = label;
				$[165] = t3;
				$[166] = t4;
			} else t4 = $[166];
			letter = t4;
			break bb0;
		}
		case "Y": {
			let t1;
			if ($[167] === Symbol.for("react.memo_cache_sentinel")) {
				t1 = { backgroundColor: lighten("#018574", .8) };
				$[167] = t1;
			} else t1 = $[167];
			const t2 = avatar && avatarCharacter;
			let t3;
			if ($[168] !== t2) {
				t3 = /* @__PURE__ */ React.createElement(AvatarAlphabet, {
					size: "small",
					avatarCharacter: t2
				});
				$[168] = t2;
				$[169] = t3;
			} else t3 = $[169];
			let t4;
			if ($[170] !== handleClick || $[171] !== label || $[172] !== t3) {
				t4 = /* @__PURE__ */ React.createElement(Chip, {
					style: t1,
					label,
					size: "small",
					avatar: t3,
					onClick: handleClick,
					clickable: true
				});
				$[170] = handleClick;
				$[171] = label;
				$[172] = t3;
				$[173] = t4;
			} else t4 = $[173];
			letter = t4;
			break bb0;
		}
		case "Z": {
			let t1;
			if ($[174] === Symbol.for("react.memo_cache_sentinel")) {
				t1 = { backgroundColor: lighten("#881798", .8) };
				$[174] = t1;
			} else t1 = $[174];
			const t2 = avatar && avatarCharacter;
			let t3;
			if ($[175] !== t2) {
				t3 = /* @__PURE__ */ React.createElement(AvatarAlphabet, {
					size: "small",
					avatarCharacter: t2
				});
				$[175] = t2;
				$[176] = t3;
			} else t3 = $[176];
			let t4;
			if ($[177] !== handleClick || $[178] !== label || $[179] !== t3) {
				t4 = /* @__PURE__ */ React.createElement(Chip, {
					style: t1,
					label,
					size: "small",
					avatar: t3,
					onClick: handleClick,
					clickable: true
				});
				$[177] = handleClick;
				$[178] = label;
				$[179] = t3;
				$[180] = t4;
			} else t4 = $[180];
			letter = t4;
			break bb0;
		}
		default:
	}
	return letter;
};
//#endregion
export { ChipAlphabet };

//# sourceMappingURL=ChipAlphabet.mjs.map