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

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

@@ -2,25 +2,25 @@ import { shadows as e } from "../../../../../foundation/shadows.js";
 import { stdin_default as t } from "../../../../../node_modules/.pnpm/remixicon@4.3.0/node_modules/remixicon/icons/Editor/list-radio.js";
 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 { Button as i } from "../../../../../components/Button.js";
-import { Tooltip as a } from "../../../../../components/Tooltip.js";
-import { getTexts as o } from "../../../../../texts.js";
-import { FormSelection as s } from "./FormSelection.js";
-import { $isProblemSelectNode as c } from "../ProblemSelectNode.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 { uid as m } from "uid";
-import { useTranslation as h } from "react-i18next";
+import { useTranslation 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/useTranslation.js";
+import { Button as a } from "../../../../../components/Button.js";
+import { Tooltip as o } from "../../../../../components/Tooltip.js";
+import { getTexts as s } from "../../../../../texts.js";
+import { FormSelection as c } from "./FormSelection.js";
+import { $isProblemSelectNode as l } from "../ProblemSelectNode.js";
+import { css as u } from "@emotion/react";
+import { useState as d } from "react";
+import f from "@emotion/styled";
+import { jsx as p, jsxs as m } from "@emotion/react/jsx-runtime";
+import { uid as h } from "uid";
 import { $getNodeByKey as g } from "lexical";
 import { useLexicalComposerContext as _ } from "@lexical/react/LexicalComposerContext";
 import { useFieldArray as v, useForm as y } from "react-hook-form";
 //#region src/cds/patterns/LexicalEditor/nodes/ProblemSelectNode/SettingForm/SettingForm.tsx
 function b(e) {
-	let { selections: d, nodeKey: b, onClose: O } = e, [k] = _(), [A, j] = u(!1), { t: M } = h(), { control: N, handleSubmit: P, watch: F } = y({
+	let { selections: f, nodeKey: b, onClose: O } = e, [k] = _(), [A, j] = d(!1), { t: M } = i(), { control: N, handleSubmit: P, watch: F } = y({
 		mode: "all",
-		defaultValues: { selections: d }
+		defaultValues: { selections: f }
 	}), { fields: I, append: L, remove: R } = v({
 		control: N,
 		name: "selections",
@@ -28,26 +28,26 @@ function b(e) {
 	}), z = (e) => {
 		k.update(() => {
 			let t = g(b);
-			c(t) && t.setSelections(e.selections);
+			l(t) && t.setSelections(e.selections);
 		}), O();
 	};
 	function B(e) {
-		return e.show.image || e.show.text ? !0 : o(M, "errorRequiredField");
+		return e.show.image || e.show.text ? !0 : s(M, "errorRequiredField");
 	}
 	function V(e, t) {
 		let n = t.selections.map((e) => e.show).flatMap((t, n) => t.text === e.show.text && t.image?.src === e.show.image?.src ? [n] : []);
-		return n.length < 2 ? !0 : o(M, "errorDuplicateChoice")(n.map((e) => e + 1).join(","));
+		return n.length < 2 ? !0 : s(M, "errorDuplicateChoice")(n.map((e) => e + 1).join(","));
 	}
 	let H = F("selections").filter((e) => e.isAnswer).length, U = H > 1, W = H > 0;
-	return /* @__PURE__ */ p(x, {
+	return /* @__PURE__ */ m(x, {
 		onSubmit: P(z),
 		children: [
-			/* @__PURE__ */ p(S, { children: [/* @__PURE__ */ f(t, { css: l`
+			/* @__PURE__ */ m(S, { children: [/* @__PURE__ */ p(t, { css: u`
             width: 12px;
             height: 12px;
           ` }), M("객관식 입력 칸", { context: "렉시컬 도구 설정창" })] }),
-			/* @__PURE__ */ p(C, { children: [
-				/* @__PURE__ */ p(w, { children: [/* @__PURE__ */ f(T, { children: M("답안") }), I.map((e, t) => /* @__PURE__ */ f(s, {
+			/* @__PURE__ */ m(C, { children: [
+				/* @__PURE__ */ m(w, { children: [/* @__PURE__ */ p(T, { children: M("답안") }), I.map((e, t) => /* @__PURE__ */ p(c, {
 					index: t,
 					control: N,
 					rules: { validate: {
@@ -58,11 +58,11 @@ function b(e) {
 						R(t);
 					}
 				}, e.uid))] }),
-				/* @__PURE__ */ f(i, {
+				/* @__PURE__ */ p(a, {
 					color: "grey",
 					size: "small",
-					startIcon: /* @__PURE__ */ f(n, {}),
-					label: I.length < 9 ? M("선택지 추가", { context: "버튼, 렉시컬 도구 설정창" }) : o(M, "errorMaxChoicesExceeded"),
+					startIcon: /* @__PURE__ */ p(n, {}),
+					label: I.length < 9 ? M("선택지 추가", { context: "버튼, 렉시컬 도구 설정창" }) : s(M, "errorMaxChoicesExceeded"),
 					onClick: () => {
 						I.length >= 9 || L({
 							isAnswer: !1,
@@ -70,28 +70,28 @@ function b(e) {
 								image: null,
 								text: ""
 							},
-							value: m()
+							value: h()
 						});
 					},
 					disabled: I.length >= 9
 				}),
-				U && /* @__PURE__ */ p(D, { children: [/* @__PURE__ */ f(r, { css: l`
+				U && /* @__PURE__ */ m(D, { children: [/* @__PURE__ */ p(r, { css: u`
                 width: 14px;
                 height: 14px;
               ` }), M("정답이 여러 개인 문제에는 정답을 모두 선택해야 한다는 안내가 제공됩니다.")] })
 			] }),
-			/* @__PURE__ */ p(E, { children: [/* @__PURE__ */ f(i, {
+			/* @__PURE__ */ m(E, { children: [/* @__PURE__ */ p(a, {
 				color: "grey",
 				size: "xsmall",
 				label: M("닫기", { context: "렉시컬 도구 설정창" }),
 				onClick: O
-			}), /* @__PURE__ */ f(a, {
+			}), /* @__PURE__ */ p(o, {
 				open: !W && A,
 				text: M("선택지 중 정답을 표시해주세요."),
 				onOpen: () => j(!0),
 				onClose: () => j(!1),
 				placement: "top-end",
-				children: /* @__PURE__ */ f("span", { children: /* @__PURE__ */ f(i, {
+				children: /* @__PURE__ */ p("span", { children: /* @__PURE__ */ p(a, {
 					color: "primary",
 					size: "xsmall",
 					label: M("이대로 넣기", { context: "렉시컬 도구 설정창" }),
@@ -102,7 +102,7 @@ function b(e) {
 		]
 	});
 }
-var x = d.form(({ theme: t }) => l`
+var x = f.form(({ theme: t }) => u`
     display: flex;
     width: 620px;
     flex-direction: column;
@@ -110,7 +110,7 @@ var x = d.form(({ theme: t }) => l`
     border: 1px solid ${t.color.background.neutralAltActive};
     background: ${t.color.background.neutralBase};
     box-shadow: ${e.shadow08};
-  `), S = d.div(({ theme: e }) => l`
+  `), S = f.div(({ theme: e }) => u`
     display: flex;
     padding: 8px 12px;
     gap: 4px;
@@ -122,18 +122,18 @@ var x = d.form(({ theme: t }) => l`
     font-style: normal;
     font-weight: 500;
     line-height: 16px; /* 133.333% */
-  `), C = d.div(({ theme: e }) => l`
+  `), C = f.div(({ theme: e }) => u`
     display: flex;
     flex-direction: column;
     gap: 12px;
     padding: 12px;
     border-top: 1px solid ${e.color.background.neutralAltActive};
     border-bottom: 1px solid ${e.color.background.neutralAltActive};
-  `), w = d.div`
+  `), w = f.div`
   display: flex;
   flex-direction: column;
   gap: 8px;
-`, T = d.div(({ theme: e }) => l`
+`, T = f.div(({ theme: e }) => u`
     color: ${e.color.foreground.neutralBaseDisabled};
     /* Default/Label/12px-Md */
     font-family: ${e.fontFamily.ui};
@@ -141,13 +141,13 @@ var x = d.form(({ theme: t }) => l`
     font-style: normal;
     font-weight: 500;
     line-height: 16px; /* 133.333% */
-  `), E = d.div`
+  `), E = f.div`
   display: flex;
   padding: 12px;
   justify-content: flex-end;
   align-items: center;
   gap: 8px;
-`, D = d.div(({ theme: e }) => l`
+`, D = f.div(({ theme: e }) => u`
     display: flex;
     gap: 4px;
     color: ${e.color.foreground.neutralBaseDisabled};

package/dist/patterns/LexicalEditor/nodes/SelfEvaluationNode/EvaluationComponent/Evaluation/SettingForm/FormIconAndLabel/FormIconAndLabel.js

@@ -1,22 +1,22 @@
 import { stdin_default as e } from "../../../../../../../../node_modules/.pnpm/remixicon@4.3.0/node_modules/remixicon/icons/Arrows/arrow-down-s-fill.js";
-import { Dropdown as t } from "../../../../../../../Dropdown/Dropdown.js";
-import { DropdownItem as n } from "../../../../../../../Dropdown/DropdownItem/DropdownItem.js";
-import { ICON_TYPES as r, getIconData as i } from "../../../../iconData.js";
-import { FormLabel as a } from "./FormLabel.js";
-import { css as o, useTheme as s } from "@emotion/react";
-import c from "@emotion/styled";
-import { useTranslation as l } from "react-i18next";
+import { useTranslation as t } 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 n } from "../../../../../../../Dropdown/Dropdown.js";
+import { DropdownItem as r } from "../../../../../../../Dropdown/DropdownItem/DropdownItem.js";
+import { ICON_TYPES as i, getIconData as a } from "../../../../iconData.js";
+import { FormLabel as o } from "./FormLabel.js";
+import { css as s, useTheme as c } from "@emotion/react";
+import l from "@emotion/styled";
 import { Fragment as u, jsx as d, jsxs as f } from "react/jsx-runtime";
 import { Controller as p } from "react-hook-form";
 //#region src/cds/patterns/LexicalEditor/nodes/SelfEvaluationNode/EvaluationComponent/Evaluation/SettingForm/FormIconAndLabel/FormIconAndLabel.tsx
-function m(c) {
-	let { control: m, labelsLength: _ } = c, v = s(), { t: y } = l();
+function m(l) {
+	let { control: m, labelsLength: _ } = l, v = c(), { t: y } = t();
 	return /* @__PURE__ */ d(p, {
 		control: m,
 		name: "iconType",
-		render: ({ field: { value: s, onChange: c } }) => {
-			let { startIcon: l, title: p, icons: b } = i(s, v, y);
-			return /* @__PURE__ */ f(u, { children: [/* @__PURE__ */ d(t, {
+		render: ({ field: { value: t, onChange: c } }) => {
+			let { startIcon: l, title: p, icons: b } = a(t, v, y);
+			return /* @__PURE__ */ f(u, { children: [/* @__PURE__ */ d(n, {
 				label: y("아이콘: {{title}}", { title: p }),
 				size: "small",
 				color: "grey",
@@ -24,7 +24,7 @@ function m(c) {
 				startIcon: l,
 				endIcon: /* @__PURE__ */ d(e, {}),
 				menuProps: {
-					menuCss: o`
+					menuCss: s`
                   width: 216px;
                 `,
 					anchorOrigin: {
@@ -36,31 +36,31 @@ function m(c) {
 						horizontal: "center"
 					}
 				},
-				children: r.map((e, t) => {
-					let { title: r, startIcon: a } = i(e, v, y);
-					return /* @__PURE__ */ d(n, {
+				children: i.map((e, t) => {
+					let { title: n, startIcon: i } = a(e, v, y);
+					return /* @__PURE__ */ d(r, {
 						index: t,
-						label: r,
+						label: n,
 						preserveIconColor: !0,
-						startIcon: a,
+						startIcon: i,
 						onClick: () => {
 							c(e);
 						}
 					}, t);
 				})
-			}), Array.from({ length: _ }).map((e, t) => /* @__PURE__ */ f(h, { children: [/* @__PURE__ */ d(g, { children: b[t].onIcon }), /* @__PURE__ */ d(a, {
+			}), Array.from({ length: _ }).map((e, t) => /* @__PURE__ */ f(h, { children: [/* @__PURE__ */ d(g, { children: b[t].onIcon }), /* @__PURE__ */ d(o, {
 				control: m,
 				index: t
 			})] }, t))] });
 		}
 	});
 }
-var h = c.div`
+var h = l.div`
   display: flex;
   align-items: flex-start;
   gap: 4px;
   align-self: stretch;
-`, g = c.div(({ theme: e }) => o`
+`, g = l.div(({ theme: e }) => s`
     display: flex;
     min-width: 36px;
     min-height: 36px;

package/dist/patterns/LexicalEditor/nodes/SelfEvaluationNode/EvaluationComponent/Evaluation/SettingForm/FormIconAndLabel/FormLabel.js

@@ -1,24 +1,24 @@
-import { getTexts as e } from "../../../../../../../../texts.js";
-import { FormInput as t } from "../../../../../Form/FormInput.js";
-import { css as n } from "@emotion/react";
-import r from "@emotion/styled";
-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 { getTexts as t } from "../../../../../../../../texts.js";
+import { FormInput as n } from "../../../../../Form/FormInput.js";
+import { css as r } from "@emotion/react";
+import i from "@emotion/styled";
 import { jsx as a } from "react/jsx-runtime";
 import { useController as o } from "react-hook-form";
 //#region src/cds/patterns/LexicalEditor/nodes/SelfEvaluationNode/EvaluationComponent/Evaluation/SettingForm/FormIconAndLabel/FormLabel.tsx
-var s = (t) => ({
-	required: e(t, "errorRequiredField"),
+var s = (e) => ({
+	required: t(e, "errorRequiredField"),
 	maxLength: 12
 });
-function c(e) {
-	let { control: n, index: r } = e, { t: c } = i(), u = s(c), { field: { value: d }, fieldState: { error: f } } = o({
-		control: n,
-		name: `labels.${r}`,
+function c(t) {
+	let { control: r, index: i } = t, { t: c } = e(), u = s(c), { field: { value: d }, fieldState: { error: f } } = o({
+		control: r,
+		name: `labels.${i}`,
 		rules: u
 	});
-	return /* @__PURE__ */ a(t, {
-		control: n,
-		name: `labels.${r}`,
+	return /* @__PURE__ */ a(n, {
+		control: r,
+		name: `labels.${i}`,
 		rules: u,
 		size: "small",
 		endIcon: /* @__PURE__ */ a(l, {
@@ -28,7 +28,7 @@ function c(e) {
 		fullWidth: !0
 	});
 }
-var l = r.span(({ theme: e, error: t }) => n`
+var l = i.span(({ theme: e, error: t }) => r`
     color: ${t ? e.color.foreground.dangerActive : e.color.foreground.neutralBase};
     font-family: ${e.fontFamily.ui};
     font-size: 14px;

package/dist/patterns/LexicalEditor/nodes/SelfEvaluationNode/EvaluationComponent/Evaluation/SettingForm/FormQuestion.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/delete-bin-line.js";
-import { getTexts as n } from "../../../../../../../texts.js";
-import { FormInput as r } from "../../../../Form/FormInput.js";
-import { css as i } from "@emotion/react";
-import a from "@emotion/styled";
-import { jsx as o, jsxs as s } from "@emotion/react/jsx-runtime";
-import { useTranslation as c } from "react-i18next";
+import { useTranslation as n } 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 r } from "../../../../../../../texts.js";
+import { FormInput as i } from "../../../../Form/FormInput.js";
+import { css as a } from "@emotion/react";
+import o from "@emotion/styled";
+import { jsx as s, jsxs as c } from "@emotion/react/jsx-runtime";
 //#region src/cds/patterns/LexicalEditor/nodes/SelfEvaluationNode/EvaluationComponent/Evaluation/SettingForm/FormQuestion.tsx
-function l(i) {
-	let { control: a, index: l, onDelete: f } = i, { t: p } = c();
-	return /* @__PURE__ */ s(u, { children: [
-		/* @__PURE__ */ o(d, { children: l + 1 }),
-		/* @__PURE__ */ o(r, {
-			control: a,
+function l(a) {
+	let { control: o, index: l, onDelete: f } = a, { t: p } = n();
+	return /* @__PURE__ */ c(u, { children: [
+		/* @__PURE__ */ s(d, { children: l + 1 }),
+		/* @__PURE__ */ s(i, {
+			control: o,
 			name: `evaluations.${l}.question.text`,
-			rules: { required: n(p, "errorRequiredField") },
+			rules: { required: r(p, "errorRequiredField") },
 			size: "small",
 			placeholder: p("{{index}}번 평가 항목", { index: l + 1 }),
 			multiline: !0,
 			fullWidth: !0
 		}),
-		f && /* @__PURE__ */ o(e, {
+		f && /* @__PURE__ */ s(e, {
 			color: "white",
 			size: "xsmall",
-			icon: /* @__PURE__ */ o(t, {}),
+			icon: /* @__PURE__ */ s(t, {}),
 			onClick: f,
 			"aria-label": p("삭제", { context: "스퀘어버튼, 렉시컬 3단계 평가 입력칸 도구 설정창" })
 		})
 	] });
 }
-var u = a.div(({ theme: e }) => i`
+var u = o.div(({ theme: e }) => a`
     display: flex;
     padding: 4px 12px;
     align-items: center;
@@ -37,7 +37,7 @@ var u = a.div(({ theme: e }) => i`
     align-self: stretch;
     border-radius: 8px;
     background: ${e.color.background.neutralAlt};
-  `), d = a.div(({ theme: e }) => i`
+  `), d = o.div(({ theme: e }) => a`
     display: flex;
     width: 20px;
     height: 20px;

package/dist/patterns/LexicalEditor/nodes/SelfEvaluationNode/EvaluationComponent/Evaluation/SettingForm/SettingForm.js

@@ -1,21 +1,21 @@
 import { shadows as e } from "../../../../../../../foundation/shadows.js";
 import { stdin_default as t } from "../../../../../../../node_modules/.pnpm/remixicon@4.3.0/node_modules/remixicon/icons/Communication/emoji-sticker-line.js";
 import { stdin_default as n } from "../../../../../../../node_modules/.pnpm/remixicon@4.3.0/node_modules/remixicon/icons/System/add-fill.js";
-import { Button as r } from "../../../../../../../components/Button.js";
-import { getTexts as i } from "../../../../../../../texts.js";
-import { FormIconAndLabel as a } from "./FormIconAndLabel/FormIconAndLabel.js";
-import { FormQuestion as o } from "./FormQuestion.js";
-import { $isSelfEvaluationNode as s } from "../../../SelfEvaluationNode.js";
-import { css as c } from "@emotion/react";
-import l from "@emotion/styled";
-import { jsx as u, jsxs as d } from "@emotion/react/jsx-runtime";
-import { useTranslation as f } 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 { Button as i } from "../../../../../../../components/Button.js";
+import { getTexts as a } from "../../../../../../../texts.js";
+import { FormIconAndLabel as o } from "./FormIconAndLabel/FormIconAndLabel.js";
+import { FormQuestion as s } from "./FormQuestion.js";
+import { $isSelfEvaluationNode as c } from "../../../SelfEvaluationNode.js";
+import { css as l } from "@emotion/react";
+import u from "@emotion/styled";
+import { jsx as d, jsxs as f } from "@emotion/react/jsx-runtime";
 import { $getNodeByKey as p } from "lexical";
 import { useLexicalComposerContext as m } from "@lexical/react/LexicalComposerContext";
 import { useFieldArray as h, useForm as g } from "react-hook-form";
 //#region src/cds/patterns/LexicalEditor/nodes/SelfEvaluationNode/EvaluationComponent/Evaluation/SettingForm/SettingForm.tsx
 function _(e) {
-	let { className: l, iconType: _, labels: T, evaluations: E, nodeKey: D, onClose: O } = e, [k] = m(), { t: A } = f(), { control: j, handleSubmit: M } = g({
+	let { className: u, iconType: _, labels: T, evaluations: E, nodeKey: D, onClose: O } = e, [k] = m(), { t: A } = r(), { control: j, handleSubmit: M } = g({
 		mode: "all",
 		defaultValues: {
 			iconType: _,
@@ -27,50 +27,50 @@ function _(e) {
 		name: "evaluations",
 		keyName: "uid"
 	});
-	return /* @__PURE__ */ d(v, {
-		className: l,
+	return /* @__PURE__ */ f(v, {
+		className: u,
 		onSubmit: M((e) => {
 			k.update(() => {
 				let t = p(D);
-				s(t) && (t.setIconType(e.iconType), t.setLabels(e.labels), t.setEvaluations(e.evaluations));
+				c(t) && (t.setIconType(e.iconType), t.setLabels(e.labels), t.setEvaluations(e.evaluations));
 			}), O();
 		}),
 		children: [
-			/* @__PURE__ */ d(y, { children: [/* @__PURE__ */ u(t, { css: c`
+			/* @__PURE__ */ f(y, { children: [/* @__PURE__ */ d(t, { css: l`
             width: 12px;
             height: 12px;
           ` }), A("3단계 평가")] }),
-			/* @__PURE__ */ d(b, { children: [/* @__PURE__ */ d(x, { children: [
-				/* @__PURE__ */ u(C, { children: A("평가 항목") }),
-				N.map((e, t) => /* @__PURE__ */ u(o, {
+			/* @__PURE__ */ f(b, { children: [/* @__PURE__ */ f(x, { children: [
+				/* @__PURE__ */ d(C, { children: A("평가 항목") }),
+				N.map((e, t) => /* @__PURE__ */ d(s, {
 					index: t,
 					control: j,
 					onDelete: t === 0 ? void 0 : () => {
 						F(t);
 					}
 				}, e.uid)),
-				/* @__PURE__ */ u(r, {
+				/* @__PURE__ */ d(i, {
 					color: "grey",
 					size: "small",
-					startIcon: /* @__PURE__ */ u(n, {}),
+					startIcon: /* @__PURE__ */ d(n, {}),
 					label: A("평가 항목 추가"),
 					onClick: () => {
 						P({
-							question: { text: i(A, "placeholderEvaluationItem") },
+							question: { text: a(A, "placeholderEvaluationItem") },
 							selectedLabelIndex: null
 						});
 					}
 				})
-			] }), /* @__PURE__ */ d(S, { children: [/* @__PURE__ */ u(C, { children: A("아이콘, 레이블") }), /* @__PURE__ */ u(a, {
+			] }), /* @__PURE__ */ f(S, { children: [/* @__PURE__ */ d(C, { children: A("아이콘, 레이블") }), /* @__PURE__ */ d(o, {
 				control: j,
 				labelsLength: T.length
 			})] })] }),
-			/* @__PURE__ */ d(w, { children: [/* @__PURE__ */ u(r, {
+			/* @__PURE__ */ f(w, { children: [/* @__PURE__ */ d(i, {
 				color: "grey",
 				size: "xsmall",
 				label: A("닫기", { context: "렉시컬 도구 설정창" }),
 				onClick: O
-			}), /* @__PURE__ */ u(r, {
+			}), /* @__PURE__ */ d(i, {
 				color: "primary",
 				size: "xsmall",
 				label: A("이대로 넣기", { context: "렉시컬 도구 설정창" }),
@@ -79,14 +79,14 @@ function _(e) {
 		]
 	});
 }
-var v = l.form(({ theme: t }) => c`
+var v = u.form(({ theme: t }) => l`
     display: flex;
     flex-direction: column;
     border-radius: 6px;
     border: 1px solid ${t.color.background.neutralAltActive};
     background: ${t.color.background.neutralBase};
     box-shadow: ${e.shadow08};
-  `), y = l.div(({ theme: e }) => c`
+  `), y = u.div(({ theme: e }) => l`
     display: flex;
     padding: 8px 12px;
     gap: 4px;
@@ -98,23 +98,23 @@ var v = l.form(({ theme: t }) => c`
     font-style: normal;
     font-weight: 500;
     line-height: 16px; /* 133.333% */
-  `), b = l.div(({ theme: e }) => c`
+  `), b = u.div(({ theme: e }) => l`
     display: flex;
     border-top: 1px solid ${e.color.background.neutralAltActive};
     border-bottom: 1px solid ${e.color.background.neutralAltActive};
-  `), x = l.div`
+  `), x = u.div`
   flex: 1;
   display: flex;
   flex-direction: column;
   gap: 12px;
   padding: 12px;
-`, S = l.div`
+`, S = u.div`
   width: 240px;
   display: flex;
   flex-direction: column;
   gap: 8px;
   padding: 12px;
-`, C = l.div(({ theme: e }) => c`
+`, C = u.div(({ theme: e }) => l`
     color: ${e.color.foreground.neutralBaseDisabled};
     /* Default/Label/12px-Md */
     font-family: ${e.fontFamily.ui};
@@ -122,7 +122,7 @@ var v = l.form(({ theme: t }) => c`
     font-style: normal;
     font-weight: 500;
     line-height: 16px; /* 133.333% */
-  `), w = l.div`
+  `), w = u.div`
   display: flex;
   padding: 12px;
   justify-content: flex-end;

package/dist/patterns/LexicalEditor/nodes/SelfEvaluationNode/EvaluationComponent/EvaluationComponent.js

@@ -1,14 +1,14 @@
 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/settings-3-fill.js";
-import { LexicalCustomConfigContext as n } from "../../../LexicalCustomConfigContext.js";
-import { Evaluation as r } from "./Evaluation/Evaluation.js";
-import { getIconData as i } from "../iconData.js";
-import { SettingForm as a } from "./Evaluation/SettingForm/SettingForm.js";
-import { $isSelfEvaluationNode as o } from "../SelfEvaluationNode.js";
-import { css as s, useTheme as c } from "@emotion/react";
-import { useContext as l, useState as u } from "react";
-import { Fragment as d, jsx as f, jsxs as p } from "@emotion/react/jsx-runtime";
-import { useTranslation as m } from "react-i18next";
+import { useTranslation as n } 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 r } from "../../../LexicalCustomConfigContext.js";
+import { Evaluation as i } from "./Evaluation/Evaluation.js";
+import { getIconData as a } from "../iconData.js";
+import { SettingForm as o } from "./Evaluation/SettingForm/SettingForm.js";
+import { $isSelfEvaluationNode as s } from "../SelfEvaluationNode.js";
+import { css as c, useTheme as l } from "@emotion/react";
+import { useContext as u, useState as d } from "react";
+import { Fragment as f, jsx as p, jsxs as m } from "@emotion/react/jsx-runtime";
 import { $getNodeByKey as h } from "lexical";
 import { useLexicalComposerContext as g } from "@lexical/react/LexicalComposerContext";
 import { useLexicalEditable as _ } from "@lexical/react/useLexicalEditable";
@@ -16,34 +16,34 @@ import v from "lodash";
 //#region src/cds/patterns/LexicalEditor/nodes/SelfEvaluationNode/EvaluationComponent/EvaluationComponent.tsx
 var y = 620;
 function b(b) {
-	let { iconType: x, labels: S, evaluations: C, nodeKey: w } = b, T = c(), [E] = g(), D = _(), { freezeProblemNode: O } = l(n), { t: k } = m(), [A, j] = u(!1), { icons: M } = i(x, T, k), N = v.zipWith(S, M, (e, { onIcon: t, offIcon: n }) => ({
+	let { iconType: x, labels: S, evaluations: C, nodeKey: w } = b, T = l(), [E] = g(), D = _(), { freezeProblemNode: O } = u(r), { t: k } = n(), [A, j] = d(!1), { icons: M } = a(x, T, k), N = v.zipWith(S, M, (e, { onIcon: t, offIcon: n }) => ({
 		label: e,
 		onIcon: t,
 		offIcon: n
 	}));
-	return D ? /* @__PURE__ */ p(d, { children: [/* @__PURE__ */ p("div", {
-		css: s`
+	return D ? /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ m("div", {
+		css: c`
           display: flex;
           gap: 4px;
         `,
-		children: [/* @__PURE__ */ f(r, {
-			css: s`
+		children: [/* @__PURE__ */ p(i, {
+			css: c`
             width: ${y}px;
           `,
 			data: N,
 			evaluations: C,
 			onClick: () => j((e) => !e)
-		}), /* @__PURE__ */ f(e, {
+		}), /* @__PURE__ */ p(e, {
 			size: "small",
 			color: "icon",
-			icon: /* @__PURE__ */ f(t, {}),
+			icon: /* @__PURE__ */ p(t, {}),
 			onClick: () => {
 				j((e) => !e);
 			},
 			"aria-label": k("평가 칸 설정")
 		})]
-	}), A && /* @__PURE__ */ f(a, {
-		css: s`
+	}), A && /* @__PURE__ */ p(o, {
+		css: c`
             width: ${y}px;
           `,
 		iconType: x,
@@ -51,13 +51,13 @@ function b(b) {
 		evaluations: C,
 		nodeKey: w,
 		onClose: () => j(!1)
-	})] }) : /* @__PURE__ */ f(r, {
+	})] }) : /* @__PURE__ */ p(i, {
 		data: N,
 		evaluations: C,
 		onChange: O ? void 0 : (e) => {
 			E.update(() => {
 				let t = h(w);
-				o(t) && t.setEvaluations(e);
+				s(t) && t.setEvaluations(e);
 			});
 		}
 	});