@logora/debate 0.2.1 → 0.2.2

package/dist/components/progress/progress_bar/ProgressBar.js

@@ -1,54 +1,53 @@
-import { __toESM as e } from "../../../_virtual/_rolldown/runtime.js";
-import { require_jsx_runtime as t } from "../../../node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js";
-import { require_classnames as n } from "../../../node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/index.js";
-import r from "../../../node_modules/.pnpm/react-intl@7.1.14_react@18.3.1_typescript@5.9.3/node_modules/react-intl/lib/src/components/useIntl.js";
-import i from "./ProgressBar.module.js";
+import e from "./ProgressBar.module.js";
 import "react";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+import r from "classnames";
+import { useIntl as i } from "react-intl";
 //#region src/components/progress/progress_bar/ProgressBar.jsx
-var a = /* @__PURE__ */ e(n()), o = t(), s = ({ goal: e, progress: t, title: n, showPercentageSubtitle: s = !1, showProgressSubtitle: c = !1, barFull: l = !1, progressUnit: u, className: d, innerClassName: f, subtitleClassName: p, children: m }) => {
-	let h = r(), g = Number(((e === 0 ? 0 : t || 0) / (e === 0 ? 1 : e) * 100).toFixed(1));
-	return /* @__PURE__ */ (0, o.jsxs)("div", {
-		className: i.progressContainer,
-		children: [/* @__PURE__ */ (0, o.jsxs)("div", {
-			className: i.titleContainer,
+var a = ({ goal: a, progress: o, title: s, showPercentageSubtitle: c = !1, showProgressSubtitle: l = !1, barFull: u = !1, progressUnit: d, className: f, innerClassName: p, subtitleClassName: m, children: h }) => {
+	let g = i(), _ = Number(((a === 0 ? 0 : o || 0) / (a === 0 ? 1 : a) * 100).toFixed(1));
+	return /* @__PURE__ */ n("div", {
+		className: e.progressContainer,
+		children: [/* @__PURE__ */ n("div", {
+			className: e.titleContainer,
 			children: [
-				n && /* @__PURE__ */ (0, o.jsx)("div", {
-					className: i.title,
-					children: n
+				s && /* @__PURE__ */ t("div", {
+					className: e.title,
+					children: s
 				}),
-				c && /* @__PURE__ */ (0, o.jsx)("div", {
-					className: (0, a.default)(i.subtitleContainer, p),
-					children: l ? /* @__PURE__ */ (0, o.jsx)("span", {
-						className: i.progressSubtitle,
-						children: `${t} ${u || ""}`
-					}) : /* @__PURE__ */ (0, o.jsx)("span", {
-						className: i.progressSubtitle,
-						children: `${t || 0} / ${e} ${u || ""} (${g}%)`
+				l && /* @__PURE__ */ t("div", {
+					className: r(e.subtitleContainer, m),
+					children: u ? /* @__PURE__ */ t("span", {
+						className: e.progressSubtitle,
+						children: `${o} ${d || ""}`
+					}) : /* @__PURE__ */ t("span", {
+						className: e.progressSubtitle,
+						children: `${o || 0} / ${a} ${d || ""} (${_}%)`
 					})
 				}),
-				s && /* @__PURE__ */ (0, o.jsx)("div", {
-					className: (0, a.default)(i.subtitleContainer, p),
-					children: /* @__PURE__ */ (0, o.jsx)("span", { children: `${g}%` })
+				c && /* @__PURE__ */ t("div", {
+					className: r(e.subtitleContainer, m),
+					children: /* @__PURE__ */ t("span", { children: `${_}%` })
 				})
 			]
-		}), /* @__PURE__ */ (0, o.jsx)("div", {
-			className: (0, a.default)(i.progressBarContainer, d),
-			children: /* @__PURE__ */ (0, o.jsx)("div", {
-				className: i.currentProgressBar,
-				style: { width: g >= 100 || l ? "100%" : g + "%" },
+		}), /* @__PURE__ */ t("div", {
+			className: r(e.progressBarContainer, f),
+			children: /* @__PURE__ */ t("div", {
+				className: e.currentProgressBar,
+				style: { width: _ >= 100 || u ? "100%" : _ + "%" },
 				role: "progressbar",
 				"aria-valuemin": "0",
-				"aria-valuenow": g >= 100 || l ? 100 : g,
+				"aria-valuenow": _ >= 100 || u ? 100 : _,
 				"aria-valuemax": "100",
-				"aria-label": h.formatMessage({
+				"aria-label": g.formatMessage({
 					id: "progress.progress_bar.aria_label",
 					defaultMessage: "Progress bar"
 				}),
-				children: /* @__PURE__ */ (0, o.jsx)("div", {
-					className: (0, a.default)(i.progressBar, f),
-					children: /* @__PURE__ */ (0, o.jsx)("div", {
-						className: i.progressBarContent,
-						children: m
+				children: /* @__PURE__ */ t("div", {
+					className: r(e.progressBar, p),
+					children: /* @__PURE__ */ t("div", {
+						className: e.progressBarContent,
+						children: h
 					})
 				})
 			})
@@ -56,4 +55,4 @@ var a = /* @__PURE__ */ e(n()), o = t(), s = ({ goal: e, progress: t, title: n,
 	});
 };
 //#endregion
-export { s as ProgressBar };
+export { a as ProgressBar };

package/dist/components/proposal/proposal_box/ProposalBox.js

@@ -1,103 +1,102 @@
-import { __toESM as e } from "../../../_virtual/_rolldown/runtime.js";
-import { require_jsx_runtime as t } from "../../../node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js";
-import { require_classnames as n } from "../../../node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/index.js";
-import { useAuth as r } from "../../auth/use_auth/useAuth.js";
-import { useConfig as i } from "../../data/config_provider/useConfig.js";
-import a from "../../../node_modules/.pnpm/react-intl@7.1.14_react@18.3.1_typescript@5.9.3/node_modules/react-intl/lib/src/components/useIntl.js";
-import { ReadMore as o } from "../../text/read_more/ReadMore.js";
-import { HashScroll as s } from "../../tools/hash_scroll/HashScroll.js";
-import { useTranslatedContent as c } from "../../translation/translated_content/useTranslatedContent.js";
-import { TranslationButton as l } from "../../translation/translation_button/TranslationButton.js";
-import { ContentFooter as u } from "../../user_content/content_footer/ContentFooter.js";
-import { ContentHeader as d } from "../../user_content/content_header/ContentHeader.js";
-import { lexicalToHtml as f } from "../../input/text_editor/lexicalToHtml.js";
-import { UpDownVoteBox as p } from "../../vote/up_down_vote_box/UpDownVoteBox.js";
-import m from "./ProposalBox.module.js";
-import { useEffect as h, useState as g } from "react";
+import { useAuth as e } from "../../auth/use_auth/useAuth.js";
+import { useConfig as t } from "../../data/config_provider/useConfig.js";
+import { ReadMore as n } from "../../text/read_more/ReadMore.js";
+import { HashScroll as r } from "../../tools/hash_scroll/HashScroll.js";
+import { useTranslatedContent as i } from "../../translation/translated_content/useTranslatedContent.js";
+import { TranslationButton as a } from "../../translation/translation_button/TranslationButton.js";
+import { ContentFooter as o } from "../../user_content/content_footer/ContentFooter.js";
+import { ContentHeader as s } from "../../user_content/content_header/ContentHeader.js";
+import { lexicalToHtml as c } from "../../input/text_editor/lexicalToHtml.js";
+import { UpDownVoteBox as l } from "../../vote/up_down_vote_box/UpDownVoteBox.js";
+import u from "./ProposalBox.module.js";
+import { useEffect as d, useState as f } from "react";
+import { Fragment as p, jsx as m, jsxs as h } from "react/jsx-runtime";
+import g from "classnames";
+import { useIntl as _ } from "react-intl";
 //#region src/components/proposal/proposal_box/ProposalBox.jsx
-var _ = /* @__PURE__ */ e(n()), v = t(), y = ({ proposal: e, disabled: t = !1, fixedContentHeight: n, contentMaxHeight: y = 156, enableEdition: b = !0, hideFooter: x = !1 }) => {
-	let [S, C] = g(null), [w, T] = g(!1), E = a(), D = i(), { currentUser: O } = r(), k = O?.moderation_status === "banned", A = `proposal_${e.id}`, j = c(e.title, e.language, "title", e.translation_entries), M = c(e.content, e.language, "content", e.translation_entries);
-	h(() => {
-		if (e.rich_content) {
-			let t = JSON.parse(e.rich_content);
-			t.hasOwnProperty("root") && C(f(t));
+var v = ({ proposal: v, disabled: y = !1, fixedContentHeight: b, contentMaxHeight: x = 156, enableEdition: S = !0, hideFooter: C = !1 }) => {
+	let [w, T] = f(null), [E, D] = f(!1), O = _(), k = t(), { currentUser: A } = e(), j = A?.moderation_status === "banned", M = `proposal_${v.id}`, N = i(v.title, v.language, "title", v.translation_entries), P = i(v.content, v.language, "content", v.translation_entries);
+	d(() => {
+		if (v.rich_content) {
+			let e = JSON.parse(v.rich_content);
+			e.hasOwnProperty("root") && T(c(e));
 		}
-	}, [e.rich_content]);
-	let N = () => {
-		j.toggleContent(), M.toggleContent();
+	}, [v.rich_content]);
+	let F = () => {
+		N.toggleContent(), P.toggleContent();
 	};
-	return /* @__PURE__ */ (0, v.jsx)(s, {
-		elementId: A,
-		onScroll: () => T(!0),
-		children: /* @__PURE__ */ (0, v.jsxs)("div", {
-			className: (0, _.default)(m.proposalBoxContainer, { [m.flash]: w }),
-			id: A,
+	return /* @__PURE__ */ m(r, {
+		elementId: M,
+		onScroll: () => D(!0),
+		children: /* @__PURE__ */ h("div", {
+			className: g(u.proposalBoxContainer, { [u.flash]: E }),
+			id: M,
 			children: [
-				/* @__PURE__ */ (0, v.jsx)(d, {
-					author: e.author,
-					tag: e.tag?.display_name,
-					date: e.created_at,
+				/* @__PURE__ */ m(s, {
+					author: v.author,
+					tag: v.tag?.display_name,
+					date: v.created_at,
 					oneLine: !1
 				}),
-				/* @__PURE__ */ (0, v.jsx)("div", {
-					className: (0, _.default)(m.proposalBoxContent, { [m.fixedHeight]: n }),
-					children: /* @__PURE__ */ (0, v.jsx)("div", { children: /* @__PURE__ */ (0, v.jsx)(o, {
-						content: /* @__PURE__ */ (0, v.jsxs)(v.Fragment, { children: [
-							e.is_edited && /* @__PURE__ */ (0, v.jsx)("div", {
-								className: m.edited,
-								children: E.formatMessage({
+				/* @__PURE__ */ m("div", {
+					className: g(u.proposalBoxContent, { [u.fixedHeight]: b }),
+					children: /* @__PURE__ */ m("div", { children: /* @__PURE__ */ m(n, {
+						content: /* @__PURE__ */ h(p, { children: [
+							v.is_edited && /* @__PURE__ */ m("div", {
+								className: u.edited,
+								children: O.formatMessage({
 									id: "proposal.updated",
 									defaultMessage: "Updated proposal"
 								})
 							}),
-							/* @__PURE__ */ (0, v.jsx)("div", {
-								className: m.proposalTitle,
-								children: j.translatedContent
+							/* @__PURE__ */ m("div", {
+								className: u.proposalTitle,
+								children: N.translatedContent
 							}),
-							S && !M.isTranslated ? /* @__PURE__ */ (0, v.jsx)("div", {
-								className: m.proposalContent,
-								dangerouslySetInnerHTML: { __html: S }
-							}) : /* @__PURE__ */ (0, v.jsx)("div", {
-								className: m.proposalContent,
-								children: M.translatedContent
+							w && !P.isTranslated ? /* @__PURE__ */ m("div", {
+								className: u.proposalContent,
+								dangerouslySetInnerHTML: { __html: w }
+							}) : /* @__PURE__ */ m("div", {
+								className: u.proposalContent,
+								children: P.translatedContent
 							}),
-							(M.isTranslated || j.isTranslated) && /* @__PURE__ */ (0, v.jsx)(l, {
-								language: e.language,
-								callback: () => N()
+							(P.isTranslated || N.isTranslated) && /* @__PURE__ */ m(a, {
+								language: v.language,
+								callback: () => F()
 							})
 						] }),
 						lineCount: 7,
-						readMoreText: E.formatMessage({
+						readMoreText: O.formatMessage({
 							id: "action.read_more",
 							defaultMessage: "Read more"
 						}),
-						readLessText: E.formatMessage({
+						readLessText: O.formatMessage({
 							id: "action.read_less",
 							defaultMessage: "Read less"
 						})
 					}) })
 				}),
-				!x && /* @__PURE__ */ (0, v.jsx)(u, {
-					resource: e,
-					disabled: t || k,
+				!C && /* @__PURE__ */ m(o, {
+					resource: v,
+					disabled: y || j,
 					reportType: "Proposal",
 					deleteType: "proposals",
 					deleteListId: "proposalsList",
 					shareModal: !0,
-					shareModalTitle: E.formatMessage({ id: "share.proposal" }),
-					shareUrl: `https://app.logora.fr/share/p/${e.id}`,
-					shareTitle: E.formatMessage({ id: "share.proposal.title" }),
-					shareText: E.formatMessage({ id: "share.proposal.text" }),
-					shareCode: `<iframe src="https://cdn.logora.com/embed.html?shortname=${D.shortname}&id=${e.id}&resource=proposal" frameborder="0" width="100%" height="335px" scrolling="no"></iframe>`,
-					showShareCode: D?.actions?.hideCodeShare !== !0,
-					showActions: !e.author.consultation_id,
-					enableEdition: b,
-					children: /* @__PURE__ */ (0, v.jsx)(p, {
+					shareModalTitle: O.formatMessage({ id: "share.proposal" }),
+					shareUrl: `https://app.logora.fr/share/p/${v.id}`,
+					shareTitle: O.formatMessage({ id: "share.proposal.title" }),
+					shareText: O.formatMessage({ id: "share.proposal.text" }),
+					shareCode: `<iframe src="https://cdn.logora.com/embed.html?shortname=${k.shortname}&id=${v.id}&resource=proposal" frameborder="0" width="100%" height="335px" scrolling="no"></iframe>`,
+					showShareCode: k?.actions?.hideCodeShare !== !0,
+					showActions: !v.author.consultation_id,
+					enableEdition: S,
+					children: /* @__PURE__ */ m(l, {
 						voteableType: "Proposal",
-						voteableId: e.id,
-						totalUpvote: e.total_upvotes,
-						totalDownvote: e.total_downvotes,
-						disabled: t || O?.id === e?.author?.id || k
+						voteableId: v.id,
+						totalUpvote: v.total_upvotes,
+						totalDownvote: v.total_downvotes,
+						disabled: y || A?.id === v?.author?.id || j
 					})
 				})
 			]
@@ -105,4 +104,4 @@ var _ = /* @__PURE__ */ e(n()), v = t(), y = ({ proposal: e, disabled: t = !1, f
 	});
 };
 //#endregion
-export { y as ProposalBox };
+export { v as ProposalBox };

package/dist/components/report/report_box/ReportBox.js

@@ -1,102 +1,101 @@
-import { __toESM as e } from "../../../_virtual/_rolldown/runtime.js";
-import { require_jsx_runtime as t } from "../../../node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js";
-import { Icon as n } from "../../icons/icon/Icon.js";
-import { require_classnames as r } from "../../../node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/index.js";
-import i from "../../../node_modules/.pnpm/react-intl@7.1.14_react@18.3.1_typescript@5.9.3/node_modules/react-intl/lib/src/components/useIntl.js";
-import { Argument as a } from "../../argument/argument/Argument.js";
-import { ProposalBox as o } from "../../proposal/proposal_box/ProposalBox.js";
-import { SuggestionBox as s } from "../../suggestion/suggestion_box/SuggestionBox.js";
-import c from "./ReportBox.module.js";
-import { useEffect as l, useState as u } from "react";
+import { Icon as e } from "../../icons/icon/Icon.js";
+import { Argument as t } from "../../argument/argument/Argument.js";
+import { ProposalBox as n } from "../../proposal/proposal_box/ProposalBox.js";
+import { SuggestionBox as r } from "../../suggestion/suggestion_box/SuggestionBox.js";
+import i from "./ReportBox.module.js";
+import { useEffect as a, useState as o } from "react";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+import l from "classnames";
+import { useIntl as u } from "react-intl";
 //#region src/components/report/report_box/ReportBox.jsx
-var d = /* @__PURE__ */ e(r()), f = t(), p = ({ report: e, flash: t }) => {
-	let r = i(), [p, m] = u(!1);
-	l(() => {
-		if (t === e.id) {
-			let t = document.getElementById(`reports_${e.id}`);
-			t && t.scrollIntoView({
+var d = ({ report: d, flash: f }) => {
+	let p = u(), [m, h] = o(!1);
+	a(() => {
+		if (f === d.id) {
+			let e = document.getElementById(`reports_${d.id}`);
+			e && e.scrollIntoView({
 				behavior: "smooth",
 				block: "center"
-			}), m(!0);
-		} else m(!1);
-	}, [t, e.id]);
-	let h = () => {
-		let { reportable_type: t, reportable: n } = e;
-		switch (t) {
+			}), h(!0);
+		} else h(!1);
+	}, [f, d.id]);
+	let g = () => {
+		let { reportable_type: e, reportable: i } = d;
+		switch (e) {
 			case "Message": {
-				let t = e.is_processed === !0 && e.reportable?.status === "rejected";
-				return /* @__PURE__ */ (0, f.jsx)(a, {
-					argument: n,
-					positions: n.group?.group_context?.positions?.slice(0, 2) || [],
+				let e = d.is_processed === !0 && d.reportable?.status === "rejected";
+				return /* @__PURE__ */ s(t, {
+					argument: i,
+					positions: i.group?.group_context?.positions?.slice(0, 2) || [],
 					hideReplies: !0,
 					hideFooter: !0,
 					showModerationFeedback: !1,
-					hideContent: t
+					hideContent: e
 				});
 			}
-			case "Proposal": return /* @__PURE__ */ (0, f.jsx)(o, {
-				proposal: n,
+			case "Proposal": return /* @__PURE__ */ s(n, {
+				proposal: i,
 				hideFooter: !0
 			});
-			case "Group": return /* @__PURE__ */ (0, f.jsx)(s, {
-				suggestion: n,
+			case "Group": return /* @__PURE__ */ s(r, {
+				suggestion: i,
 				hideFooter: !0
 			});
-			default: return /* @__PURE__ */ (0, f.jsx)("div", { children: r.formatMessage({
+			default: return /* @__PURE__ */ s("div", { children: p.formatMessage({
 				id: "report.unknown_type",
 				defaultMessage: " Unknown content type"
 			}) });
 		}
-	}, g = (e, t) => e ? t === "rejected" ? /* @__PURE__ */ (0, f.jsx)("div", {
-		className: c.statusMessage,
+	}, _ = (e, t) => e ? t === "rejected" ? /* @__PURE__ */ s("div", {
+		className: i.statusMessage,
 		"data-testid": "report-status-message",
-		children: r.formatMessage({
+		children: p.formatMessage({
 			id: "report.content_header.status_rejected",
 			defaultMessage: "Thank you for your report. After verification, the content has been removed."
 		})
-	}) : /* @__PURE__ */ (0, f.jsx)("div", {
-		className: c.statusMessage,
-		children: r.formatMessage({
+	}) : /* @__PURE__ */ s("div", {
+		className: i.statusMessage,
+		children: p.formatMessage({
 			id: "report.content_header.status_accepted",
 			defaultMessage: "Thank you for your report. After verification, we have not removed the content."
 		})
-	}) : /* @__PURE__ */ (0, f.jsx)("div", {
-		className: c.statusMessage,
-		children: r.formatMessage({
+	}) : /* @__PURE__ */ s("div", {
+		className: i.statusMessage,
+		children: p.formatMessage({
 			id: "report.content_header.status_pending",
 			defaultMessage: "The report is currently in process"
 		})
 	});
-	return /* @__PURE__ */ (0, f.jsx)("div", {
-		id: `reports_${e.id}`,
-		className: (0, d.default)(c.reportBox, { [c.reportHighlighted]: p }),
-		children: e && /* @__PURE__ */ (0, f.jsxs)("div", {
-			className: c.reportItem,
-			children: [/* @__PURE__ */ (0, f.jsxs)("div", {
-				className: c.reportHeader,
-				children: [e.classification && /* @__PURE__ */ (0, f.jsxs)("div", {
-					className: c.reportReason,
+	return /* @__PURE__ */ s("div", {
+		id: `reports_${d.id}`,
+		className: l(i.reportBox, { [i.reportHighlighted]: m }),
+		children: d && /* @__PURE__ */ c("div", {
+			className: i.reportItem,
+			children: [/* @__PURE__ */ c("div", {
+				className: i.reportHeader,
+				children: [d.classification && /* @__PURE__ */ c("div", {
+					className: i.reportReason,
 					children: [
-						/* @__PURE__ */ (0, f.jsx)(n, {
+						/* @__PURE__ */ s(e, {
 							name: "announcement",
 							width: 18,
 							height: 18,
-							className: c.warningIcon
+							className: i.warningIcon
 						}),
-						r.formatMessage({
+						p.formatMessage({
 							id: "report.content_header.moderation_reason",
 							defaultMessage: "Report reason:"
 						}),
 						" ",
-						r.messages[`report.content_header.moderation_reason.${e.classification.toLowerCase()}`] ? r.formatMessage({
-							id: `report.content_header.moderation_reason.${e.classification.toLowerCase()}`,
-							defaultMessage: e.classification
-						}) : e.classification
+						p.messages[`report.content_header.moderation_reason.${d.classification.toLowerCase()}`] ? p.formatMessage({
+							id: `report.content_header.moderation_reason.${d.classification.toLowerCase()}`,
+							defaultMessage: d.classification
+						}) : d.classification
 					]
-				}), g(e.is_processed, e.reportable?.status)]
-			}), h()]
+				}), _(d.is_processed, d.reportable?.status)]
+			}), g()]
 		})
 	});
 };
 //#endregion
-export { p as default };
+export { d as default };

package/dist/components/section/section_box/SectionBox.js

@@ -1,40 +1,39 @@
-import { __toESM as e } from "../../../_virtual/_rolldown/runtime.js";
-import { require_jsx_runtime as t } from "../../../node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js";
-import { Icon as n } from "../../icons/icon/Icon.js";
-import { require_classnames as r } from "../../../node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/index.js";
-import { useResponsive as i } from "../../hooks/use_responsive/useResponsive.js";
-import a from "./SectionBox.module.js";
-import { useState as o } from "react";
+import { Icon as e } from "../../icons/icon/Icon.js";
+import { useResponsive as t } from "../../hooks/use_responsive/useResponsive.js";
+import n from "./SectionBox.module.js";
+import { useState as r } from "react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import o from "classnames";
 //#region src/components/section/section_box/SectionBox.jsx
-var s = /* @__PURE__ */ e(r()), c = t(), l = ({ isCollapsible: e = !1, isCollapsedByDefault: t = !1, title: r, subtitle: l = "", className: u, titleClassName: d, children: f }) => {
-	let [p, m] = o(t), { isMobile: h } = i(), g = () => {
-		e && m((e) => !e);
+var s = ({ isCollapsible: s = !1, isCollapsedByDefault: c = !1, title: l, subtitle: u = "", className: d, titleClassName: f, children: p }) => {
+	let [m, h] = r(c), { isMobile: g } = t(), _ = () => {
+		s && h((e) => !e);
 	};
-	return /* @__PURE__ */ (0, c.jsxs)("div", {
-		className: (0, s.default)(a.sectionBoxContainer, { [a.isMobile]: h }),
-		children: [/* @__PURE__ */ (0, c.jsxs)("div", {
-			className: (0, s.default)(a.header, { [a.collapsible]: e }),
-			onClick: e ? g : null,
-			children: [/* @__PURE__ */ (0, c.jsxs)("div", {
-				className: a.titleContainer,
-				children: [/* @__PURE__ */ (0, c.jsx)("div", {
-					className: (0, s.default)(d, a.title),
-					children: r
-				}), l && /* @__PURE__ */ (0, c.jsx)("div", {
-					className: (0, s.default)(u, a.subtitle),
+	return /* @__PURE__ */ a("div", {
+		className: o(n.sectionBoxContainer, { [n.isMobile]: g }),
+		children: [/* @__PURE__ */ a("div", {
+			className: o(n.header, { [n.collapsible]: s }),
+			onClick: s ? _ : null,
+			children: [/* @__PURE__ */ a("div", {
+				className: n.titleContainer,
+				children: [/* @__PURE__ */ i("div", {
+					className: o(f, n.title),
 					children: l
+				}), u && /* @__PURE__ */ i("div", {
+					className: o(d, n.subtitle),
+					children: u
 				})]
-			}), e && /* @__PURE__ */ (0, c.jsx)(n, {
+			}), s && /* @__PURE__ */ i(e, {
 				name: "lightArrow",
-				className: (0, s.default)(a.iconLightArrow, { [a.iconRotated]: !p }),
+				className: o(n.iconLightArrow, { [n.iconRotated]: !m }),
 				height: 15,
 				width: 15
 			})]
-		}), (!p || !e) && /* @__PURE__ */ (0, c.jsx)("div", {
-			className: (0, s.default)(a.body, u),
-			children: f
+		}), (!m || !s) && /* @__PURE__ */ i("div", {
+			className: o(n.body, d),
+			children: p
 		})]
 	});
 };
 //#endregion
-export { l as SectionBox };
+export { s as SectionBox };