@team-monolith/cds 1.129.2-alpha.3 → 1.129.3-alpha

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

@@ -1,20 +1,20 @@
-import { Input as e } from "../../../../../components/Input.js";
-import { getTexts as t } from "../../../../../texts.js";
-import { useTranslation as n } 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 { Input as t } from "../../../../../components/Input.js";
+import { getTexts as n } from "../../../../../texts.js";
 import { jsx as r } from "react/jsx-runtime";
 import { Controller as i } from "react-hook-form";
 //#region src/cds/patterns/LexicalEditor/nodes/ProblemInputNode/SettingForm/FormPlaceholder.tsx
 function a(a) {
-	let { control: o } = a, { t: s } = n();
+	let { control: o } = a, { t: s } = e();
 	return /* @__PURE__ */ r(i, {
 		name: "placeholder",
 		control: o,
-		render: ({ field: { value: n, onChange: i } }) => /* @__PURE__ */ r(e, {
+		render: ({ field: { value: e, onChange: i } }) => /* @__PURE__ */ r(t, {
 			size: "small",
 			color: "default",
-			value: n,
+			value: e,
 			onChange: i,
-			placeholder: t(s, "exampleEnterHere")
+			placeholder: n(s, "exampleEnterHere")
 		})
 	});
 }

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

@@ -2,59 +2,60 @@ 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/alert-fill.js";
 import { stdin_default as n } from "../../../../../node_modules/.pnpm/remixicon@4.3.0/node_modules/remixicon/icons/System/delete-bin-line.js";
 import { stdin_default as r } from "../../../../../node_modules/.pnpm/remixicon@4.3.0/node_modules/remixicon/icons/System/error-warning-fill.js";
-import { Input as i } from "../../../../../components/Input.js";
-import { Tooltip as a } from "../../../../../components/Tooltip.js";
-import { TextTypeDropdown as o } from "./TextTypeDropdown.js";
-import { css as s, useTheme as c } from "@emotion/react";
-import { jsx as l, jsxs as u } from "@emotion/react/jsx-runtime";
-import { Trans as d, useTranslation as f } from "react-i18next";
+import { Trans as i } 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 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 { Tooltip as s } from "../../../../../components/Tooltip.js";
+import { TextTypeDropdown as c } from "./TextTypeDropdown.js";
+import { css as l, useTheme as u } from "@emotion/react";
+import { jsx as d, jsxs as f } from "@emotion/react/jsx-runtime";
 import { Controller as p } from "react-hook-form";
 //#region src/cds/patterns/LexicalEditor/nodes/ProblemInputNode/SettingForm/FormSolution.tsx
 function m(m) {
-	let { index: h, control: g, rules: _, onDelete: v } = m, y = c(), { t: b } = f();
-	return /* @__PURE__ */ l(p, {
+	let { index: h, control: g, rules: _, onDelete: v } = m, y = u(), { t: b } = a();
+	return /* @__PURE__ */ d(p, {
 		name: `solutions.${h}.value`,
 		control: g,
 		rules: _,
-		render: ({ field: { value: c, onChange: f }, fieldState: { invalid: p, error: m } }) => {
+		render: ({ field: { value: a, onChange: u }, fieldState: { invalid: p, error: m } }) => {
 			let _ = m?.type === "enabled";
-			return /* @__PURE__ */ l(i, {
+			return /* @__PURE__ */ d(o, {
 				size: "small",
 				color: p ? "activeDanger" : "default",
-				onChange: f,
+				onChange: u,
 				disabled: _,
-				value: c,
-				hintIcon: !_ && p ? /* @__PURE__ */ l(r, {}) : void 0,
+				value: a,
+				hintIcon: !_ && p ? /* @__PURE__ */ d(r, {}) : void 0,
 				hintText: _ ? void 0 : m?.message,
 				placeholder: b("안녕하세요"),
 				fullWidth: !0,
-				css: s`
+				css: l`
               > div {
                 padding: 4px 12px;
               }
             `,
-				startIcon: /* @__PURE__ */ l(o, {
+				startIcon: /* @__PURE__ */ d(c, {
 					index: h,
 					control: g,
 					disabled: _
 				}),
-				endIcon: /* @__PURE__ */ u("div", {
-					css: s`
+				endIcon: /* @__PURE__ */ f("div", {
+					css: l`
                   display: flex;
                   gap: 4px;
                 `,
-					children: [v && /* @__PURE__ */ l(e, {
+					children: [v && /* @__PURE__ */ d(e, {
 						color: "white",
 						size: "xsmall",
-						icon: /* @__PURE__ */ l(n, {}),
+						icon: /* @__PURE__ */ d(n, {}),
 						onClick: v,
 						"aria-label": b("삭제", { context: "스퀘어버튼, 렉시컬 주관식 설정창" })
-					}), _ && /* @__PURE__ */ l(a, {
-						text: /* @__PURE__ */ l("span", { children: /* @__PURE__ */ l(d, { i18nKey: "입력 칸 설정이 '글자 수대로'인 경우<br/>정답을 하나만 등록할 수 있습니다." }) }),
-						children: /* @__PURE__ */ l(e, {
+					}), _ && /* @__PURE__ */ d(s, {
+						text: /* @__PURE__ */ d("span", { children: /* @__PURE__ */ d(i, { i18nKey: "입력 칸 설정이 '글자 수대로'인 경우<br/>정답을 하나만 등록할 수 있습니다." }) }),
+						children: /* @__PURE__ */ d(e, {
 							color: "danger",
 							size: "xsmall",
-							icon: /* @__PURE__ */ l(t, { color: y.color.foreground.neutralAlt }),
+							icon: /* @__PURE__ */ d(t, { color: y.color.foreground.neutralAlt }),
 							disabled: !0,
 							"aria-label": b("정답 등록 불가")
 						})

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 { getTexts as r } from "../../../../texts.js";
-import { LexicalCustomConfigContext as i } from "../../LexicalCustomConfigContext.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 { getTexts as i } from "../../../../texts.js";
+import { LexicalCustomConfigContext as a } from "../../LexicalCustomConfigContext.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(i), 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(a), 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;
-              ` }), r(E, "multipleChoicesProblem")] }), C.map((e, t) => /* @__PURE__ */ m(o, {
+              ` }), i(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;