@pie-lib/correct-answer-toggle 5.0.7-next.20261019015909 → 5.0.7-next.20261019062545

package/dist/index.js

@@ -8,24 +8,25 @@ import { Readable as o, color as s } from "@pie-lib/render-ui";
 import { jsx as c, jsxs as l } from "react/jsx-runtime";
 import u from "react";
 import d from "prop-types";
+import { elementLanguageAttributes as f } from "@pie-element/shared-i18n";
 //#region src/index.tsx
-function f(e) {
+function p(e) {
 	return typeof e == "function" || typeof e == "object" && !!e && typeof e.$$typeof == "symbol";
 }
-function p(e, t) {
-	return !e || f(e) ? e : f(e.default) ? e.default : t && f(e[t]) ? e[t] : t && f(e[t]?.default) ? e[t].default : e;
+function m(e, t) {
+	return !e || p(e) ? e : p(e.default) ? e.default : t && p(e[t]) ? e[t] : t && p(e[t]?.default) ? e[t].default : e;
 }
-var m = a, h = m.default, g = h && typeof h == "object" ? h : m, _ = p(o, "Readable") || p(g.Readable, "Readable"), v = {
+var h = a, g = h.default, _ = g && typeof g == "object" ? g : h, v = m(o, "Readable") || m(_.Readable, "Readable"), y = {
 	WebkitTouchCallout: "none",
 	WebkitUserSelect: "none",
 	KhtmlUserSelect: "none",
 	MozUserSelect: "none",
 	msUserSelect: "none",
 	userSelect: "none"
-}, y = n("div")(() => ({
+}, b = n("div")(() => ({
 	width: "100%",
 	cursor: "pointer"
-})), b = n("button")(() => ({
+})), x = n("button")(() => ({
 	margin: "0 auto",
 	textAlign: "center",
 	display: "flex",
@@ -41,15 +42,15 @@ var m = a, h = m.default, g = h && typeof h == "object" ? h : m, _ = p(o, "Reada
 		outline: `2px solid ${s.buttonFocusOutline()}`,
 		outlineOffset: "-2px"
 	}
-})), x = n("div")(() => ({
+})), S = n("div")(() => ({
 	width: "fit-content",
 	minWidth: "140px",
 	alignSelf: "center",
 	verticalAlign: "middle",
 	color: `var(--correct-answer-toggle-label-color, ${s.text()})`,
 	fontWeight: "normal",
-	...v
-})), S = n("div")(() => ({
+	...y
+})), C = n("div")(() => ({
 	position: "absolute",
 	width: "25px",
 	"&.enter": { opacity: "0" },
@@ -62,12 +63,12 @@ var m = a, h = m.default, g = h && typeof h == "object" ? h : m, _ = p(o, "Reada
 		opacity: "0",
 		transition: "opacity 0.3s ease-in"
 	}
-})), C = n("div")(() => ({
+})), w = n("div")(() => ({
 	width: "25px",
 	marginRight: "5px",
 	display: "flex",
 	alignItems: "center"
-})), w = class extends u.Component {
+})), T = class extends u.Component {
 	static propTypes = {
 		onToggle: d.func,
 		toggled: d.bool,
@@ -96,16 +97,17 @@ var m = a, h = m.default, g = h && typeof h == "object" ? h : m, _ = p(o, "Reada
 	}
 	render() {
 		let { className: n, toggled: a, language: o } = this.props, s = t.forLocale(o, this.relabel), u = this.props.hideMessage ?? s.t("hideCorrectAnswer"), d = this.props.showMessage ?? s.t("showCorrectAnswer");
-		return /* @__PURE__ */ c(y, {
+		return /* @__PURE__ */ c(b, {
 			className: n,
+			...f(o),
 			children: /* @__PURE__ */ c(e, {
 				show: this.state.show,
-				children: /* @__PURE__ */ l(b, {
+				children: /* @__PURE__ */ l(x, {
 					type: "button",
 					"aria-pressed": !!a,
 					onClick: this.onClick.bind(this),
 					onTouchEnd: this.onTouch.bind(this),
-					children: [/* @__PURE__ */ l(C, { children: [/* @__PURE__ */ c(r, {
+					children: [/* @__PURE__ */ l(w, { children: [/* @__PURE__ */ c(r, {
 						nodeRef: this.openIconRef,
 						timeout: 400,
 						in: a,
@@ -116,7 +118,7 @@ var m = a, h = m.default, g = h && typeof h == "object" ? h : m, _ = p(o, "Reada
 							exit: "exit",
 							exitActive: "exit-active"
 						},
-						children: /* @__PURE__ */ c(S, {
+						children: /* @__PURE__ */ c(C, {
 							ref: this.openIconRef,
 							children: /* @__PURE__ */ c(i, { open: a }, "correct-open")
 						})
@@ -131,13 +133,13 @@ var m = a, h = m.default, g = h && typeof h == "object" ? h : m, _ = p(o, "Reada
 							exit: "exit",
 							exitActive: "exit-active"
 						},
-						children: /* @__PURE__ */ c(S, {
+						children: /* @__PURE__ */ c(C, {
 							ref: this.closedIconRef,
 							children: /* @__PURE__ */ c(i, { open: a }, "correct-closed")
 						})
-					})] }), /* @__PURE__ */ c(_, {
+					})] }), /* @__PURE__ */ c(v, {
 						false: !0,
-						children: /* @__PURE__ */ c(x, {
+						children: /* @__PURE__ */ c(S, {
 							"aria-hidden": !this.state.show,
 							children: a ? u : d
 						})
@@ -148,4 +150,4 @@ var m = a, h = m.default, g = h && typeof h == "object" ? h : m, _ = p(o, "Reada
 	}
 };
 //#endregion
-export { w as CorrectAnswerToggle, w as default };
+export { T as CorrectAnswerToggle, T as default };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pie-lib/correct-answer-toggle",
-  "version": "5.0.7-next.20261019015909",
+  "version": "5.0.7-next.20261019062545",
   "description": "A react based toggle component",
   "repository": {
     "type": "git",
@@ -13,8 +13,8 @@
     "@mui/icons-material": "^7.3.4",
     "@mui/material": "^7.3.4",
     "@pie-lib/icons": "5.0.2-next.20261006160832",
-    "@pie-lib/render-ui": "8.0.7-next.20261019015909",
-    "@pie-element/shared-i18n": "0.1.2-next.20261019015909",
+    "@pie-lib/render-ui": "8.0.7-next.20261019062545",
+    "@pie-element/shared-i18n": "0.1.2-next.20261019062545",
     "prop-types": "^15.6.2",
     "react-transition-group": "^4.4.5",
     "@pie-element/shared-lodash": "0.1.3-next.20261012213240"