@team-monolith/cds 1.130.0-alpha.4 → 1.130.0-alpha.6

package/dist/patterns/LexicalEditor/nodes/ProblemInputNode/SettingForm/SettingForm.js

@@ -3,50 +3,51 @@ import { stdin_default as t } from "../../../../../node_modules/.pnpm/remixicon@
 import { stdin_default as n } from "../../../../../node_modules/.pnpm/remixicon@4.3.0/node_modules/remixicon/icons/System/add-fill.js";
 import { stdin_default as r } from "../../../../../node_modules/.pnpm/remixicon@4.3.0/node_modules/remixicon/icons/System/alarm-warning-fill.js";
 import { stdin_default as i } from "../../../../../node_modules/.pnpm/remixicon@4.3.0/node_modules/remixicon/icons/System/question-fill.js";
-import { Button as a } from "../../../../../components/Button.js";
-import { Tooltip as o } from "../../../../../components/Tooltip.js";
-import { FormSolution as s } from "./FormSolution.js";
-import { FormSegmentedControl as c } from "./FormSegmentedControl.js";
-import { getTexts as l } from "../../../../../texts.js";
-import { FormPlaceholder as u } from "./FormPlaceholder.js";
-import { $isProblemInputNode as d } from "../ProblemInputNode.js";
-import { css as f, useTheme as p } from "@emotion/react";
-import m from "@emotion/styled";
-import { jsx as h, jsxs as g } from "@emotion/react/jsx-runtime";
-import { Trans as _, useTranslation as v } from "react-i18next";
+import { Trans as a } from "../../../../../node_modules/.pnpm/react-i18next@15.7.3_i18next@25.5.2_typescript@5.5.4__react-dom@18.2.0_react@18.2.0__react@18.2.0_typescript@5.5.4/node_modules/react-i18next/dist/es/Trans.js";
+import { useTranslation as o } from "../../../../../node_modules/.pnpm/react-i18next@15.7.3_i18next@25.5.2_typescript@5.5.4__react-dom@18.2.0_react@18.2.0__react@18.2.0_typescript@5.5.4/node_modules/react-i18next/dist/es/useTranslation.js";
+import { Button as s } from "../../../../../components/Button.js";
+import { Tooltip as c } from "../../../../../components/Tooltip.js";
+import { FormSolution as l } from "./FormSolution.js";
+import { FormSegmentedControl as u } from "./FormSegmentedControl.js";
+import { getTexts as d } from "../../../../../texts.js";
+import { FormPlaceholder as f } from "./FormPlaceholder.js";
+import { $isProblemInputNode as p } from "../ProblemInputNode.js";
+import { css as m, useTheme as h } from "@emotion/react";
+import g from "@emotion/styled";
+import { jsx as _, jsxs as v } from "@emotion/react/jsx-runtime";
 import { $getNodeByKey as y } from "lexical";
 import { useLexicalComposerContext as b } from "@lexical/react/LexicalComposerContext";
 import { useFieldArray as x, useForm as S } from "react-hook-form";
 //#region src/cds/patterns/LexicalEditor/nodes/ProblemInputNode/SettingForm/SettingForm.tsx
 function C(e) {
-	let { solutions: m, showCharacterNumber: C, placeholder: M, nodeKey: N, onClose: P, caseSensitive: F, ignoreWhitespace: I } = e, [L] = b(), { t: R } = v(), z = R("글자 수대로"), { control: B, handleSubmit: V, watch: H, trigger: U } = S({
+	let { solutions: g, showCharacterNumber: C, placeholder: M, nodeKey: N, onClose: P, caseSensitive: F, ignoreWhitespace: I } = e, [L] = b(), { t: R } = o(), z = R("글자 수대로"), { control: B, handleSubmit: V, watch: H, trigger: U } = S({
 		mode: "all",
 		defaultValues: {
-			solutions: m,
+			solutions: g,
 			showCharacterNumber: C,
 			placeholder: M,
 			caseSensitive: F,
 			ignoreWhitespace: I
 		}
-	}), W = p(), { fields: G, append: K, remove: q } = x({
+	}), W = h(), { fields: G, append: K, remove: q } = x({
 		control: B,
 		name: "solutions",
 		keyName: "uid"
 	}), J = (e) => {
 		L.update(() => {
 			let t = y(N);
-			d(t) && (t.setSolutions(e.solutions), t.setShowCharacterNumber(e.showCharacterNumber), t.setPlaceholder(e.placeholder), t.setCaseSensitive(e.caseSensitive), t.setIgnoreWhitespace(e.ignoreWhitespace));
+			p(t) && (t.setSolutions(e.solutions), t.setShowCharacterNumber(e.showCharacterNumber), t.setPlaceholder(e.placeholder), t.setCaseSensitive(e.caseSensitive), t.setIgnoreWhitespace(e.ignoreWhitespace));
 		}), P();
 	}, Y = H("showCharacterNumber");
-	return /* @__PURE__ */ g(w, {
+	return /* @__PURE__ */ v(w, {
 		onSubmit: V(J),
 		children: [
-			/* @__PURE__ */ g(T, { children: [/* @__PURE__ */ h(t, { css: f`
+			/* @__PURE__ */ v(T, { children: [/* @__PURE__ */ _(t, { css: m`
             width: 12px;
             height: 12px;
           ` }), R("주관식 입력 칸", { context: "렉시컬 주관식 설정창" })] }),
-			/* @__PURE__ */ g(E, { children: [/* @__PURE__ */ g(D, { children: [
-				/* @__PURE__ */ g(O, { children: [/* @__PURE__ */ h(A, { children: R("정답", { context: "소제목, 렉시컬 주관식 설정창" }) }), G.map((e, t) => /* @__PURE__ */ h(s, {
+			/* @__PURE__ */ v(E, { children: [/* @__PURE__ */ v(D, { children: [
+				/* @__PURE__ */ v(O, { children: [/* @__PURE__ */ _(A, { children: R("정답", { context: "소제목, 렉시컬 주관식 설정창" }) }), G.map((e, t) => /* @__PURE__ */ _(l, {
 					index: t,
 					control: B,
 					rules: { validate: {
@@ -57,10 +58,10 @@ function C(e) {
 						q(t);
 					}
 				}, e.uid))] }),
-				/* @__PURE__ */ h(a, {
+				/* @__PURE__ */ _(s, {
 					color: "grey",
 					size: "small",
-					startIcon: /* @__PURE__ */ h(n, {}),
+					startIcon: /* @__PURE__ */ _(n, {}),
 					label: R("복수 정답 추가"),
 					disabled: Y,
 					onClick: () => {
@@ -70,31 +71,31 @@ function C(e) {
 						});
 					}
 				}),
-				/* @__PURE__ */ g("div", {
-					css: f`
+				/* @__PURE__ */ v("div", {
+					css: m`
               display: flex;
               gap: 4px;
             `,
-					children: [/* @__PURE__ */ h(r, {
+					children: [/* @__PURE__ */ _(r, {
 						color: W.color.foreground.neutralBaseDisabled,
-						css: f`
+						css: m`
                 width: 14px;
                 height: 14px;
               `
-					}), /* @__PURE__ */ h(A, { children: R("가능한 정답을 모두 추가해야 원활하게 자동 채점할 수 있어요.") })]
+					}), /* @__PURE__ */ _(A, { children: R("가능한 정답을 모두 추가해야 원활하게 자동 채점할 수 있어요.") })]
 				})
-			] }), /* @__PURE__ */ g(k, { children: [
-				/* @__PURE__ */ g(O, { children: [/* @__PURE__ */ g(A, { children: [R("입력 칸"), /* @__PURE__ */ h(o, {
-					text: /* @__PURE__ */ h("span", { children: /* @__PURE__ */ h(_, {
+			] }), /* @__PURE__ */ v(k, { children: [
+				/* @__PURE__ */ v(O, { children: [/* @__PURE__ */ v(A, { children: [R("입력 칸"), /* @__PURE__ */ _(c, {
+					text: /* @__PURE__ */ _("span", { children: /* @__PURE__ */ _(a, {
 						i18nKey: "예를 들어 정답이 '글자 수'이고<br /><strong>{{numCharOptionStr}}</strong> 옵션을 선택했다면<br />입력 칸이 '☐☐ ☐' 처럼 표시됩니다.",
 						values: { numCharOptionStr: z }
 					}) }),
 					placement: "top",
-					children: /* @__PURE__ */ h(i, { css: f`
+					children: /* @__PURE__ */ _(i, { css: m`
                     width: 12px;
                     height: 12px;
                   ` })
-				})] }), /* @__PURE__ */ h(c, {
+				})] }), /* @__PURE__ */ _(u, {
 					control: B,
 					trigger: U,
 					name: "showCharacterNumber",
@@ -106,15 +107,15 @@ function C(e) {
 						label: z
 					}]
 				})] }),
-				/* @__PURE__ */ g(O, { children: [/* @__PURE__ */ g(A, { children: [R("자리 표시자", { context: "렉시컬 주관식 설정창" }), /* @__PURE__ */ h(o, {
-					text: l(R, "descriptionDefaultInputText"),
+				/* @__PURE__ */ v(O, { children: [/* @__PURE__ */ v(A, { children: [R("자리 표시자", { context: "렉시컬 주관식 설정창" }), /* @__PURE__ */ _(c, {
+					text: d(R, "descriptionDefaultInputText"),
 					placement: "top",
-					children: /* @__PURE__ */ h(i, { css: f`
+					children: /* @__PURE__ */ _(i, { css: m`
                     width: 12px;
                     height: 12px;
                   ` })
-				})] }), /* @__PURE__ */ h(u, { control: B })] }),
-				/* @__PURE__ */ g(O, { children: [/* @__PURE__ */ h(A, { children: R("띄어쓰기") }), /* @__PURE__ */ h(c, {
+				})] }), /* @__PURE__ */ _(f, { control: B })] }),
+				/* @__PURE__ */ v(O, { children: [/* @__PURE__ */ _(A, { children: R("띄어쓰기") }), /* @__PURE__ */ _(u, {
 					control: B,
 					trigger: U,
 					name: "ignoreWhitespace",
@@ -126,7 +127,7 @@ function C(e) {
 						label: R("포함하기")
 					}]
 				})] }),
-				/* @__PURE__ */ g(O, { children: [/* @__PURE__ */ h(A, { children: R("대소문자") }), /* @__PURE__ */ h(c, {
+				/* @__PURE__ */ v(O, { children: [/* @__PURE__ */ _(A, { children: R("대소문자") }), /* @__PURE__ */ _(u, {
 					control: B,
 					trigger: U,
 					name: "caseSensitive",
@@ -139,12 +140,12 @@ function C(e) {
 					}]
 				})] })
 			] })] }),
-			/* @__PURE__ */ g(j, { children: [/* @__PURE__ */ h(a, {
+			/* @__PURE__ */ v(j, { children: [/* @__PURE__ */ _(s, {
 				color: "grey",
 				size: "xsmall",
 				label: R("닫기", { context: "렉시컬 도구 설정창" }),
 				onClick: P
-			}), /* @__PURE__ */ h(a, {
+			}), /* @__PURE__ */ _(s, {
 				color: "primary",
 				size: "xsmall",
 				label: R("이대로 넣기", { context: "렉시컬 도구 설정창" }),
@@ -153,7 +154,7 @@ function C(e) {
 		]
 	});
 }
-var w = m.form(({ theme: t }) => f`
+var w = g.form(({ theme: t }) => m`
     display: flex;
     width: 620px;
     flex-direction: column;
@@ -161,7 +162,7 @@ var w = m.form(({ theme: t }) => f`
     border: 1px solid ${t.color.background.neutralAltActive};
     background: ${t.color.background.neutralBase};
     box-shadow: ${e.shadow08};
-  `), T = m.div(({ theme: e }) => f`
+  `), T = g.div(({ theme: e }) => m`
     display: flex;
     padding: 8px 12px;
     gap: 4px;
@@ -173,28 +174,28 @@ var w = m.form(({ theme: t }) => f`
     font-style: normal;
     font-weight: 500;
     line-height: 16px; /* 133.333% */
-  `), E = m.div(({ theme: e }) => f`
+  `), E = g.div(({ theme: e }) => m`
     display: flex;
     border-top: 1px solid ${e.color.background.neutralAltActive};
     border-bottom: 1px solid ${e.color.background.neutralAltActive};
-  `), D = m.div`
+  `), D = g.div`
   display: flex;
   flex-direction: column;
   padding: 12px;
   gap: 12px;
   flex: 1;
-`, O = m.div`
+`, O = g.div`
   display: flex;
   flex-direction: column;
   gap: 8px;
-`, k = m.div`
+`, k = g.div`
   display: flex;
   box-sizing: border-box;
   width: 240px;
   flex-direction: column;
   padding: 12px;
   gap: 12px;
-`, A = m.div(({ theme: e }) => f`
+`, A = g.div(({ theme: e }) => m`
     display: flex;
     gap: 4px;
     align-items: center;
@@ -205,7 +206,7 @@ var w = m.form(({ theme: t }) => f`
     font-style: normal;
     font-weight: 500;
     line-height: 16px; /* 133.333% */
-  `), j = m.div`
+  `), j = g.div`
   display: flex;
   padding: 12px;
   justify-content: flex-end;

package/dist/patterns/LexicalEditor/nodes/ProblemInputNode/SettingForm/TextTypeDropdown.js

@@ -1,22 +1,22 @@
-import { Dropdown as e } from "../../../../Dropdown/Dropdown.js";
-import { DropdownItem as t } from "../../../../Dropdown/DropdownItem/DropdownItem.js";
-import { css as n, useTheme as r } from "@emotion/react";
-import { useTranslation as i } from "react-i18next";
+import { useTranslation as e } from "../../../../../node_modules/.pnpm/react-i18next@15.7.3_i18next@25.5.2_typescript@5.5.4__react-dom@18.2.0_react@18.2.0__react@18.2.0_typescript@5.5.4/node_modules/react-i18next/dist/es/useTranslation.js";
+import { Dropdown as t } from "../../../../Dropdown/Dropdown.js";
+import { DropdownItem as n } from "../../../../Dropdown/DropdownItem/DropdownItem.js";
+import { css as r, useTheme as i } from "@emotion/react";
 import { jsx as a } from "react/jsx-runtime";
 import { Controller as o } from "react-hook-form";
 //#region src/cds/patterns/LexicalEditor/nodes/ProblemInputNode/SettingForm/TextTypeDropdown.tsx
 function s(s) {
-	let c = r(), { index: l, control: u, disabled: d } = s, { t: f } = i(), p = f("일반 텍스트"), m = f("코드 텍스트");
+	let c = i(), { index: l, control: u, disabled: d } = s, { t: f } = e(), p = f("일반 텍스트"), m = f("코드 텍스트");
 	return /* @__PURE__ */ a(o, {
 		name: `solutions.${l}.textType`,
 		control: u,
-		render: ({ field: { value: r, onChange: i } }) => /* @__PURE__ */ a(e, {
-			label: r === "normal" ? p : m,
+		render: ({ field: { value: e, onChange: i } }) => /* @__PURE__ */ a(t, {
+			label: e === "normal" ? p : m,
 			size: "xsmall",
 			color: "textNeutral",
 			closeOnItemClick: !0,
 			disabled: d,
-			buttonCss: n`
+			buttonCss: r`
             ${d && `color: ${c.color.foreground.neutralAlt};`}
             > span {
               font-weight: 700;
@@ -32,11 +32,11 @@ function s(s) {
 					horizontal: "center"
 				}
 			},
-			children: /* @__PURE__ */ a(t, {
+			children: /* @__PURE__ */ a(n, {
 				index: 0,
-				label: r === "normal" ? m : p,
+				label: e === "normal" ? m : p,
 				onClick: () => {
-					i(r === "normal" ? "code" : "normal");
+					i(e === "normal" ? "code" : "normal");
 				}
 			})
 		})

package/dist/patterns/LexicalEditor/nodes/ProblemSelectNode/SelectBox/SelectBoxView.js

@@ -1,24 +1,24 @@
 import { stdin_default as e } from "../../../../../node_modules/.pnpm/remixicon@4.3.0/node_modules/remixicon/icons/System/check-fill.js";
 import { stdin_default as t } from "../../../../../node_modules/.pnpm/remixicon@4.3.0/node_modules/remixicon/icons/System/checkbox-circle-fill.js";
 import { stdin_default as n } from "../../../../../node_modules/.pnpm/remixicon@4.3.0/node_modules/remixicon/icons/System/close-circle-fill.js";
-import { Tag as r } from "../../../../../components/Tag.js";
-import { SelectBoxComponent as i } from "./SelectBoxComponent.js";
-import { css as a } from "@emotion/react";
-import { useRef as o } from "react";
-import { jsx as s } from "@emotion/react/jsx-runtime";
-import { useTranslation as c } from "react-i18next";
+import { useTranslation as r } from "../../../../../node_modules/.pnpm/react-i18next@15.7.3_i18next@25.5.2_typescript@5.5.4__react-dom@18.2.0_react@18.2.0__react@18.2.0_typescript@5.5.4/node_modules/react-i18next/dist/es/useTranslation.js";
+import { Tag as i } from "../../../../../components/Tag.js";
+import { SelectBoxComponent as a } from "./SelectBoxComponent.js";
+import { css as o } from "@emotion/react";
+import { useRef as s } from "react";
+import { jsx as c } from "@emotion/react/jsx-runtime";
 import { useEventListener as l } from "usehooks-ts";
 //#region src/cds/patterns/LexicalEditor/nodes/ProblemSelectNode/SelectBox/SelectBoxView.tsx
 var u = (r) => ({
-	primary: /* @__PURE__ */ s(e, { css: a`
+	primary: /* @__PURE__ */ c(e, { css: o`
           width: 12px;
           height: 12px;
         ` }),
-	success: /* @__PURE__ */ s(t, { css: a`
+	success: /* @__PURE__ */ c(t, { css: o`
           width: 12px;
           height: 12px;
         ` }),
-	danger: /* @__PURE__ */ s(n, { css: a`
+	danger: /* @__PURE__ */ c(n, { css: o`
           width: 12px;
           height: 12px;
         ` })
@@ -36,7 +36,7 @@ function d(e, t, n, r) {
 	};
 }
 function f(e) {
-	let { multipleSelectionsEnabled: n, index: f, isSelected: p, isAnswer: m, image: h, text: g, onClick: _ } = e, { t: v } = c(), { type: y, description: b } = d(p, m, _, v), x = o(null);
+	let { multipleSelectionsEnabled: n, index: f, isSelected: p, isAnswer: m, image: h, text: g, onClick: _ } = e, { t: v } = r(), { type: y, description: b } = d(p, m, _, v), x = s(null);
 	l("keydown", (e) => {
 		_ && document.activeElement === x.current && (e.key === " " || e.key === "Enter") && (e.preventDefault(), _());
 	});
@@ -44,8 +44,8 @@ function f(e) {
 		index: f,
 		context: "렉시컬 선택지 도구"
 	});
-	return /* @__PURE__ */ s(i, {
-		css: a`
+	return /* @__PURE__ */ c(a, {
+		css: o`
         width: 100%;
       `,
 		ref: x,
@@ -58,11 +58,11 @@ function f(e) {
 		image: h,
 		text: g,
 		onClick: _,
-		endIcon: m && !p && /* @__PURE__ */ s(r, {
+		endIcon: m && !p && /* @__PURE__ */ c(i, {
 			label: v("정답", { context: "태그, 렉시컬 선택지" }),
-			icon: /* @__PURE__ */ s(t, {}),
+			icon: /* @__PURE__ */ c(t, {}),
 			color: "green",
-			css: a`
+			css: o`
               span {
                 font-weight: 700;
               }

package/dist/patterns/LexicalEditor/nodes/ProblemSelectNode/SelectComponent.js

@@ -1,35 +1,35 @@
 import { SquareButton as e } from "../../../../components/SquareButton.js";
 import { stdin_default as t } from "../../../../node_modules/.pnpm/remixicon@4.3.0/node_modules/remixicon/icons/System/alarm-warning-fill.js";
 import { stdin_default as n } from "../../../../node_modules/.pnpm/remixicon@4.3.0/node_modules/remixicon/icons/System/settings-3-fill.js";
-import { LexicalCustomConfigContext as r } from "../../LexicalCustomConfigContext.js";
-import { getTexts as i } from "../../../../texts.js";
-import { SelectBoxEdit as a } from "./SelectBox/SelectBoxEdit.js";
-import { SelectBoxView as o } from "./SelectBox/SelectBoxView.js";
-import { SettingForm as s } from "./SettingForm/SettingForm.js";
-import { $isProblemSelectNode as c } from "./ProblemSelectNode.js";
-import { css as l } from "@emotion/react";
-import { useContext as u, useState as d } from "react";
-import f from "@emotion/styled";
-import { Fragment as p, jsx as m, jsxs as h } from "@emotion/react/jsx-runtime";
-import { useTranslation as g } from "react-i18next";
+import { useTranslation as r } from "../../../../node_modules/.pnpm/react-i18next@15.7.3_i18next@25.5.2_typescript@5.5.4__react-dom@18.2.0_react@18.2.0__react@18.2.0_typescript@5.5.4/node_modules/react-i18next/dist/es/useTranslation.js";
+import { LexicalCustomConfigContext as i } from "../../LexicalCustomConfigContext.js";
+import { getTexts as a } from "../../../../texts.js";
+import { SelectBoxEdit as o } from "./SelectBox/SelectBoxEdit.js";
+import { SelectBoxView as s } from "./SelectBox/SelectBoxView.js";
+import { SettingForm as c } from "./SettingForm/SettingForm.js";
+import { $isProblemSelectNode as l } from "./ProblemSelectNode.js";
+import { css as u } from "@emotion/react";
+import { useContext as d, useState as f } from "react";
+import p from "@emotion/styled";
+import { Fragment as m, jsx as h, jsxs as g } from "@emotion/react/jsx-runtime";
 import { $getNodeByKey as _ } from "lexical";
 import { useLexicalComposerContext as v } from "@lexical/react/LexicalComposerContext";
 import { useLexicalEditable as y } from "@lexical/react/useLexicalEditable";
 //#region src/cds/patterns/LexicalEditor/nodes/ProblemSelectNode/SelectComponent.tsx
-function b(f) {
-	let { selected: b, hasMultipleSolutions: S, selections: C, nodeKey: w } = f, [T] = v(), { t: E } = g(), [D, O] = d(!1), k = y(), { freezeProblemNode: A, showQuizSolution: j } = u(r), M = S || S === void 0 && C.filter((e) => "isAnswer" in e && e.isAnswer).length > 1;
-	return k ? /* @__PURE__ */ h(p, { children: [/* @__PURE__ */ h("div", {
-		css: l`
+function b(p) {
+	let { selected: b, hasMultipleSolutions: S, selections: C, nodeKey: w } = p, [T] = v(), { t: E } = r(), [D, O] = f(!1), k = y(), { freezeProblemNode: A, showQuizSolution: j } = d(i), M = S || S === void 0 && C.filter((e) => "isAnswer" in e && e.isAnswer).length > 1;
+	return k ? /* @__PURE__ */ g(m, { children: [/* @__PURE__ */ g("div", {
+		css: u`
           display: flex;
           gap: 4px;
         `,
-		children: [/* @__PURE__ */ m("div", {
-			css: l`
+		children: [/* @__PURE__ */ h("div", {
+			css: u`
             display: flex;
             flex-direction: column;
             gap: 4px;
           `,
-			children: C.map((e, t) => /* @__PURE__ */ m(a, {
+			children: C.map((e, t) => /* @__PURE__ */ h(o, {
 				index: t + 1,
 				isAnswer: "isAnswer" in e && e.isAnswer,
 				image: e.show.image,
@@ -39,21 +39,21 @@ function b(f) {
 				}) : e.show.text,
 				onClick: () => O(!0)
 			}, t))
-		}), /* @__PURE__ */ m(e, {
+		}), /* @__PURE__ */ h(e, {
 			size: "small",
 			color: "icon",
-			icon: /* @__PURE__ */ m(n, {}),
+			icon: /* @__PURE__ */ h(n, {}),
 			onClick: () => {
 				O(!0);
 			},
 			"aria-label": E("선택지 설정", { context: "렉시컬 선택지 도구" })
 		})]
-	}), D && /* @__PURE__ */ m(s, {
+	}), D && /* @__PURE__ */ h(c, {
 		selections: C,
 		nodeKey: w,
 		onClose: () => O(!1)
-	})] }) : /* @__PURE__ */ h("fieldset", {
-		css: l`
+	})] }) : /* @__PURE__ */ g("fieldset", {
+		css: u`
           display: flex;
           flex-direction: column;
           gap: 4px;
@@ -61,10 +61,10 @@ function b(f) {
           margin: 0;
           padding: 0;
         `,
-		children: [M && /* @__PURE__ */ h(x, { children: [/* @__PURE__ */ m(t, { css: l`
+		children: [M && /* @__PURE__ */ g(x, { children: [/* @__PURE__ */ h(t, { css: u`
                 width: 14px;
                 height: 14px;
-              ` }), i(E, "multipleChoicesProblem")] }), C.map((e, t) => /* @__PURE__ */ m(o, {
+              ` }), a(E, "multipleChoicesProblem")] }), C.map((e, t) => /* @__PURE__ */ h(s, {
 			multipleSelectionsEnabled: M,
 			index: t + 1,
 			isAnswer: j && "isAnswer" in e ? e.isAnswer : void 0,
@@ -74,16 +74,16 @@ function b(f) {
 			onClick: A ? void 0 : () => {
 				b.includes(e.value) ? T.update(() => {
 					let t = _(w);
-					c(t) && t.setSelected(b.filter((t) => t !== e.value));
+					l(t) && t.setSelected(b.filter((t) => t !== e.value));
 				}) : T.update(() => {
 					let t = _(w);
-					c(t) && (M ? t.setSelected([...b, e.value]) : t.setSelected([e.value]));
+					l(t) && (M ? t.setSelected([...b, e.value]) : t.setSelected([e.value]));
 				});
 			}
 		}, t))]
 	});
 }
-var x = f.div(({ theme: e }) => l`
+var x = p.div(({ theme: e }) => u`
     display: flex;
     gap: 4px;
     margin-bottom: 12px;

package/dist/patterns/LexicalEditor/nodes/ProblemSelectNode/SettingForm/FormSelection.js

@@ -3,33 +3,33 @@ import { stdin_default as t } from "../../../../../node_modules/.pnpm/remixicon@
 import { stdin_default as n } from "../../../../../node_modules/.pnpm/remixicon@4.3.0/node_modules/remixicon/icons/Media/image-edit-fill.js";
 import { stdin_default as r } from "../../../../../node_modules/.pnpm/remixicon@4.3.0/node_modules/remixicon/icons/System/delete-bin-line.js";
 import { stdin_default as i } from "../../../../../node_modules/.pnpm/remixicon@4.3.0/node_modules/remixicon/icons/System/error-warning-fill.js";
-import { Input as a } from "../../../../../components/Input.js";
-import { Switch as o } from "../../../../../components/Switch.js";
-import { InsertImageDialog as s } from "../../../components/InsertImageDialog/InsertImageDialog.js";
-import { css as c } from "@emotion/react";
-import { useState as l } from "react";
-import u from "@emotion/styled";
-import { jsx as d, jsxs as f } from "@emotion/react/jsx-runtime";
-import { useTranslation as p } from "react-i18next";
+import { useTranslation as a } from "../../../../../node_modules/.pnpm/react-i18next@15.7.3_i18next@25.5.2_typescript@5.5.4__react-dom@18.2.0_react@18.2.0__react@18.2.0_typescript@5.5.4/node_modules/react-i18next/dist/es/useTranslation.js";
+import { Input as o } from "../../../../../components/Input.js";
+import { Switch as s } from "../../../../../components/Switch.js";
+import { InsertImageDialog as c } from "../../../components/InsertImageDialog/InsertImageDialog.js";
+import { css as l } from "@emotion/react";
+import { useState as u } from "react";
+import d from "@emotion/styled";
+import { jsx as f, jsxs as p } from "@emotion/react/jsx-runtime";
 import { useController as m } from "react-hook-form";
 //#region src/cds/patterns/LexicalEditor/nodes/ProblemSelectNode/SettingForm/FormSelection.tsx
-function h(u) {
-	let { index: h, control: y, rules: b, onDelete: x } = u, [S, C] = l(!1), [w, T] = l(!1), { t: E } = p(), { field: { value: D, onChange: O }, fieldState: { invalid: k, error: A } } = m({
+function h(d) {
+	let { index: h, control: y, rules: b, onDelete: x } = d, [S, C] = u(!1), [w, T] = u(!1), { t: E } = a(), { field: { value: D, onChange: O }, fieldState: { invalid: k, error: A } } = m({
 		control: y,
 		name: `selections.${h}`,
 		rules: b
 	});
-	return /* @__PURE__ */ f(g, { children: [
-		/* @__PURE__ */ d(_, { children: h + 1 }),
-		/* @__PURE__ */ f("div", {
-			css: c`
+	return /* @__PURE__ */ p(g, { children: [
+		/* @__PURE__ */ f(_, { children: h + 1 }),
+		/* @__PURE__ */ p("div", {
+			css: l`
           display: flex;
           flex: 1;
           flex-direction: column;
           gap: 4px;
         `,
 			children: [
-				/* @__PURE__ */ d(s, {
+				/* @__PURE__ */ f(c, {
 					title: D.show.image ? E("이미지 바꾸기", { context: "제목, 이미지 삽입 다이얼로그" }) : E("이미지 삽입하기", { context: "제목, 이미지 삽입 다이얼로그" }),
 					open: S,
 					imageProps: D.show.image ?? void 0,
@@ -51,10 +51,10 @@ function h(u) {
 						});
 					} : void 0
 				}),
-				D.show.image && /* @__PURE__ */ d("img", {
+				D.show.image && /* @__PURE__ */ f("img", {
 					src: D.show.image.src,
 					alt: D.show.image.altText,
-					css: c`
+					css: l`
               height: auto;
               // 이미지로 인해 좌우로 스크롤이 생기는 것을 방지
               max-width: min(400px, 100%);
@@ -63,7 +63,7 @@ function h(u) {
             `,
 					draggable: "false"
 				}),
-				/* @__PURE__ */ d(a, {
+				/* @__PURE__ */ f(o, {
 					size: "small",
 					color: k ? "activeDanger" : w ? "activePrimary" : "default",
 					value: D.show.text,
@@ -86,34 +86,34 @@ function h(u) {
 						index: h + 1,
 						context: "렉시컬 선택지 도구"
 					}),
-					hintIcon: k ? /* @__PURE__ */ d(i, {}) : void 0,
+					hintIcon: k ? /* @__PURE__ */ f(i, {}) : void 0,
 					hintText: A?.message,
 					multiline: !0,
 					fullWidth: !0,
-					css: c`
+					css: l`
             flex: 1;
           `
 				})
 			]
 		}),
-		/* @__PURE__ */ f("div", {
-			css: c`
+		/* @__PURE__ */ p("div", {
+			css: l`
           display: flex;
           height: 36px;
           gap: 8px;
           align-items: center;
         `,
 			children: [
-				/* @__PURE__ */ d(e, {
+				/* @__PURE__ */ f(e, {
 					color: "icon",
 					size: "xsmall",
-					icon: D.show.image ? /* @__PURE__ */ d(n, {}) : /* @__PURE__ */ d(t, {}),
+					icon: D.show.image ? /* @__PURE__ */ f(n, {}) : /* @__PURE__ */ f(t, {}),
 					onClick: () => {
 						C(!0);
 					},
 					"aria-label": D.show.image ? E("이미지 바꾸기", { context: "스퀘어버튼, 렉시컬 도구 설정창" }) : E("이미지 삽입하기", { context: "스퀘어버튼, 렉시컬 도구 설정창" })
 				}),
-				/* @__PURE__ */ f(v, { children: [E("정답", { context: "정오답 여부 선택 스위치 라벨, 렉시컬 도구 설정창" }), /* @__PURE__ */ d(o, {
+				/* @__PURE__ */ p(v, { children: [E("정답", { context: "정오답 여부 선택 스위치 라벨, 렉시컬 도구 설정창" }), /* @__PURE__ */ f(s, {
 					checked: !!D.isAnswer,
 					size: "small",
 					onChange: () => {
@@ -123,10 +123,10 @@ function h(u) {
 						});
 					}
 				})] }),
-				x && /* @__PURE__ */ d(e, {
+				x && /* @__PURE__ */ f(e, {
 					color: "white",
 					size: "xsmall",
-					icon: /* @__PURE__ */ d(r, {}),
+					icon: /* @__PURE__ */ f(r, {}),
 					onClick: x,
 					"aria-label": E("삭제", { context: "스퀘어버튼, 렉시컬 객관식 설정창" })
 				})
@@ -134,13 +134,13 @@ function h(u) {
 		})
 	] });
 }
-var g = u.div(({ theme: e }) => c`
+var g = d.div(({ theme: e }) => l`
     display: flex;
     padding: 4px 12px;
     gap: 8px;
     border-radius: 8px;
     background: ${e.color.background.neutralAlt};
-  `), _ = u.div(({ theme: e }) => c`
+  `), _ = d.div(({ theme: e }) => l`
     display: flex;
     box-sizing: border-box;
     width: 20px;
@@ -157,7 +157,7 @@ var g = u.div(({ theme: e }) => c`
     font-size: 14px;
     font-weight: 800;
     line-height: 16px;
-  `), v = u.label(({ theme: e }) => c`
+  `), v = d.label(({ theme: e }) => l`
     display: flex;
     align-items: center;
     padding-right: 4px;