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

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);
 			});
 		}
 	});

package/dist/patterns/LexicalEditor/nodes/SheetInputNode/InputComponent.js

@@ -1,55 +1,55 @@
 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 { Input as n } from "../../../../components/Input.js";
-import { getTexts as r } from "../../../../texts.js";
-import { LexicalCustomConfigContext as i } from "../../LexicalCustomConfigContext.js";
-import { SettingForm as a } from "./SettingForm.js";
-import { $isSheetInputNode as o } from "./SheetInputNode.js";
-import { css as s } from "@emotion/react";
-import { useContext as c, useState as l } from "react";
-import u from "@emotion/styled";
-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 { Input as r } from "../../../../components/Input.js";
+import { getTexts as i } from "../../../../texts.js";
+import { LexicalCustomConfigContext as a } from "../../LexicalCustomConfigContext.js";
+import { SettingForm as o } from "./SettingForm.js";
+import { $isSheetInputNode as s } from "./SheetInputNode.js";
+import { css as c } from "@emotion/react";
+import { useContext as l, useState as u } from "react";
+import d from "@emotion/styled";
+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";
 //#region src/cds/patterns/LexicalEditor/nodes/SheetInputNode/InputComponent.tsx
 var v = 84, y = 8;
-function b(u) {
-	let { multiline: b, value: S, placeholder: C, nodeKey: w } = u, [T] = g(), [E, D] = l(!1), O = _(), [k, A] = l(!1), [j, M] = l(S), { freezeProblemNode: N } = c(i), { t: P } = m(), F = (e) => {
+function b(d) {
+	let { multiline: b, value: S, placeholder: C, nodeKey: w } = d, [T] = g(), [E, D] = u(!1), O = _(), [k, A] = u(!1), [j, M] = u(S), { freezeProblemNode: N } = l(a), { t: P } = n(), F = (e) => {
 		M(e), T.update(() => {
 			let t = h(w);
-			o(t) && t.setValue(e);
+			s(t) && t.setValue(e);
 		});
 	};
-	return O ? /* @__PURE__ */ p(d, { children: [/* @__PURE__ */ p("div", {
-		css: s`
+	return O ? /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ m("div", {
+		css: c`
           display: flex;
           align-items: center;
           gap: 4px;
         `,
-		children: [/* @__PURE__ */ f(x, {
+		children: [/* @__PURE__ */ p(x, {
 			onClick: () => D((e) => !e),
-			css: b && s`
+			css: b && c`
               height: ${v + 2 * y}px;
             `,
 			children: P(b ? "서술형 입력 칸" : "단답형 입력 칸", { context: "렉시컬 단답형/서술형 도구" })
-		}), /* @__PURE__ */ f(e, {
+		}), /* @__PURE__ */ p(e, {
 			size: "small",
 			color: "icon",
-			icon: /* @__PURE__ */ f(t, {}),
+			icon: /* @__PURE__ */ p(t, {}),
 			onClick: () => D((e) => !e),
 			"aria-label": P("입력 칸 설정", { context: "렉시컬 단답형/서술형 도구" })
 		})]
-	}), E && /* @__PURE__ */ f(a, {
+	}), E && /* @__PURE__ */ p(o, {
 		multiline: b,
 		placeholder: C,
 		nodeKey: w,
 		onClose: () => D(!1)
-	})] }) : /* @__PURE__ */ f(n, {
+	})] }) : /* @__PURE__ */ p(r, {
 		multiline: b,
 		disableAutosize: !0,
-		css: s`
+		css: c`
           textarea {
             height: ${v}px;
           }
@@ -60,7 +60,7 @@ function b(u) {
 		},
 		size: "small",
 		color: k ? "activePrimary" : "default",
-		placeholder: C || r(P, "placeholderEnterHere"),
+		placeholder: C || i(P, "placeholderEnterHere"),
 		value: j,
 		onChange: (e) => {
 			F(e.target.value);
@@ -68,7 +68,7 @@ function b(u) {
 		fullWidth: !0
 	});
 }
-var x = u.div(({ theme: e }) => s`
+var x = d.div(({ theme: e }) => c`
     box-sizing: border-box;
     height: 36px;
     width: 400px;

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

@@ -1,60 +1,60 @@
 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/Design/input-method-line.js";
 import { stdin_default as n } from "../../../../node_modules/.pnpm/remixicon@4.3.0/node_modules/remixicon/icons/System/question-fill.js";
-import { Button as r } from "../../../../components/Button.js";
-import { Input as i } from "../../../../components/Input.js";
-import { Tooltip as a } from "../../../../components/Tooltip.js";
-import { getTexts as o } from "../../../../texts.js";
-import { $isSheetInputNode as s } from "./SheetInputNode.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 { Input as a } from "../../../../components/Input.js";
+import { Tooltip as o } from "../../../../components/Tooltip.js";
+import { getTexts as s } from "../../../../texts.js";
+import { $isSheetInputNode as c } from "./SheetInputNode.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 { Controller as h, useForm as g } from "react-hook-form";
 //#region src/cds/patterns/LexicalEditor/nodes/SheetInputNode/SettingForm.tsx
 function _(e) {
-	let { multiline: l, placeholder: _, nodeKey: w, onClose: T } = e, [E] = m(), { t: D } = f(), { control: O, handleSubmit: k } = g({
+	let { multiline: u, placeholder: _, nodeKey: w, onClose: T } = e, [E] = m(), { t: D } = r(), { control: O, handleSubmit: k } = g({
 		mode: "all",
 		defaultValues: { placeholder: _ }
 	});
-	return /* @__PURE__ */ d(v, {
+	return /* @__PURE__ */ f(v, {
 		onSubmit: k((e) => {
 			E.update(() => {
 				let t = p(w);
-				s(t) && t.setPlaceholder(e.placeholder);
+				c(t) && t.setPlaceholder(e.placeholder);
 			}), T();
 		}),
 		children: [
-			/* @__PURE__ */ d(y, { children: [/* @__PURE__ */ u(t, { css: c`
+			/* @__PURE__ */ f(y, { children: [/* @__PURE__ */ d(t, { css: l`
             width: 12px;
             height: 12px;
-          ` }), D(l ? "서술형 입력 칸" : "단답형 입력 칸", { context: "렉시컬 단답형/서술형 도구" })] }),
-			/* @__PURE__ */ u(b, { children: /* @__PURE__ */ d(x, { children: [/* @__PURE__ */ d(S, { children: [D("자리 표시자", { context: "렉시컬 단답형/서술형 도구" }), /* @__PURE__ */ u(a, {
-				text: o(D, "descriptionDefaultInputText"),
+          ` }), D(u ? "서술형 입력 칸" : "단답형 입력 칸", { context: "렉시컬 단답형/서술형 도구" })] }),
+			/* @__PURE__ */ d(b, { children: /* @__PURE__ */ f(x, { children: [/* @__PURE__ */ f(S, { children: [D("자리 표시자", { context: "렉시컬 단답형/서술형 도구" }), /* @__PURE__ */ d(o, {
+				text: s(D, "descriptionDefaultInputText"),
 				placement: "top",
-				children: /* @__PURE__ */ u(n, { css: c`
+				children: /* @__PURE__ */ d(n, { css: l`
                   width: 12px;
                   height: 12px;
                 ` })
-			})] }), /* @__PURE__ */ u(h, {
+			})] }), /* @__PURE__ */ d(h, {
 				name: "placeholder",
 				control: O,
-				render: ({ field: { value: e, onChange: t } }) => /* @__PURE__ */ u(i, {
+				render: ({ field: { value: e, onChange: t } }) => /* @__PURE__ */ d(a, {
 					size: "small",
 					color: "default",
 					value: e,
 					onChange: t,
-					placeholder: o(D, "exampleEnterHere")
+					placeholder: s(D, "exampleEnterHere")
 				})
 			})] }) }),
-			/* @__PURE__ */ d(C, { children: [/* @__PURE__ */ u(r, {
+			/* @__PURE__ */ f(C, { children: [/* @__PURE__ */ d(i, {
 				color: "grey",
 				size: "xsmall",
 				label: D("닫기", { context: "렉시컬 도구 설정창" }),
 				onClick: T
-			}), /* @__PURE__ */ u(r, {
+			}), /* @__PURE__ */ d(i, {
 				color: "primary",
 				size: "xsmall",
 				label: D("이대로 넣기", { context: "렉시컬 도구 설정창" }),
@@ -63,7 +63,7 @@ function _(e) {
 		]
 	});
 }
-var v = l.form(({ theme: t }) => c`
+var v = u.form(({ theme: t }) => l`
     display: flex;
     width: 620px;
     flex-direction: column;
@@ -71,7 +71,7 @@ var v = l.form(({ theme: t }) => c`
     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;
@@ -83,17 +83,17 @@ 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`
   width: 240px;
   display: flex;
   flex-direction: column;
   gap: 8px;
   padding: 12px;
-`, S = l.div(({ theme: e }) => c`
+`, S = u.div(({ theme: e }) => l`
     display: flex;
     gap: 4px;
     align-items: center;
@@ -104,7 +104,7 @@ var v = l.form(({ theme: t }) => c`
     font-style: normal;
     font-weight: 500;
     line-height: 16px; /* 133.333% */
-  `), C = l.div`
+  `), C = u.div`
   display: flex;
   padding: 12px;
   justify-content: flex-end;

package/dist/patterns/LexicalEditor/nodes/SheetSelectNode/SelectComponent/SelectBox/SelectBoxView.js

@@ -1,22 +1,22 @@
 import { stdin_default as e } from "../../../../../../node_modules/.pnpm/remixicon@4.3.0/node_modules/remixicon/icons/System/check-fill.js";
-import { SelectBoxComponent as t } from "./SelectBoxComponent.js";
-import { css as n } from "@emotion/react";
-import { useRef as r } from "react";
-import { jsx as i } from "@emotion/react/jsx-runtime";
-import { useTranslation as a } 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 { SelectBoxComponent as n } from "./SelectBoxComponent.js";
+import { css as r } from "@emotion/react";
+import { useRef as i } from "react";
+import { jsx as a } from "@emotion/react/jsx-runtime";
 import { useEventListener as o } from "usehooks-ts";
 //#region src/cds/patterns/LexicalEditor/nodes/SheetSelectNode/SelectComponent/SelectBox/SelectBoxView.tsx
-function s(t, r) {
+function s(t, n) {
 	return {
-		primary: /* @__PURE__ */ i(e, { css: n`
+		primary: /* @__PURE__ */ a(e, { css: r`
           width: 12px;
           height: 12px;
         ` }),
-		normal: r
+		normal: n
 	}[t];
 }
 function c(e) {
-	let { index: c, isSelected: l, image: u, text: d, onClick: f } = e, { t: p } = a(), m = l ? "primary" : "normal", h = r(null);
+	let { index: c, isSelected: l, image: u, text: d, onClick: f } = e, { t: p } = t(), m = l ? "primary" : "normal", h = i(null);
 	o("keydown", (e) => {
 		f && document.activeElement === h.current && (e.key === " " || e.key === "Enter") && (e.preventDefault(), f());
 	});
@@ -24,8 +24,8 @@ function c(e) {
 		index: c,
 		context: "렉시컬 선택지 도구"
 	});
-	return /* @__PURE__ */ i(t, {
-		css: n`
+	return /* @__PURE__ */ a(n, {
+		css: r`
         width: 100%;
       `,
 		ref: h,

package/dist/patterns/LexicalEditor/nodes/SheetSelectNode/SelectComponent/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 { SettingForm as a } from "./SettingForm/SettingForm.js";
-import { SelectBoxView as o } from "./SelectBox/SelectBoxView.js";
-import { SelectBoxEdit as s } from "./SelectBox/SelectBoxEdit.js";
-import { $isSheetSelectNode as c } from "../SheetSelectNode.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 { SettingForm as o } from "./SettingForm/SettingForm.js";
+import { SelectBoxView as s } from "./SelectBox/SelectBoxView.js";
+import { SelectBoxEdit as c } from "./SelectBox/SelectBoxEdit.js";
+import { $isSheetSelectNode as l } from "../SheetSelectNode.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/SheetSelectNode/SelectComponent/SelectComponent.tsx
-function b(f) {
-	let { selections: b, selected: S, allowMultipleAnswers: C, nodeKey: w } = f, [T] = v(), { t: E } = g(), [D, O] = d(!1), k = y(), { freezeProblemNode: A } = u(i);
-	return k ? /* @__PURE__ */ h(p, { children: [/* @__PURE__ */ h("div", {
-		css: l`
+function b(p) {
+	let { selections: b, selected: S, allowMultipleAnswers: C, nodeKey: w } = p, [T] = v(), { t: E } = r(), [D, O] = f(!1), k = y(), { freezeProblemNode: A } = d(a);
+	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: b.map((e, t) => /* @__PURE__ */ m(s, {
+			children: b.map((e, t) => /* @__PURE__ */ h(c, {
 				index: t + 1,
 				image: e.show.image,
 				text: e.show.text === "" && e.show.image === null ? E("{{index}}번 선택지", {
@@ -38,26 +38,26 @@ function b(f) {
 				}) : e.show.text,
 				onClick: () => O((e) => !e)
 			}, t))
-		}), /* @__PURE__ */ m(e, {
+		}), /* @__PURE__ */ h(e, {
 			size: "small",
 			color: "icon",
-			icon: /* @__PURE__ */ m(n, {}),
+			icon: /* @__PURE__ */ h(n, {}),
 			onClick: () => {
 				O((e) => !e);
 			},
 			"aria-label": E("선택지 설정", { context: "렉시컬 선택지 도구" })
 		})]
-	}), D && /* @__PURE__ */ m(a, {
+	}), D && /* @__PURE__ */ h(o, {
 		data: {
 			selections: b,
 			allowMultipleAnswers: C
 		},
 		nodeKey: w,
 		onClose: () => O(!1)
-	})] }) : /* @__PURE__ */ h(p, { children: [C && /* @__PURE__ */ h(x, { children: [/* @__PURE__ */ m(t, { css: l`
+	})] }) : /* @__PURE__ */ g(m, { children: [C && /* @__PURE__ */ g(x, { children: [/* @__PURE__ */ h(t, { css: u`
                 width: 14px;
                 height: 14px;
-              ` }), r(E, "multipleChoicesProblem")] }), b.map((e, t) => /* @__PURE__ */ m(o, {
+              ` }), i(E, "multipleChoicesProblem")] }), b.map((e, t) => /* @__PURE__ */ h(s, {
 		index: t + 1,
 		isSelected: S.includes(e.value),
 		image: e.show.image,
@@ -65,15 +65,15 @@ function b(f) {
 		onClick: A ? void 0 : () => {
 			S.includes(e.value) ? T.update(() => {
 				let t = _(w);
-				c(t) && t.setSelected(S.filter((t) => t !== e.value));
+				l(t) && t.setSelected(S.filter((t) => t !== e.value));
 			}) : T.update(() => {
 				let t = _(w);
-				c(t) && (C ? t.setSelected([...S, e.value]) : t.setSelected([e.value]));
+				l(t) && (C ? t.setSelected([...S, 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;