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

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

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

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;