@thebuoyant-tsdev/mui-ts-library 3.22.0 → 3.25.0

package/dist/components/password-strength-meter/PasswordStrengthMeter.js

@@ -1,21 +1,23 @@
-import { useTimedFlag as e } from "../shared/useTimedFlag.js";
-import { scorePassword as t } from "./util/password-strength.util.js";
-import { PasswordStrengthBar as n } from "./PasswordStrengthBar.js";
-import { DEFAULT_CHECK_COLORS as r, DEFAULT_METER_COLORS as i, DEFAULT_PASSWORD_TRANSLATIONS as a } from "./PasswordStrengthMeter.types.js";
-import { useId as o, useMemo as s, useState as c } from "react";
-import { Box as ee, Button as te, FormControl as l, FormHelperText as u, IconButton as d, InputAdornment as f, InputLabel as p, OutlinedInput as m, Stack as h, Tooltip as g, Typography as _ } from "@mui/material";
+import { muiTsStateClasses as e } from "../../utils/muiTsClasses.js";
+import { passwordStrengthMeterClasses as t } from "./passwordStrengthMeterClasses.js";
+import { useTimedFlag as n } from "../shared/useTimedFlag.js";
+import { scorePassword as r } from "./util/password-strength.util.js";
+import { PasswordStrengthBar as i } from "./PasswordStrengthBar.js";
+import { DEFAULT_CHECK_COLORS as a, DEFAULT_METER_COLORS as o, DEFAULT_PASSWORD_TRANSLATIONS as s } from "./PasswordStrengthMeter.types.js";
+import { useId as ee, useMemo as te, useState as c } from "react";
+import { Box as ne, Button as re, FormControl as l, FormHelperText as u, IconButton as d, InputAdornment as f, InputLabel as p, OutlinedInput as m, Stack as h, Tooltip as g, Typography as _ } from "@mui/material";
 import { jsx as v, jsxs as y } from "react/jsx-runtime";
-import ne from "@mui/icons-material/ContentCopy";
-import re from "@mui/icons-material/Check";
-import ie from "@mui/icons-material/AutoFixHigh";
+import ie from "@mui/icons-material/ContentCopy";
+import ae from "@mui/icons-material/Check";
+import oe from "@mui/icons-material/AutoFixHigh";
 import b from "@mui/icons-material/CheckCircleOutlined";
 import x from "@mui/icons-material/ErrorOutlined";
-import ae from "@mui/icons-material/CheckCircle";
-import oe from "@mui/icons-material/Cancel";
+import se from "@mui/icons-material/CheckCircle";
+import ce from "@mui/icons-material/Cancel";
 import S from "@mui/icons-material/Visibility";
 import C from "@mui/icons-material/VisibilityOff";
 //#region src/components/password-strength-meter/PasswordStrengthMeter.tsx
-function se(e) {
+function le(e) {
 	let t = [];
 	e.upper && t.push("ABCDEFGHIJKLMNOPQRSTUVWXYZ"), e.lower && t.push("abcdefghijklmnopqrstuvwxyz"), e.numbers && t.push("0123456789"), e.symbols && t.push("!@#$%^&*()-_=+[]{}|;:,.<>?"), t.length === 0 && t.push("abcdefghijklmnopqrstuvwxyz");
 	let n = t.join(""), r = Math.max(e.length, t.length), i = new Uint32Array(Math.max(0, r - t.length));
@@ -27,7 +29,7 @@ function se(e) {
 	}
 	return s.join("");
 }
-function w({ label: e, fulfilled: t, checkColors: n }) {
+function w({ label: e, fulfilled: n, checkColors: r }) {
 	return /* @__PURE__ */ y(h, {
 		direction: "row",
 		sx: {
@@ -35,261 +37,280 @@ function w({ label: e, fulfilled: t, checkColors: n }) {
 			mb: .25
 		},
 		spacing: .5,
+		className: t.requirementItem,
 		children: [/* @__PURE__ */ v(_, {
 			variant: "caption",
 			children: e
-		}), t ? /* @__PURE__ */ v(b, {
+		}), n ? /* @__PURE__ */ v(b, {
 			"data-testid": "psm-req-success",
 			style: {
 				fontSize: 16,
-				color: n.success
+				color: r.success
 			}
 		}) : /* @__PURE__ */ v(x, {
 			"data-testid": "psm-req-failure",
 			style: {
 				fontSize: 16,
-				color: n.failure
+				color: r.failure
 			}
 		})]
 	});
 }
-function T({ value: b, confirmValue: x, name: T, inputRef: ce, disabled: E = !1, error: le = !1, helperText: D, autoComplete: ue, customRequirements: de, generatorOptions: O, showConfirmField: k = !1, showPasswordAdornment: A = !0, showMeter: j = !0, showPasswordGenerator: fe = !1, showSegmentedBar: pe = !1, showSummary: me = !0, showCopyButton: M = !1, inputSize: N = "medium", translation: he, meterColors: ge, passwordMinLength: P = 8, checkColors: F = r, onPasswordChange: I, onConfirmChange: _e, onPasswordGenerated: ve }) {
+function T({ value: b, confirmValue: x, name: T, inputRef: ue, disabled: E = !1, error: D = !1, helperText: O, autoComplete: de, customRequirements: fe, generatorOptions: k, showConfirmField: A = !1, showPasswordAdornment: j = !0, showMeter: pe = !0, showPasswordGenerator: me = !1, showSegmentedBar: he = !1, showSummary: ge = !0, showCopyButton: M = !1, inputSize: N = "medium", translation: _e, meterColors: ve, passwordMinLength: P = 8, checkColors: F = a, onPasswordChange: I, onConfirmChange: ye, onPasswordGenerated: be }) {
 	let L = {
-		...a,
-		...he
+		...s,
+		..._e
 	}, R = {
-		...i,
-		...ge
-	}, z = o(), B = `${z}-password`, [V, H] = c(!1), [U, ye] = c(!1), [be, W] = c(""), [xe, G] = c(""), [K, Se] = e(), q = b === void 0 ? be : b, J = x === void 0 ? xe : x, Y = k && J.length > 0, X = Y && q === J, Z = s(() => t(q, P), [q, P]), Ce = () => {
+		...o,
+		...ve
+	}, z = ee(), B = `${z}-password`, [V, H] = c(!1), [U, xe] = c(!1), [Se, W] = c(""), [Ce, G] = c(""), [K, we] = n(), q = b === void 0 ? Se : b, J = x === void 0 ? Ce : x, Y = A && J.length > 0, X = Y && q === J, Z = te(() => r(q, P), [q, P]), Te = () => {
 		H((e) => !e);
 	}, Q = (e) => {
 		e.preventDefault();
 	}, $ = (e) => {
 		e.preventDefault();
-	};
-	return /* @__PURE__ */ y(h, { children: [
-		/* @__PURE__ */ y(l, {
-			variant: "outlined",
-			fullWidth: !0,
-			error: le,
-			children: [
-				/* @__PURE__ */ v(p, {
-					htmlFor: B,
-					size: N,
-					children: L.label
-				}),
-				/* @__PURE__ */ v(m, {
-					id: B,
-					type: V ? "text" : "password",
-					fullWidth: !0,
-					size: N,
-					value: q,
-					onChange: (e) => {
-						let n = e.target.value;
-						b === void 0 && W(n), I && I(n, t(n, P));
-					},
-					disabled: E,
-					inputRef: ce,
-					inputProps: {
-						"data-testid": "psm-input",
-						name: T,
-						autoComplete: ue
-					},
-					endAdornment: A || M && q.length > 0 ? /* @__PURE__ */ y(f, {
-						position: "end",
-						children: [M && q.length > 0 && /* @__PURE__ */ v(g, {
-							title: K ? L.copiedLabel : L.copyPasswordLabel,
-							arrow: !0,
-							children: /* @__PURE__ */ v("span", { children: /* @__PURE__ */ v(d, {
-								"data-testid": "psm-copy",
+	}, Ee = (e) => {
+		let t = e.target.value;
+		b === void 0 && W(t), I && I(t, r(t, P));
+	}, De = (e) => {
+		let t = e.target.value;
+		x === void 0 && G(t), ye?.(t, t === q);
+	}, Oe = () => {
+		let e = le({
+			length: k?.length ?? Math.max(16, P),
+			upper: k?.upper ?? !0,
+			lower: k?.lower ?? !0,
+			numbers: k?.numbers ?? !0,
+			symbols: k?.symbols ?? !0
+		});
+		b === void 0 && W(e), x === void 0 && G(""), I?.(e, r(e, P)), be?.(e), H(!0);
+	}, ke = () => {
+		navigator.clipboard.writeText(q).then(() => {
+			we();
+		});
+	}, Ae = (e) => {
+		switch (e.meterStatus) {
+			case "weak": return R.weak;
+			case "ok": return R.ok;
+			case "good": return R.good;
+			case "very good": return R.veryGood;
+			default: return "transparent";
+		}
+	}, je = [
+		t.strengthBar,
+		Z.meterStatus === "weak" && t.strengthBarWeak,
+		Z.meterStatus === "ok" && t.strengthBarOk,
+		Z.meterStatus === "good" && t.strengthBarGood,
+		Z.meterStatus === "very good" && t.strengthBarVeryGood
+	].filter(Boolean).join(" ");
+	return /* @__PURE__ */ y(h, {
+		className: [
+			t.root,
+			E && e.disabled,
+			D && e.error
+		].filter(Boolean).join(" "),
+		children: [
+			/* @__PURE__ */ y(l, {
+				variant: "outlined",
+				fullWidth: !0,
+				error: D,
+				className: t.input,
+				children: [
+					/* @__PURE__ */ v(p, {
+						htmlFor: B,
+						size: N,
+						children: L.label
+					}),
+					/* @__PURE__ */ v(m, {
+						id: B,
+						type: V ? "text" : "password",
+						fullWidth: !0,
+						size: N,
+						value: q,
+						onChange: Ee,
+						disabled: E,
+						inputRef: ue,
+						inputProps: {
+							"data-testid": "psm-input",
+							name: T,
+							autoComplete: de
+						},
+						endAdornment: j || M && q.length > 0 ? /* @__PURE__ */ y(f, {
+							position: "end",
+							children: [M && q.length > 0 && /* @__PURE__ */ v(g, {
+								title: K ? L.copiedLabel : L.copyPasswordLabel,
+								arrow: !0,
+								children: /* @__PURE__ */ v("span", { children: /* @__PURE__ */ v(d, {
+									"data-testid": "psm-copy",
+									disabled: E,
+									"aria-label": K ? L.copiedLabel : L.copyPasswordLabel,
+									onClick: ke,
+									onMouseDown: Q,
+									onMouseUp: $,
+									edge: j ? !1 : "end",
+									children: K ? /* @__PURE__ */ v(ae, {
+										fontSize: "small",
+										color: "success"
+									}) : /* @__PURE__ */ v(ie, { fontSize: "small" })
+								}) })
+							}), j && /* @__PURE__ */ v(d, {
+								"data-testid": "psm-toggle",
 								disabled: E,
-								"aria-label": K ? L.copiedLabel : L.copyPasswordLabel,
-								onClick: () => {
-									navigator.clipboard.writeText(q).then(() => {
-										Se();
-									});
-								},
+								"aria-label": V ? L.hidePasswordLabel : L.showPasswordLabel,
+								onClick: Te,
 								onMouseDown: Q,
 								onMouseUp: $,
-								edge: A ? !1 : "end",
-								children: K ? /* @__PURE__ */ v(re, {
-									fontSize: "small",
-									color: "success"
-								}) : /* @__PURE__ */ v(ne, { fontSize: "small" })
-							}) })
-						}), A && /* @__PURE__ */ v(d, {
-							"data-testid": "psm-toggle",
-							disabled: E,
-							"aria-label": V ? L.hidePasswordLabel : L.showPasswordLabel,
-							onClick: Ce,
-							onMouseDown: Q,
-							onMouseUp: $,
-							edge: "end",
-							children: v(V ? C : S, {})
-						})]
-					}) : null,
-					label: L.label
-				}),
-				D && /* @__PURE__ */ v(u, { children: D })
-			]
-		}),
-		fe && /* @__PURE__ */ v(g, {
-			title: L.generatePasswordLabel,
-			arrow: !0,
-			children: /* @__PURE__ */ v("span", { children: /* @__PURE__ */ v(te, {
-				"data-testid": "psm-generate",
-				size: "small",
-				variant: "text",
-				startIcon: /* @__PURE__ */ v(ie, { fontSize: "small" }),
-				disabled: E,
-				onClick: () => {
-					let e = se({
-						length: O?.length ?? Math.max(16, P),
-						upper: O?.upper ?? !0,
-						lower: O?.lower ?? !0,
-						numbers: O?.numbers ?? !0,
-						symbols: O?.symbols ?? !0
-					});
-					b === void 0 && W(e), x === void 0 && G(""), I?.(e, t(e, P)), ve?.(e), H(!0);
-				},
-				sx: {
-					mt: .5,
-					alignSelf: "flex-start",
-					textTransform: "none"
-				},
-				children: L.generatePasswordLabel
-			}) })
-		}),
-		k && /* @__PURE__ */ y(l, {
-			variant: "outlined",
-			fullWidth: !0,
-			error: Y && !X,
-			sx: { mt: 1 },
-			children: [
-				/* @__PURE__ */ v(p, {
-					htmlFor: `${z}-confirm`,
-					size: N,
-					children: L.confirmLabel
-				}),
-				/* @__PURE__ */ v(m, {
-					id: `${z}-confirm`,
-					type: U ? "text" : "password",
-					fullWidth: !0,
-					size: N,
-					value: J,
-					onChange: (e) => {
-						let t = e.target.value;
-						x === void 0 && G(t), _e?.(t, t === q);
-					},
+								edge: "end",
+								children: v(V ? C : S, {})
+							})]
+						}) : null,
+						label: L.label
+					}),
+					O && /* @__PURE__ */ v(u, { children: O })
+				]
+			}),
+			me && /* @__PURE__ */ v(g, {
+				title: L.generatePasswordLabel,
+				arrow: !0,
+				children: /* @__PURE__ */ v("span", { children: /* @__PURE__ */ v(re, {
+					"data-testid": "psm-generate",
+					size: "small",
+					variant: "text",
+					startIcon: /* @__PURE__ */ v(oe, { fontSize: "small" }),
 					disabled: E,
-					inputProps: { "data-testid": "psm-confirm-input" },
-					endAdornment: /* @__PURE__ */ y(f, {
-						position: "end",
-						children: [Y && (X ? /* @__PURE__ */ v(ae, {
-							"data-testid": "psm-confirm-match",
-							sx: {
-								color: F.success,
-								mr: .5
-							},
-							fontSize: "small"
-						}) : /* @__PURE__ */ v(oe, {
-							"data-testid": "psm-confirm-mismatch",
-							sx: {
-								color: F.failure,
-								mr: .5
-							},
-							fontSize: "small"
-						})), /* @__PURE__ */ v(d, {
-							size: "small",
-							disabled: E,
-							onClick: () => ye((e) => !e),
-							onMouseDown: (e) => e.preventDefault(),
-							edge: "end",
-							"aria-label": U ? L.hidePasswordLabel : L.showPasswordLabel,
-							children: v(U ? C : S, {})
-						})]
+					onClick: Oe,
+					className: t.generatorButton,
+					sx: {
+						mt: .5,
+						alignSelf: "flex-start",
+						textTransform: "none"
+					},
+					children: L.generatePasswordLabel
+				}) })
+			}),
+			A && /* @__PURE__ */ y(l, {
+				variant: "outlined",
+				fullWidth: !0,
+				error: Y && !X,
+				sx: { mt: 1 },
+				className: t.confirmInput,
+				children: [
+					/* @__PURE__ */ v(p, {
+						htmlFor: `${z}-confirm`,
+						size: N,
+						children: L.confirmLabel
 					}),
-					label: L.confirmLabel
-				}),
-				Y && /* @__PURE__ */ v(u, {
-					sx: { color: X ? F.success : F.failure },
-					children: X ? L.confirmMatchLabel : L.confirmMismatchLabel
-				})
-			]
-		}),
-		j && /* @__PURE__ */ v(n, {
-			percent: Z.percent,
-			color: ((e) => {
-				switch (e.meterStatus) {
-					case "weak": return R.weak;
-					case "ok": return R.ok;
-					case "good": return R.good;
-					case "very good": return R.veryGood;
-					default: return "transparent";
-				}
-			})(Z),
-			ariaLabel: L.meterAriaLabel,
-			segments: pe
-		}),
-		me && /* @__PURE__ */ y(ee, {
-			"data-testid": "psm-summary",
-			sx: {
-				mt: .5,
-				p: .5
-			},
-			children: [/* @__PURE__ */ v(_, {
-				variant: "caption",
-				gutterBottom: !0,
+					/* @__PURE__ */ v(m, {
+						id: `${z}-confirm`,
+						type: U ? "text" : "password",
+						fullWidth: !0,
+						size: N,
+						value: J,
+						onChange: De,
+						disabled: E,
+						inputProps: { "data-testid": "psm-confirm-input" },
+						endAdornment: /* @__PURE__ */ y(f, {
+							position: "end",
+							children: [Y && (X ? /* @__PURE__ */ v(se, {
+								"data-testid": "psm-confirm-match",
+								sx: {
+									color: F.success,
+									mr: .5
+								},
+								fontSize: "small"
+							}) : /* @__PURE__ */ v(ce, {
+								"data-testid": "psm-confirm-mismatch",
+								sx: {
+									color: F.failure,
+									mr: .5
+								},
+								fontSize: "small"
+							})), /* @__PURE__ */ v(d, {
+								size: "small",
+								disabled: E,
+								onClick: () => xe((e) => !e),
+								onMouseDown: (e) => e.preventDefault(),
+								edge: "end",
+								"aria-label": U ? L.hidePasswordLabel : L.showPasswordLabel,
+								children: v(U ? C : S, {})
+							})]
+						}),
+						label: L.confirmLabel
+					}),
+					Y && /* @__PURE__ */ v(u, {
+						sx: { color: X ? F.success : F.failure },
+						children: X ? L.confirmMatchLabel : L.confirmMismatchLabel
+					})
+				]
+			}),
+			pe && /* @__PURE__ */ v(i, {
+				percent: Z.percent,
+				color: Ae(Z),
+				ariaLabel: L.meterAriaLabel,
+				segments: he,
+				className: je
+			}),
+			ge && /* @__PURE__ */ y(ne, {
+				"data-testid": "psm-summary",
 				sx: {
-					display: "block",
-					fontSize: 14
+					mt: .5,
+					p: .5
 				},
-				children: L.summaryHeaderLabel
-			}), /* @__PURE__ */ y(h, {
-				direction: "row",
-				spacing: 6,
-				children: [/* @__PURE__ */ y(h, {
-					direction: "column",
-					children: [
-						/* @__PURE__ */ v(w, {
-							label: L.summaryMinChars.replace("{n}", String(P)),
-							fulfilled: Z.length >= P,
-							checkColors: F
-						}),
-						/* @__PURE__ */ v(w, {
-							label: L.summaryCapitalLetter,
-							fulfilled: Z.hasUpper,
-							checkColors: F
-						}),
-						/* @__PURE__ */ v(w, {
-							label: L.summaryLowerCaseLetter,
-							fulfilled: Z.hasLower,
-							checkColors: F
-						})
-					]
+				className: t.summary,
+				children: [/* @__PURE__ */ v(_, {
+					variant: "caption",
+					gutterBottom: !0,
+					sx: {
+						display: "block",
+						fontSize: 14
+					},
+					children: L.summaryHeaderLabel
 				}), /* @__PURE__ */ y(h, {
-					direction: "column",
-					children: [
-						/* @__PURE__ */ v(w, {
-							label: L.summaryNumber,
-							fulfilled: Z.hasDigit,
-							checkColors: F
-						}),
-						/* @__PURE__ */ v(w, {
-							label: L.summarySpecialChar,
-							fulfilled: Z.hasSymbol,
-							checkColors: F
-						}),
-						de?.map((e, t) => /* @__PURE__ */ v(w, {
-							label: e.label,
-							fulfilled: typeof e.fulfilled == "function" ? e.fulfilled(q) : e.fulfilled,
-							checkColors: F
-						}, t))
-					]
+					direction: "row",
+					spacing: 6,
+					children: [/* @__PURE__ */ y(h, {
+						direction: "column",
+						children: [
+							/* @__PURE__ */ v(w, {
+								label: L.summaryMinChars.replace("{n}", String(P)),
+								fulfilled: Z.length >= P,
+								checkColors: F
+							}),
+							/* @__PURE__ */ v(w, {
+								label: L.summaryCapitalLetter,
+								fulfilled: Z.hasUpper,
+								checkColors: F
+							}),
+							/* @__PURE__ */ v(w, {
+								label: L.summaryLowerCaseLetter,
+								fulfilled: Z.hasLower,
+								checkColors: F
+							})
+						]
+					}), /* @__PURE__ */ y(h, {
+						direction: "column",
+						children: [
+							/* @__PURE__ */ v(w, {
+								label: L.summaryNumber,
+								fulfilled: Z.hasDigit,
+								checkColors: F
+							}),
+							/* @__PURE__ */ v(w, {
+								label: L.summarySpecialChar,
+								fulfilled: Z.hasSymbol,
+								checkColors: F
+							}),
+							fe?.map((e, t) => /* @__PURE__ */ v(w, {
+								label: e.label,
+								fulfilled: typeof e.fulfilled == "function" ? e.fulfilled(q) : e.fulfilled,
+								checkColors: F
+							}, t))
+						]
+					})]
 				})]
-			})]
-		})
-	] });
+			})
+		]
+	});
 }
 //#endregion
 export { T as PasswordStrengthMeter };

package/dist/components/password-strength-meter/passwordStrengthMeterClasses.d.ts

@@ -0,0 +1,40 @@
+/**
+ * CSS class names for every named slot in the PasswordStrengthMeter component.
+ *
+ * Use these to style individual parts of the component without relying on
+ * MUI's internal class names, which can change between versions.
+ *
+ * @example
+ * ```css
+ * .MuiTsPasswordStrengthMeter-strengthBar.MuiTsPasswordStrengthMeter-strengthBarWeak {
+ *   /* custom weak-strength color *\/
+ * }
+ * .MuiTsPasswordStrengthMeter-root.MuiTs-error .MuiTsPasswordStrengthMeter-input {
+ *   border-color: red;
+ * }
+ * ```
+ */
+export declare const passwordStrengthMeterClasses: {
+    /** The outermost wrapper element. Also receives `MuiTs-disabled` and `MuiTs-error` state classes. */
+    readonly root: "MuiTsPasswordStrengthMeter-root";
+    /** The FormControl wrapping the main password input field. */
+    readonly input: "MuiTsPasswordStrengthMeter-input";
+    /** The "Generate password" button (only present when `showPasswordGenerator={true}`). */
+    readonly generatorButton: "MuiTsPasswordStrengthMeter-generatorButton";
+    /** The FormControl wrapping the confirm password input (only when `showConfirmField={true}`). */
+    readonly confirmInput: "MuiTsPasswordStrengthMeter-confirmInput";
+    /** The strength progress bar element. Also receives one of the strength state classes below. */
+    readonly strengthBar: "MuiTsPasswordStrengthMeter-strengthBar";
+    /** Added to the strength bar when the password is weak (score 0–25 %). */
+    readonly strengthBarWeak: "MuiTsPasswordStrengthMeter-strengthBarWeak";
+    /** Added to the strength bar when the password is acceptable (score ~50 %). */
+    readonly strengthBarOk: "MuiTsPasswordStrengthMeter-strengthBarOk";
+    /** Added to the strength bar when the password is good (score ~75 %). */
+    readonly strengthBarGood: "MuiTsPasswordStrengthMeter-strengthBarGood";
+    /** Added to the strength bar when the password is very good (score 100 %). */
+    readonly strengthBarVeryGood: "MuiTsPasswordStrengthMeter-strengthBarVeryGood";
+    /** The requirements summary box below the bar (only when `showSummary={true}`). */
+    readonly summary: "MuiTsPasswordStrengthMeter-summary";
+    /** Each individual requirement row (label + check/error icon). */
+    readonly requirementItem: "MuiTsPasswordStrengthMeter-requirementItem";
+};

package/dist/components/password-strength-meter/passwordStrengthMeterClasses.js

@@ -0,0 +1,16 @@
+//#region src/components/password-strength-meter/passwordStrengthMeterClasses.ts
+var e = {
+	root: "MuiTsPasswordStrengthMeter-root",
+	input: "MuiTsPasswordStrengthMeter-input",
+	generatorButton: "MuiTsPasswordStrengthMeter-generatorButton",
+	confirmInput: "MuiTsPasswordStrengthMeter-confirmInput",
+	strengthBar: "MuiTsPasswordStrengthMeter-strengthBar",
+	strengthBarWeak: "MuiTsPasswordStrengthMeter-strengthBarWeak",
+	strengthBarOk: "MuiTsPasswordStrengthMeter-strengthBarOk",
+	strengthBarGood: "MuiTsPasswordStrengthMeter-strengthBarGood",
+	strengthBarVeryGood: "MuiTsPasswordStrengthMeter-strengthBarVeryGood",
+	summary: "MuiTsPasswordStrengthMeter-summary",
+	requirementItem: "MuiTsPasswordStrengthMeter-requirementItem"
+};
+//#endregion
+export { e as passwordStrengthMeterClasses };