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

package/dist/patterns/LexicalEditor/nodes/FileNode/FileDownloadButton.js

@@ -1,24 +1,24 @@
 import { HOVER as e } from "../../../../utils/hover.js";
-import { OverflowTooltip as t } from "../../../../components/OverflowTooltip.js";
-import { CdsContext as n } from "../../../../CdsProvider.js";
-import { FileSize as r, IconContainer as i, getFileIcon as a } from "./fileStyles.js";
-import { css as o, useTheme as s } from "@emotion/react";
-import { useContext as c } from "react";
-import l from "@emotion/styled";
-import { useTranslation as u } 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 { OverflowTooltip as n } from "../../../../components/OverflowTooltip.js";
+import { CdsContext as r } from "../../../../CdsProvider.js";
+import { FileSize as i, IconContainer as a, getFileIcon as o } from "./fileStyles.js";
+import { css as s, useTheme as c } from "@emotion/react";
+import { useContext as l } from "react";
+import u from "@emotion/styled";
 import { jsx as d, jsxs as f } from "react/jsx-runtime";
 //#region src/cds/patterns/LexicalEditor/nodes/FileNode/FileDownloadButton.tsx
-function p({ fileName: e, fileSize: o, fileUrl: l }) {
-	let p = c(n), g = s(), { t: _ } = u();
+function p({ fileName: e, fileSize: s, fileUrl: u }) {
+	let p = l(r), g = c(), { t: _ } = t();
 	return /* @__PURE__ */ f(m, {
 		onClick: async () => {
 			let t = p.lexical?.showFileError;
 			try {
-				if (!l) {
+				if (!u) {
 					t?.("download", _("다운로드 중 오류가 발생했어요"));
 					return;
 				}
-				let n = await fetch(l, { method: "GET" });
+				let n = await fetch(u, { method: "GET" });
 				if (!n.ok) {
 					t?.("download", _("파일이 삭제되어 다운로드할 수 없어요."));
 					return;
@@ -31,13 +31,13 @@ function p({ fileName: e, fileSize: o, fileUrl: l }) {
 		},
 		theme: g,
 		children: [
-			/* @__PURE__ */ d(i, { children: a(e) }),
-			/* @__PURE__ */ d(h, { children: /* @__PURE__ */ d(t, { text: e }) }),
-			/* @__PURE__ */ f(r, { children: [(o / (1024 * 1024)).toFixed(1), " MB"] })
+			/* @__PURE__ */ d(a, { children: o(e) }),
+			/* @__PURE__ */ d(h, { children: /* @__PURE__ */ d(n, { text: e }) }),
+			/* @__PURE__ */ f(i, { children: [(s / (1024 * 1024)).toFixed(1), " MB"] })
 		]
 	});
 }
-var m = l.button(({ theme: t }) => o`
+var m = u.button(({ theme: t }) => s`
     display: flex;
     align-items: center;
     gap: 8px;
@@ -56,11 +56,11 @@ var m = l.button(({ theme: t }) => o`
     text-align: left;
     overflow: hidden;
 
-    ${e(o`
+    ${e(s`
       background: ${t.color.background.neutralAltActive};
       color: ${t.color.foreground.neutralBaseActive};
     `)}
-  `), h = l.div`
+  `), h = u.div`
   max-width: 152px;
 `;
 //#endregion

package/dist/patterns/LexicalEditor/nodes/ImageNode/CompactImageView.js

@@ -1,20 +1,20 @@
 import { stdin_default as e } from "../../../../node_modules/.pnpm/remixicon@4.3.0/node_modules/remixicon/icons/System/delete-bin-line.js";
-import { css as t } from "@emotion/react";
-import { useState as n } from "react";
-import r from "@emotion/styled";
-import { jsx as i, jsxs as a } from "@emotion/react/jsx-runtime";
-import { useTranslation as o } 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 { css as n } from "@emotion/react";
+import { useState as r } from "react";
+import i from "@emotion/styled";
+import { jsx as a, jsxs as o } from "@emotion/react/jsx-runtime";
 import { $getNodeByKey as s } from "lexical";
 import { useLexicalComposerContext as c } from "@lexical/react/LexicalComposerContext";
 import { useLexicalEditable as l } from "@lexical/react/useLexicalEditable";
 //#region src/cds/patterns/LexicalEditor/nodes/ImageNode/CompactImageView.tsx
-function u({ src: t, altText: r, nodeKey: u }) {
-	let [g] = c(), _ = l(), [v, y] = n(!1), { t: b } = o();
-	return v ? /* @__PURE__ */ i(h, { children: r || b("이미지를 불러올 수 없습니다.") }) : _ ? /* @__PURE__ */ a(d, { children: [/* @__PURE__ */ i(p, {
-		src: t,
-		alt: r,
+function u({ src: n, altText: i, nodeKey: u }) {
+	let [g] = c(), _ = l(), [v, y] = r(!1), { t: b } = t();
+	return v ? /* @__PURE__ */ a(h, { children: i || b("이미지를 불러올 수 없습니다.") }) : _ ? /* @__PURE__ */ o(d, { children: [/* @__PURE__ */ a(p, {
+		src: n,
+		alt: i,
 		onError: () => y(!0)
-	}), /* @__PURE__ */ i(m, {
+	}), /* @__PURE__ */ a(m, {
 		type: "button",
 		onClick: () => {
 			g.update(() => {
@@ -22,37 +22,37 @@ function u({ src: t, altText: r, nodeKey: u }) {
 			});
 		},
 		"aria-label": b("삭제", { context: "버튼, 게시글 본문 이미지" }),
-		children: /* @__PURE__ */ i(e, {})
-	})] }) : /* @__PURE__ */ i(f, {
+		children: /* @__PURE__ */ a(e, {})
+	})] }) : /* @__PURE__ */ a(f, {
 		type: "button",
-		onClick: () => window.open(t, "_blank", "noopener"),
+		onClick: () => window.open(n, "_blank", "noopener"),
 		title: b("클릭해서 원본 이미지 보기"),
-		children: /* @__PURE__ */ i(p, {
-			src: t,
-			alt: r,
+		children: /* @__PURE__ */ a(p, {
+			src: n,
+			alt: i,
 			onError: () => y(!0)
 		})
 	});
 }
-var d = r.div`
+var d = i.div`
   position: relative;
   display: inline-block;
   max-width: 100%;
-`, f = r.button`
+`, f = i.button`
   display: inline-block;
   max-width: 100%;
   padding: 0;
   border: 0;
   background: transparent;
   cursor: pointer;
-`, p = r.img`
+`, p = i.img`
   display: block;
   max-width: 100%;
   max-height: 400px;
   height: auto;
   object-fit: contain;
   border-radius: 10px;
-`, m = r.button(({ theme: e }) => t`
+`, m = i.button(({ theme: e }) => n`
     position: absolute;
     top: 8px;
     right: 8px;
@@ -72,7 +72,7 @@ var d = r.div`
     &:hover {
       opacity: 1;
     }
-  `), h = r.div(({ theme: e }) => t`
+  `), h = i.div(({ theme: e }) => n`
     display: flex;
     align-items: center;
     justify-content: center;

package/dist/patterns/LexicalEditor/nodes/ImageNode/ImageComponent.js

@@ -1,19 +1,19 @@
 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 { RESET_BUTTON as n } from "../../../../utils/reset.js";
-import { VISUALLY_HIDDEN as r } from "../../../../utils/visuallyHidden.js";
-import { $isImageNode as i } from "./ImageNode.js";
-import { LexicalCustomConfigContext as a } from "../../LexicalCustomConfigContext.js";
-import { ImageNotAvailable as o } from "./ImageNotAvailable.js";
-import { InsertImageDialog as s } from "../../components/InsertImageDialog/InsertImageDialog.js";
-import { CompactImageView as ee } from "./CompactImageView.js";
-import { ImageResizer as c } from "./ImageResizer.js";
-import { css as l } from "@emotion/react";
-import { Suspense as u, useCallback as d, useContext as f, useEffect as te, useRef as p, useState as m } from "react";
-import h from "@emotion/styled";
-import { Fragment as g, jsx as _, jsxs as v } from "@emotion/react/jsx-runtime";
-import { useTranslation as y } from "react-i18next";
-import { $getNodeByKey as b, $getSelection as x, $isNodeSelection as S, $isRangeSelection as ne, $setSelection as re, CLICK_COMMAND as C, COMMAND_PRIORITY_LOW as w, DRAGSTART_COMMAND as T, KEY_BACKSPACE_COMMAND as ie, KEY_DELETE_COMMAND as ae, KEY_ENTER_COMMAND as oe, KEY_ESCAPE_COMMAND as se, SELECTION_CHANGE_COMMAND as ce, createCommand as E } from "lexical";
+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 { RESET_BUTTON as r } from "../../../../utils/reset.js";
+import { VISUALLY_HIDDEN as i } from "../../../../utils/visuallyHidden.js";
+import { $isImageNode as a } from "./ImageNode.js";
+import { LexicalCustomConfigContext as o } from "../../LexicalCustomConfigContext.js";
+import { ImageNotAvailable as s } from "./ImageNotAvailable.js";
+import { InsertImageDialog as c } from "../../components/InsertImageDialog/InsertImageDialog.js";
+import { CompactImageView as l } from "./CompactImageView.js";
+import { ImageResizer as u } from "./ImageResizer.js";
+import { css as d } from "@emotion/react";
+import { Suspense as f, useCallback as p, useContext as ee, useEffect as te, useRef as m, useState as h } from "react";
+import g from "@emotion/styled";
+import { Fragment as _, jsx as v, jsxs as y } from "@emotion/react/jsx-runtime";
+import { $getNodeByKey as b, $getSelection as x, $isNodeSelection as S, $isRangeSelection as ne, $setSelection as re, CLICK_COMMAND as C, COMMAND_PRIORITY_LOW as w, DRAGSTART_COMMAND as ie, KEY_BACKSPACE_COMMAND as ae, KEY_DELETE_COMMAND as oe, KEY_ENTER_COMMAND as se, KEY_ESCAPE_COMMAND as T, SELECTION_CHANGE_COMMAND as ce, createCommand as E } from "lexical";
 import { mergeRegister as le } from "@lexical/utils";
 import { useLexicalComposerContext as D } from "@lexical/react/LexicalComposerContext";
 import { useLexicalNodeSelection as O } from "@lexical/react/useLexicalNodeSelection";
@@ -31,10 +31,10 @@ function j(e) {
 	});
 }
 function M(e) {
-	let { altText: t, className: r, imageRef: i, src: a, width: o, height: s, maxWidth: ee, onError: c, title: l, buttonProps: u, addtionalInfoLabel: d } = e;
+	let { altText: t, className: n, imageRef: i, src: a, width: o, height: s, maxWidth: c, onError: l, title: u, buttonProps: d, addtionalInfoLabel: f } = e;
 	j(a);
-	let f = /* @__PURE__ */ _("img", {
-		className: r || void 0,
+	let p = /* @__PURE__ */ v("img", {
+		className: n || void 0,
 		src: a,
 		alt: t,
 		ref: i,
@@ -43,33 +43,33 @@ function M(e) {
 			maxWidth: "100%",
 			width: o
 		},
-		title: l,
-		onError: c,
+		title: u,
+		onError: l,
 		draggable: "false"
 	});
-	return u ? /* @__PURE__ */ v("button", {
+	return d ? /* @__PURE__ */ y("button", {
 		type: "button",
-		css: n,
-		...u,
-		children: [f, d]
-	}) : f;
+		css: r,
+		...d,
+		children: [p, f]
+	}) : p;
 }
-function N({ src: n, altText: h, nodeKey: E, width: k, height: j, maxWidth: N, resizable: fe }) {
-	let P = p(null), F = p(null), [I, L, R] = O(E), [z, B] = m(!1), [V] = D(), [H, pe] = m(null), me = p(null), [U, W] = m(!1), { t: G } = y(), K = d((e) => {
+function N({ src: r, altText: g, nodeKey: E, width: k, height: j, maxWidth: N, resizable: fe }) {
+	let P = m(null), F = m(null), [I, L, R] = O(E), [z, B] = h(!1), [V] = D(), [H, pe] = h(null), me = m(null), [U, W] = h(!1), { t: G } = n(), K = p((e) => {
 		let t = x();
 		return I && S(t) && (e.preventDefault(), V.update(() => {
 			t.getNodes().forEach((e) => {
-				i(e) && e.remove();
+				a(e) && e.remove();
 			});
 		})), !1;
-	}, [V, I]), q = d((e) => {
+	}, [V, I]), q = p((e) => {
 		let t = x(), n = F.current;
 		return I && S(t) && t.getNodes().length === 1 && n !== null && n !== document.activeElement ? (e.preventDefault(), n.focus(), !0) : !1;
-	}, [I]), J = d((e) => F.current === e.target ? (re(null), V.update(() => {
+	}, [I]), J = p((e) => F.current === e.target ? (re(null), V.update(() => {
 		L(!0);
 		let e = V.getRootElement();
 		e !== null && e.focus();
-	}), !0) : !1, [V, L]), Y = d((e) => {
+	}), !0) : !1, [V, L]), Y = p((e) => {
 		let t = e;
 		return z ? !0 : t.target === P.current ? (t.shiftKey ? L(!I) : (R(), L(!0)), !0) : !1;
 	}, [
@@ -77,7 +77,7 @@ function N({ src: n, altText: h, nodeKey: E, width: k, height: j, maxWidth: N, r
 		I,
 		L,
 		R
-	]), X = d((e) => {
+	]), X = p((e) => {
 		V.getEditorState().read(() => {
 			let t = x();
 			e.target.tagName === "IMG" && ne(t) && t.getNodes().length === 1 && V.dispatchCommand(A, e);
@@ -86,7 +86,7 @@ function N({ src: n, altText: h, nodeKey: E, width: k, height: j, maxWidth: N, r
 	te(() => {
 		let e = !0, t = V.getRootElement(), n = le(V.registerUpdateListener(({ editorState: t }) => {
 			e && pe(t.read(() => x()));
-		}), V.registerCommand(ce, (e, t) => (me.current = t, !1), w), V.registerCommand(C, Y, w), V.registerCommand(A, Y, w), V.registerCommand(T, (e) => e.target === P.current ? (e.preventDefault(), !0) : !1, w), V.registerCommand(ae, K, w), V.registerCommand(ie, K, w), V.registerCommand(oe, q, w), V.registerCommand(se, J, w));
+		}), V.registerCommand(ce, (e, t) => (me.current = t, !1), w), V.registerCommand(C, Y, w), V.registerCommand(A, Y, w), V.registerCommand(ie, (e) => e.target === P.current ? (e.preventDefault(), !0) : !1, w), V.registerCommand(oe, K, w), V.registerCommand(ae, K, w), V.registerCommand(se, q, w), V.registerCommand(T, J, w));
 		return t?.addEventListener("contextmenu", X), () => {
 			e = !1, n(), t?.removeEventListener("contextmenu", X);
 		};
@@ -108,33 +108,33 @@ function N({ src: n, altText: h, nodeKey: E, width: k, height: j, maxWidth: N, r
 			B(!1);
 		}, 200), V.update(() => {
 			let n = b(E);
-			i(n) && n.setWidthAndHeight(e, t);
+			a(n) && n.setWidthAndHeight(e, t);
 		});
 	}, ge = () => {
 		B(!0);
-	}, Z = I && S(H) && !z, Q = I || z, [_e, $] = m(!1), ve = ue(), { compactEditorMode: ye } = f(a);
-	return ye ? /* @__PURE__ */ _(ee, {
-		src: n,
-		altText: h,
+	}, Z = I && S(H) && !z, Q = I || z, [_e, $] = h(!1), ve = ue(), { compactEditorMode: ye } = ee(o);
+	return ye ? /* @__PURE__ */ v(l, {
+		src: r,
+		altText: g,
 		nodeKey: E
-	}) : ve ? /* @__PURE__ */ v(g, { children: [/* @__PURE__ */ v(de, { children: [/* @__PURE__ */ _(u, {
+	}) : ve ? /* @__PURE__ */ y(_, { children: [/* @__PURE__ */ y(de, { children: [/* @__PURE__ */ v(f, {
 		fallback: null,
-		children: /* @__PURE__ */ _("div", {
+		children: /* @__PURE__ */ v("div", {
 			draggable: Z,
-			css: l`
+			css: d`
               // ImageResizer를 위한 relative 설정입니다.
               position: relative;
             `,
-			children: U ? /* @__PURE__ */ _(o, {}) : /* @__PURE__ */ v(g, { children: [/* @__PURE__ */ _(M, {
+			children: U ? /* @__PURE__ */ v(s, {}) : /* @__PURE__ */ y(_, { children: [/* @__PURE__ */ v(M, {
 				className: Q ? `focused ${S(H) ? "draggable" : ""}` : null,
-				src: n,
-				altText: h,
+				src: r,
+				altText: g,
 				imageRef: P,
 				width: k,
 				height: j,
 				maxWidth: N,
 				onError: () => W(!0)
-			}), fe && S(H) && Q && /* @__PURE__ */ _(c, {
+			}), fe && S(H) && Q && /* @__PURE__ */ v(u, {
 				showCaption: !1,
 				setShowCaption: () => {},
 				editor: V,
@@ -145,61 +145,61 @@ function N({ src: n, altText: h, nodeKey: E, width: k, height: j, maxWidth: N, r
 				captionsEnabled: !1
 			})] })
 		})
-	}), /* @__PURE__ */ _(e, {
+	}), /* @__PURE__ */ v(e, {
 		size: "small",
 		color: "icon",
-		icon: /* @__PURE__ */ _(t, {}),
+		icon: /* @__PURE__ */ v(t, {}),
 		onClick: () => {
 			$(!0);
 		},
 		"aria-label": G("이미지 수정하기", { context: "스퀘어버튼, 렉시컬 이미지 도구" })
-	})] }), /* @__PURE__ */ _(s, {
+	})] }), /* @__PURE__ */ v(c, {
 		open: _e,
 		title: G("이미지 수정하기", { context: "제목, 이미지 수정 다이얼로그" }),
 		onClose: () => $(!1),
 		imageProps: {
-			src: n,
-			altText: h
+			src: r,
+			altText: g
 		},
 		onChange: (e) => {
 			V.update(() => {
 				let t = b(E);
-				i(t) && (t.setSrc(e.src), t.setAltText(e.altText));
+				a(t) && (t.setSrc(e.src), t.setAltText(e.altText));
 			});
 		},
 		onDelete: () => {
 			V.update(() => {
 				let e = b(E);
-				i(e) && e.remove();
+				a(e) && e.remove();
 			});
 		}
-	}, n)] }) : /* @__PURE__ */ _(u, {
+	}, r)] }) : /* @__PURE__ */ v(f, {
 		fallback: null,
-		children: /* @__PURE__ */ _("div", {
+		children: /* @__PURE__ */ v("div", {
 			draggable: Z,
-			children: U ? /* @__PURE__ */ _(o, {}) : /* @__PURE__ */ _(M, {
+			children: U ? /* @__PURE__ */ v(s, {}) : /* @__PURE__ */ v(M, {
 				className: Q ? `focused ${S(H) ? "draggable" : ""}` : null,
-				css: l`
+				css: d`
                 cursor: pointer;
               `,
-				src: n,
-				altText: h,
+				src: r,
+				altText: g,
 				imageRef: P,
 				width: k,
 				height: j,
 				maxWidth: N,
 				onError: () => W(!0),
-				buttonProps: { onClick: () => window.open(n, "_blank", "noopener") },
+				buttonProps: { onClick: () => window.open(r, "_blank", "noopener") },
 				title: G("클릭해서 원본 이미지 보기."),
-				addtionalInfoLabel: /* @__PURE__ */ _("span", {
-					css: r,
+				addtionalInfoLabel: /* @__PURE__ */ v("span", {
+					css: i,
 					children: G("(새 창)", { context: "렉시컬 이미지 도구" })
 				})
 			})
 		})
 	});
 }
-var de = h.div`
+var de = g.div`
   display: flex;
   gap: 4px;
 `;

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

@@ -1,61 +1,61 @@
 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 { getTexts as r } from "../../../../texts.js";
-import { SettingForm as i } from "./SettingForm/SettingForm.js";
-import { TextInput as a } from "./TextInput.js";
-import { SegmentedInput as o } from "./SegmentedInput.js";
-import { $isProblemInputNode as s } from "./ProblemInputNode.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 { useTranslation as h } 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 { getTexts as i } from "../../../../texts.js";
+import { SettingForm as a } from "./SettingForm/SettingForm.js";
+import { TextInput as o } from "./TextInput.js";
+import { SegmentedInput as s } from "./SegmentedInput.js";
+import { $isProblemInputNode as c } from "./ProblemInputNode.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 { $getNodeByKey as g } from "lexical";
 import { useLexicalComposerContext as _ } from "@lexical/react/LexicalComposerContext";
 import { useLexicalEditable as v } from "@lexical/react/useLexicalEditable";
 //#region src/cds/patterns/LexicalEditor/nodes/ProblemInputNode/InputComponent.tsx
-function y(d) {
-	let { answer: y, isCorrect: x, ...S } = d, { solutions: C, showCharacterNumber: w, placeholder: T, nodeKey: E } = S, [D] = _(), { t: O } = h(), [k, A] = u(!1), j = v(), [M, N] = u(y), { freezeProblemNode: P } = l(n), F = C[0].value, I = (e) => {
+function y(f) {
+	let { answer: y, isCorrect: x, ...S } = f, { solutions: C, showCharacterNumber: w, placeholder: T, nodeKey: E } = S, [D] = _(), { t: O } = n(), [k, A] = d(!1), j = v(), [M, N] = d(y), { freezeProblemNode: P } = u(r), F = C[0].value, I = (e) => {
 		N(e), D.update(() => {
 			let t = g(E);
-			s(t) && t.setAnswer(e);
+			c(t) && t.setAnswer(e);
 		});
 	};
-	return j ? /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ m("div", {
-		css: c`
+	return j ? /* @__PURE__ */ h(p, { children: [/* @__PURE__ */ h("div", {
+		css: l`
           display: flex;
           align-items: center;
           gap: 4px;
         `,
-		children: [/* @__PURE__ */ p(b, {
+		children: [/* @__PURE__ */ m(b, {
 			onClick: () => A(!0),
 			children: O("주관식 입력 칸", { context: "렉시컬 주관식 입력 도구" })
-		}), /* @__PURE__ */ p(e, {
+		}), /* @__PURE__ */ m(e, {
 			size: "small",
 			color: "icon",
-			icon: /* @__PURE__ */ p(t, {}),
+			icon: /* @__PURE__ */ m(t, {}),
 			onClick: () => {
 				A(!0);
 			},
 			"aria-label": O("입력 칸 설정", { context: "렉시컬 주관식 입력 도구" })
 		})]
-	}), k && /* @__PURE__ */ p(i, {
+	}), k && /* @__PURE__ */ m(a, {
 		...S,
 		onClose: () => A(!1)
-	})] }) : w ? /* @__PURE__ */ p(o, {
+	})] }) : w ? /* @__PURE__ */ m(s, {
 		readOnly: P,
 		isCorrect: x,
 		answerFormat: F,
-		placeholder: T || r(O, "placeholderEnterHere"),
+		placeholder: T || i(O, "placeholderEnterHere"),
 		value: M,
 		onChange: I
-	}) : /* @__PURE__ */ p(a, {
+	}) : /* @__PURE__ */ m(o, {
 		readOnly: P,
 		isCorrect: x,
 		size: "small",
 		color: "default",
-		placeholder: T || r(O, "placeholderEnterHere"),
+		placeholder: T || i(O, "placeholderEnterHere"),
 		value: M,
 		onChange: (e) => {
 			I(e.target.value);
@@ -63,7 +63,7 @@ function y(d) {
 		fullWidth: !0
 	});
 }
-var b = d.div(({ theme: e }) => c`
+var b = f.div(({ theme: e }) => l`
     box-sizing: border-box;
     height: 36px;
     width: 300px;

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("정답 등록 불가")
 						})