@tipp/ui 2.3.38 → 2.3.40

package/dist/molecules/dynamic-form-editor.cjs

@@ -1264,8 +1264,69 @@ var CircleFileIcon = React17.forwardRef(
 );
 CircleFileIcon.displayName = "CircleFileIcon";
 
-// src/molecules/dynamic-form-editor-field-editor-panel.tsx
+// src/icons/headset.tsx
+var React18 = __toESM(require("react"), 1);
 var import_jsx_runtime23 = require("react/jsx-runtime");
+var HeadsetIcon = React18.forwardRef(
+  (_a, forwardedRef) => {
+    var _b = _a, { color = "currentColor" } = _b, props = __objRest(_b, ["color"]);
+    return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
+      "svg",
+      __spreadProps(__spreadValues({
+        fill: "none",
+        height: "16",
+        viewBox: "0 0 16 16",
+        width: "16",
+        xmlns: "http://www.w3.org/2000/svg"
+      }, props), {
+        ref: forwardedRef,
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+            "path",
+            {
+              d: "M3.25 6C3.25 3.75 5.5 2 8 2C10.5 2 12.75 3.75 12.75 6",
+              stroke: color,
+              strokeLinecap: "round",
+              strokeWidth: "1.2"
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+            "path",
+            {
+              d: "M4.75 6H3.25A1.5 1.5 0 0 0 1.75 7.5V10.75A1.5 1.5 0 0 0 3.25 12.25H4.75Z",
+              stroke: color,
+              strokeLinejoin: "round",
+              strokeWidth: "1.2"
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+            "path",
+            {
+              d: "M11.25 6H12.75A1.5 1.5 0 0 1 14.25 7.5V10.75A1.5 1.5 0 0 1 12.75 12.25H11.25Z",
+              stroke: color,
+              strokeLinejoin: "round",
+              strokeWidth: "1.2"
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+            "path",
+            {
+              d: "M4 12.25V13.25C4 13.94 4.56 14.5 5.25 14.5H8",
+              stroke: color,
+              strokeLinecap: "round",
+              strokeLinejoin: "round",
+              strokeWidth: "1.2"
+            }
+          )
+        ]
+      })
+    );
+  }
+);
+HeadsetIcon.displayName = "HeadsetIcon";
+
+// src/molecules/dynamic-form-editor-field-editor-panel.tsx
+var import_jsx_runtime24 = require("react/jsx-runtime");
 function isRecord2(value) {
   return Boolean(value) && typeof value === "object" && !Array.isArray(value);
 }
@@ -1351,11 +1412,11 @@ function DynamicFormEditorFieldEditorPanel(props) {
     if (!field) return "";
     return String(field.placeholder || "");
   }, [field]);
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Card, { style: { flex: 1, minWidth: 520, padding: 12 }, children: /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_themes2.Flex, { direction: "column", gap: "4", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_themes2.Flex, { align: "center", justify: "between", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Typo, { variant: "body", children: "\uD544\uB4DC \uD3B8\uC9D1" }),
-      /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_themes2.Flex, { align: "center", gap: "1", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Card, { style: { flex: 1, minWidth: 520, padding: 12 }, children: /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_themes2.Flex, { direction: "column", gap: "4", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_themes2.Flex, { align: "center", justify: "between", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Typo, { variant: "body", children: "\uD544\uB4DC \uD3B8\uC9D1" }),
+      /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_themes2.Flex, { align: "center", gap: "1", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
           IconButton,
           {
             "aria-label": "\uD544\uB4DC \uC704\uB85C",
@@ -1364,10 +1425,10 @@ function DynamicFormEditorFieldEditorPanel(props) {
               onMoveField("up");
             },
             variant: "soft",
-            children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_react_icons.ChevronUpIcon, {})
+            children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react_icons.ChevronUpIcon, {})
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
           IconButton,
           {
             "aria-label": "\uD544\uB4DC \uC544\uB798\uB85C",
@@ -1376,36 +1437,36 @@ function DynamicFormEditorFieldEditorPanel(props) {
               onMoveField("down");
             },
             variant: "soft",
-            children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_react_icons.ChevronDownIcon, {})
+            children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react_icons.ChevronDownIcon, {})
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
           IconButton,
           {
             "aria-label": "\uD544\uB4DC \uBCF5\uC81C",
             disabled: readonly || !field,
             onClick: onDuplicateField,
             variant: "soft",
-            children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_react_icons.CopyIcon, {})
+            children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react_icons.CopyIcon, {})
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
           IconButton,
           {
             "aria-label": "\uD544\uB4DC \uC0AD\uC81C",
             disabled: readonly || !field,
             onClick: onDeleteField,
             variant: "soft",
-            children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_react_icons.TrashIcon, {})
+            children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react_icons.TrashIcon, {})
           }
         )
       ] })
     ] }),
-    !field ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Typo, { color: "gray", variant: "caption", children: "\uC67C\uCABD\uC5D0\uC11C \uD544\uB4DC\uB97C \uC120\uD0DD\uD558\uC138\uC694." }) : /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_themes2.Flex, { direction: "column", gap: "3", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_themes2.Flex, { align: "end", gap: "2", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_themes10.Box, { style: { flex: 1 }, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Typo, { variant: "caption", children: "name" }),
-          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+    !field ? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Typo, { color: "gray", variant: "caption", children: "\uC67C\uCABD\uC5D0\uC11C \uD544\uB4DC\uB97C \uC120\uD0DD\uD558\uC138\uC694." }) : /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_themes2.Flex, { direction: "column", gap: "3", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_themes2.Flex, { align: "end", gap: "2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_themes10.Box, { style: { flex: 1 }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Typo, { variant: "caption", children: "name" }),
+          /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
             TextField.Root,
             {
               disabled: readonly,
@@ -1416,9 +1477,9 @@ function DynamicFormEditorFieldEditorPanel(props) {
             }
           )
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_themes10.Box, { style: { flex: 1 }, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Typo, { variant: "caption", children: "label" }),
-          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_themes10.Box, { style: { flex: 1 }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Typo, { variant: "caption", children: "label" }),
+          /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
             TextField.Root,
             {
               disabled: readonly,
@@ -1430,8 +1491,8 @@ function DynamicFormEditorFieldEditorPanel(props) {
           )
         ] })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_themes2.Flex, { align: "center", gap: "2", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
+      /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_themes2.Flex, { align: "center", gap: "2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
           Select.Root,
           {
             disabled: readonly,
@@ -1441,13 +1502,13 @@ function DynamicFormEditorFieldEditorPanel(props) {
             },
             value: field.type,
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Select.Trigger, { style: { minWidth: 220 } }),
-              /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Select.Content, { children: fieldTypes.map((t) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Select.Item, { value: t, children: getFieldTypeLabel(t) }, t)) })
+              /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Select.Trigger, { style: { minWidth: 220 } }),
+              /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Select.Content, { children: fieldTypes.map((t) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Select.Item, { value: t, children: getFieldTypeLabel(t) }, t)) })
             ]
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_themes2.Flex, { align: "center", gap: "2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_themes2.Flex, { align: "center", gap: "2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
             Checkbox,
             {
               checked: Boolean(field.required),
@@ -1457,12 +1518,12 @@ function DynamicFormEditorFieldEditorPanel(props) {
               }
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Typo, { variant: "caption", children: "\uD544\uC218" })
+          /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Typo, { variant: "caption", children: "\uD544\uC218" })
         ] })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_themes10.Box, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Typo, { variant: "caption", children: "description" }),
-        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_themes10.Box, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Typo, { variant: "caption", children: "description" }),
+        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
           TextArea,
           {
             disabled: readonly,
@@ -1476,9 +1537,9 @@ function DynamicFormEditorFieldEditorPanel(props) {
           }
         )
       ] }),
-      field.type === "short_text" || field.type === "long_text" || field.type === "number" || field.type === "email" || field.type === "dropdown" ? /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_themes10.Box, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Typo, { variant: "caption", children: "placeholder" }),
-        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+      field.type === "short_text" || field.type === "long_text" || field.type === "number" || field.type === "email" || field.type === "dropdown" ? /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_themes10.Box, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Typo, { variant: "caption", children: "placeholder" }),
+        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
           TextField.Root,
           {
             disabled: readonly,
@@ -1489,9 +1550,9 @@ function DynamicFormEditorFieldEditorPanel(props) {
           }
         )
       ] }) : null,
-      field.type === "choice" || field.type === "choices" ? /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_themes10.Box, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Typo, { variant: "caption", children: "orientation" }),
-        /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
+      field.type === "choice" || field.type === "choices" ? /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_themes10.Box, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Typo, { variant: "caption", children: "orientation" }),
+        /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
           Select.Root,
           {
             disabled: readonly,
@@ -1501,19 +1562,19 @@ function DynamicFormEditorFieldEditorPanel(props) {
             },
             value: field.orientation || "vertical",
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Select.Trigger, { style: { minWidth: 220 } }),
-              /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(Select.Content, { children: [
-                /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Select.Item, { value: "vertical", children: "vertical" }),
-                /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Select.Item, { value: "horizontal", children: "horizontal" })
+              /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Select.Trigger, { style: { minWidth: 220 } }),
+              /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(Select.Content, { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Select.Item, { value: "vertical", children: "vertical" }),
+                /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Select.Item, { value: "horizontal", children: "horizontal" })
               ] })
             ]
           }
         )
       ] }) : null,
-      field.type === "dropdown" || field.type === "choice" || field.type === "radio_cards" || field.type === "choices" ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Card, { style: { padding: 12 }, children: /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_themes2.Flex, { direction: "column", gap: "2", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_themes2.Flex, { align: "center", justify: "between", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Typo, { variant: "caption", children: "options" }),
-          /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
+      field.type === "dropdown" || field.type === "choice" || field.type === "radio_cards" || field.type === "choices" ? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Card, { style: { padding: 12 }, children: /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_themes2.Flex, { direction: "column", gap: "2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_themes2.Flex, { align: "center", justify: "between", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Typo, { variant: "caption", children: "options" }),
+          /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
             Button,
             {
               disabled: readonly,
@@ -1531,16 +1592,16 @@ function DynamicFormEditorFieldEditorPanel(props) {
               size: "small",
               variant: "soft",
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_react_icons.PlusIcon, {}),
+                /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react_icons.PlusIcon, {}),
                 " \uCD94\uAC00"
               ]
             }
           )
         ] }),
-        getOptionDrafts(field).map((opt, i) => /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_themes2.Flex, { align: "end", gap: "2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_themes10.Box, { style: { flex: 1 }, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Typo, { variant: "caption", children: "label" }),
-            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+        getOptionDrafts(field).map((opt, i) => /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_themes2.Flex, { align: "end", gap: "2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_themes10.Box, { style: { flex: 1 }, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Typo, { variant: "caption", children: "label" }),
+            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
               TextField.Root,
               {
                 disabled: readonly,
@@ -1555,9 +1616,9 @@ function DynamicFormEditorFieldEditorPanel(props) {
               }
             )
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_themes10.Box, { style: { flex: 1 }, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Typo, { variant: "caption", children: "value" }),
-            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_themes10.Box, { style: { flex: 1 }, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Typo, { variant: "caption", children: "value" }),
+            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
               TextField.Root,
               {
                 disabled: readonly,
@@ -1572,8 +1633,8 @@ function DynamicFormEditorFieldEditorPanel(props) {
               }
             )
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_themes2.Flex, { gap: "1", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_themes2.Flex, { gap: "1", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
               IconButton,
               {
                 "aria-label": "\uC635\uC158 \uC704\uB85C",
@@ -1584,10 +1645,10 @@ function DynamicFormEditorFieldEditorPanel(props) {
                   onUpdateField(updateOptions(field, toFieldOptions(nextDrafts)));
                 },
                 variant: "soft",
-                children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_react_icons.ChevronUpIcon, {})
+                children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react_icons.ChevronUpIcon, {})
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
               IconButton,
               {
                 "aria-label": "\uC635\uC158 \uC544\uB798\uB85C",
@@ -1598,10 +1659,10 @@ function DynamicFormEditorFieldEditorPanel(props) {
                   onUpdateField(updateOptions(field, toFieldOptions(nextDrafts)));
                 },
                 variant: "soft",
-                children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_react_icons.ChevronDownIcon, {})
+                children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react_icons.ChevronDownIcon, {})
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
               IconButton,
               {
                 "aria-label": "\uC635\uC158 \uC0AD\uC81C",
@@ -1612,16 +1673,16 @@ function DynamicFormEditorFieldEditorPanel(props) {
                   onUpdateField(updateOptions(field, toFieldOptions(nextDrafts)));
                 },
                 variant: "soft",
-                children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_react_icons.TrashIcon, {})
+                children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react_icons.TrashIcon, {})
               }
             )
           ] })
         ] }, `${opt.value}-${opt.label}`))
       ] }) }) : null,
-      field.type === "image_radio_card" ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Card, { style: { padding: 12 }, children: /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_themes2.Flex, { direction: "column", gap: "3", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_themes2.Flex, { align: "center", justify: "between", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Typo, { variant: "caption", children: "image options" }),
-          /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
+      field.type === "image_radio_card" ? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Card, { style: { padding: 12 }, children: /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_themes2.Flex, { direction: "column", gap: "3", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_themes2.Flex, { align: "center", justify: "between", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Typo, { variant: "caption", children: "image options" }),
+          /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
             Button,
             {
               disabled: readonly,
@@ -1640,21 +1701,21 @@ function DynamicFormEditorFieldEditorPanel(props) {
               size: "small",
               variant: "soft",
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_react_icons.PlusIcon, {}),
+                /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react_icons.PlusIcon, {}),
                 " \uCD94\uAC00"
               ]
             }
           )
         ] }),
-        getImageOptionDrafts(field).map((opt, i) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+        getImageOptionDrafts(field).map((opt, i) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
           Card,
           {
             style: { padding: 10 },
-            children: /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_themes2.Flex, { direction: "column", gap: "2", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_themes2.Flex, { align: "end", gap: "2", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_themes10.Box, { style: { flex: 1 }, children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Typo, { variant: "caption", children: "label" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_themes2.Flex, { direction: "column", gap: "2", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_themes2.Flex, { align: "end", gap: "2", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_themes10.Box, { style: { flex: 1 }, children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Typo, { variant: "caption", children: "label" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
                     TextField.Root,
                     {
                       disabled: readonly,
@@ -1671,9 +1732,9 @@ function DynamicFormEditorFieldEditorPanel(props) {
                     }
                   )
                 ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_themes10.Box, { style: { flex: 1 }, children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Typo, { variant: "caption", children: "value" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_themes10.Box, { style: { flex: 1 }, children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Typo, { variant: "caption", children: "value" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
                     TextField.Root,
                     {
                       disabled: readonly,
@@ -1691,9 +1752,9 @@ function DynamicFormEditorFieldEditorPanel(props) {
                   )
                 ] })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_themes10.Box, { children: [
-                /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Typo, { variant: "caption", children: "imageSrc" }),
-                /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_themes10.Box, { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Typo, { variant: "caption", children: "imageSrc" }),
+                /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
                   TextField.Root,
                   {
                     disabled: readonly,
@@ -1710,10 +1771,10 @@ function DynamicFormEditorFieldEditorPanel(props) {
                   }
                 )
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_themes2.Flex, { align: "end", gap: "2", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_themes10.Box, { style: { flex: 1 }, children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Typo, { variant: "caption", children: "alt" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_themes2.Flex, { align: "end", gap: "2", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_themes10.Box, { style: { flex: 1 }, children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Typo, { variant: "caption", children: "alt" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
                     TextField.Root,
                     {
                       disabled: readonly,
@@ -1731,7 +1792,7 @@ function DynamicFormEditorFieldEditorPanel(props) {
                     }
                   )
                 ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
                   IconButton,
                   {
                     "aria-label": "\uC774\uBBF8\uC9C0 \uC635\uC158 \uC0AD\uC81C",
@@ -1744,7 +1805,7 @@ function DynamicFormEditorFieldEditorPanel(props) {
                       );
                     },
                     variant: "soft",
-                    children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_react_icons.TrashIcon, {})
+                    children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react_icons.TrashIcon, {})
                   }
                 )
               ] })
@@ -1752,10 +1813,10 @@ function DynamicFormEditorFieldEditorPanel(props) {
           },
           `${opt.value}-${opt.label}-${opt.imageSrc}`
         )),
-        /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_themes2.Flex, { gap: "2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_themes10.Box, { style: { flex: 1 }, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Typo, { variant: "caption", children: "gridColumnsCount" }),
-            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_themes2.Flex, { gap: "2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_themes10.Box, { style: { flex: 1 }, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Typo, { variant: "caption", children: "gridColumnsCount" }),
+            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
               TextField.Root,
               {
                 disabled: readonly,
@@ -1771,9 +1832,9 @@ function DynamicFormEditorFieldEditorPanel(props) {
               }
             )
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_themes10.Box, { style: { flex: 1 }, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Typo, { variant: "caption", children: "gridItemHeight" }),
-            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_themes10.Box, { style: { flex: 1 }, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Typo, { variant: "caption", children: "gridItemHeight" }),
+            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
               TextField.Root,
               {
                 disabled: readonly,
@@ -1786,9 +1847,9 @@ function DynamicFormEditorFieldEditorPanel(props) {
               }
             )
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_themes10.Box, { style: { flex: 1 }, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Typo, { variant: "caption", children: "gridGap" }),
-            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_themes10.Box, { style: { flex: 1 }, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Typo, { variant: "caption", children: "gridGap" }),
+            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
               TextField.Root,
               {
                 disabled: readonly,
@@ -1800,9 +1861,9 @@ function DynamicFormEditorFieldEditorPanel(props) {
             )
           ] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_themes10.Box, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Typo, { variant: "caption", children: "imageFit" }),
-          /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_themes10.Box, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Typo, { variant: "caption", children: "imageFit" }),
+          /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
             Select.Root,
             {
               disabled: readonly,
@@ -1812,22 +1873,22 @@ function DynamicFormEditorFieldEditorPanel(props) {
               },
               value: field.imageFit || "cover",
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Select.Trigger, { style: { minWidth: 220 } }),
-                /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(Select.Content, { children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Select.Item, { value: "cover", children: "cover" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Select.Item, { value: "contain", children: "contain" })
+                /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Select.Trigger, { style: { minWidth: 220 } }),
+                /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(Select.Content, { children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Select.Item, { value: "cover", children: "cover" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Select.Item, { value: "contain", children: "contain" })
                 ] })
               ]
             }
           )
         ] })
       ] }) }) : null,
-      /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Card, { style: { padding: 12 }, children: /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_themes2.Flex, { direction: "column", gap: "2", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Typo, { variant: "caption", children: "validation" }),
-        /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_themes2.Flex, { gap: "2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_themes10.Box, { style: { flex: 1 }, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Typo, { variant: "caption", children: "min" }),
-            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Card, { style: { padding: 12 }, children: /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_themes2.Flex, { direction: "column", gap: "2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Typo, { variant: "caption", children: "validation" }),
+        /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_themes2.Flex, { gap: "2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_themes10.Box, { style: { flex: 1 }, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Typo, { variant: "caption", children: "min" }),
+            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
               TextField.Root,
               {
                 disabled: readonly,
@@ -1843,9 +1904,9 @@ function DynamicFormEditorFieldEditorPanel(props) {
               }
             )
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_themes10.Box, { style: { flex: 1 }, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Typo, { variant: "caption", children: "max" }),
-            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_themes10.Box, { style: { flex: 1 }, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Typo, { variant: "caption", children: "max" }),
+            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
               TextField.Root,
               {
                 disabled: readonly,
@@ -1862,9 +1923,9 @@ function DynamicFormEditorFieldEditorPanel(props) {
             )
           ] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_themes10.Box, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Typo, { variant: "caption", children: "pattern" }),
-          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_themes10.Box, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Typo, { variant: "caption", children: "pattern" }),
+          /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
             TextField.Root,
             {
               disabled: readonly,
@@ -1877,9 +1938,9 @@ function DynamicFormEditorFieldEditorPanel(props) {
             }
           )
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_themes10.Box, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Typo, { variant: "caption", children: "message" }),
-          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_themes10.Box, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Typo, { variant: "caption", children: "message" }),
+          /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
             TextField.Root,
             {
               disabled: readonly,
@@ -1900,7 +1961,7 @@ function DynamicFormEditorFieldEditorPanel(props) {
 // src/molecules/dynamic-form-editor-field-list-panel.tsx
 var import_react10 = require("react");
 var import_themes11 = require("@radix-ui/themes");
-var import_jsx_runtime24 = require("react/jsx-runtime");
+var import_jsx_runtime25 = require("react/jsx-runtime");
 function isFieldType2(value, types) {
   return types.some((t) => t === value);
 }
@@ -1918,10 +1979,10 @@ function DynamicFormEditorFieldListPanel(props) {
   const triggerPlaceholder = (0, import_react10.useMemo)(() => {
     return readonly ? "\uCD94\uAC00(\uC77D\uAE30 \uC804\uC6A9)" : "\uCD94\uAC00";
   }, [readonly]);
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Card, { style: { width: 340, padding: 12 }, children: /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_themes2.Flex, { direction: "column", gap: "3", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_themes2.Flex, { align: "center", justify: "between", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Typo, { variant: "body", children: "\uD544\uB4DC" }),
-      /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(Card, { style: { width: 340, padding: 12 }, children: /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(import_themes2.Flex, { direction: "column", gap: "3", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(import_themes2.Flex, { align: "center", justify: "between", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(Typo, { variant: "body", children: "\uD544\uB4DC" }),
+      /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
         Select.Root,
         {
           disabled: readonly,
@@ -1931,18 +1992,18 @@ function DynamicFormEditorFieldListPanel(props) {
           },
           value: "",
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Select.Trigger, { placeholder: triggerPlaceholder }),
-            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Select.Content, { children: fieldTypes.map((t) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Select.Item, { value: t, children: getFieldTypeLabel(t) }, t)) })
+            /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(Select.Trigger, { placeholder: triggerPlaceholder }),
+            /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(Select.Content, { children: fieldTypes.map((t) => /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(Select.Item, { value: t, children: getFieldTypeLabel(t) }, t)) })
           ]
         }
       )
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_themes2.Flex, { direction: "column", gap: "2", children: [
-      isEmpty ? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Typo, { color: "gray", variant: "caption", children: "\uC544\uC9C1 \uD544\uB4DC\uAC00 \uC5C6\uC2B5\uB2C8\uB2E4." }) : null,
+    /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(import_themes2.Flex, { direction: "column", gap: "2", children: [
+      isEmpty ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(Typo, { color: "gray", variant: "caption", children: "\uC544\uC9C1 \uD544\uB4DC\uAC00 \uC5C6\uC2B5\uB2C8\uB2E4." }) : null,
       fields.map((field) => {
         const isSelected = field.name === selectedFieldName;
         const hasError = hasFieldError(field.name);
-        return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
           Card,
           {
             error: isSelected ? hasError : void 0,
@@ -1955,8 +2016,8 @@ function DynamicFormEditorFieldListPanel(props) {
               opacity: readonly ? 0.8 : 1,
               border: isSelected ? "1px solid var(--accent-9)" : "1px solid transparent"
             },
-            children: /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_themes11.Box, { style: { minWidth: 0 }, children: [
-              /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(import_themes11.Box, { style: { minWidth: 0 }, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
                 Typo,
                 {
                   style: {
@@ -1968,7 +2029,7 @@ function DynamicFormEditorFieldListPanel(props) {
                   children: field.label
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(Typo, { color: "gray", variant: "caption", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(Typo, { color: "gray", variant: "caption", children: [
                 field.name,
                 " \xB7 ",
                 field.type,
@@ -1984,13 +2045,13 @@ function DynamicFormEditorFieldListPanel(props) {
 }
 
 // src/molecules/dynamic-form-editor-issues-panel.tsx
-var import_jsx_runtime25 = require("react/jsx-runtime");
+var import_jsx_runtime26 = require("react/jsx-runtime");
 function DynamicFormEditorIssuesPanel(props) {
   const { issues } = props;
   if (issues.length === 0) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(Card, { style: { padding: 12 }, children: /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(import_themes2.Flex, { direction: "column", gap: "2", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(Typo, { variant: "caption", children: "\uC2A4\uD0A4\uB9C8 \uC774\uC288" }),
-    issues.map((i) => /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Card, { style: { padding: 12 }, children: /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(import_themes2.Flex, { direction: "column", gap: "2", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Typo, { variant: "caption", children: "\uC2A4\uD0A4\uB9C8 \uC774\uC288" }),
+    issues.map((i) => /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
       Typo,
       {
         color: i.level === "error" ? "red" : "gray",
@@ -2025,7 +2086,7 @@ var import_react12 = require("react");
 var import_themes12 = require("@radix-ui/themes");
 var import_react11 = require("react");
 var import_themes13 = require("@radix-ui/themes");
-var import_jsx_runtime26 = require("react/jsx-runtime");
+var import_jsx_runtime27 = require("react/jsx-runtime");
 var mapVariant = (variant) => {
   switch (variant) {
     case "heading1":
@@ -2050,15 +2111,15 @@ function Heading2(props) {
       mapFn: mapVariant
     }) : size;
   }, [size, variant]);
-  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_themes12.Heading, __spreadProps(__spreadValues({}, rest), { size: radixSize, children }));
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_themes12.Heading, __spreadProps(__spreadValues({}, rest), { size: radixSize, children }));
 }
 
 // src/molecules/form/form.tsx
-var import_jsx_runtime27 = require("react/jsx-runtime");
+var import_jsx_runtime28 = require("react/jsx-runtime");
 var Root4 = (0, import_react12.forwardRef)(
   (_a, ref) => {
     var _b = _a, { children, className } = _b, rest = __objRest(_b, ["children", "className"]);
-    return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
       RadixForm.Root,
       __spreadProps(__spreadValues({}, rest), {
         className: `FormRoot ${className || ""}`,
@@ -2075,25 +2136,25 @@ var FieldContext = (0, import_react12.createContext)({
 var Field2 = (0, import_react12.forwardRef)(
   (_a, ref) => {
     var _b = _a, { children, className } = _b, rest = __objRest(_b, ["children", "className"]);
-    return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
       RadixForm.Field,
       __spreadProps(__spreadValues({}, rest), {
         className: `FormField ${className || ""}`,
         ref,
-        children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(FieldContext.Provider, { value: rest, children })
+        children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(FieldContext.Provider, { value: rest, children })
       })
     );
   }
 );
 Field2.displayName = "FORM_FIELD";
 function HeadingLabel(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Heading2, __spreadProps(__spreadValues({ variant: "heading5" }, props), { children: props.children }));
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Heading2, __spreadProps(__spreadValues({ variant: "heading5" }, props), { children: props.children }));
 }
 function CaptionLabel(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Typo, __spreadProps(__spreadValues({ color: "gray", variant: "caption", weight: "bold" }, props), { children: props.children }));
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Typo, __spreadProps(__spreadValues({ color: "gray", variant: "caption", weight: "bold" }, props), { children: props.children }));
 }
 function BodyLabel(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Typo, __spreadProps(__spreadValues({ variant: "body", weight: "bold" }, props), { children: props.children }));
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Typo, __spreadProps(__spreadValues({ variant: "body", weight: "bold" }, props), { children: props.children }));
 }
 var Label2 = (0, import_react12.forwardRef)(
   (_a, ref) => {
@@ -2110,15 +2171,15 @@ var Label2 = (0, import_react12.forwardRef)(
       }
     }, [variant]);
     const fieldProps = (0, import_react12.useContext)(FieldContext);
-    return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
       RadixForm.Label,
       __spreadProps(__spreadValues({}, rest), {
         asChild: true,
         className: `FormLabel ${className || ""}`,
         ref,
-        children: /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(Comp, { children: [
+        children: /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(Comp, { children: [
           children,
-          fieldProps.required ? /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Typo, { as: "span", color: "tomato", children: ` *` }) : null
+          fieldProps.required ? /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Typo, { as: "span", color: "tomato", children: ` *` }) : null
         ] })
       })
     );
@@ -2128,13 +2189,13 @@ Label2.displayName = "FORM_Label";
 var Message2 = (0, import_react12.forwardRef)(
   (_a, ref) => {
     var _b = _a, { children, className } = _b, rest = __objRest(_b, ["children", "className"]);
-    return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
       RadixForm.Message,
       __spreadProps(__spreadValues({}, rest), {
         asChild: true,
         className: `FormMessage ${className || ""}`,
         ref,
-        children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Typo, { color: "red", children })
+        children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Typo, { color: "red", children })
       })
     );
   }
@@ -2144,7 +2205,7 @@ var Control2 = (0, import_react12.forwardRef)(
   (_a, ref) => {
     var _b = _a, { className } = _b, rest = __objRest(_b, ["className"]);
     const fieldProps = (0, import_react12.useContext)(FieldContext);
-    return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
       RadixForm.Control,
       __spreadProps(__spreadValues({}, rest), {
         className: `FormControl ${className || ""}`,
@@ -2167,10 +2228,10 @@ function FormItem(_a) {
     "children",
     "errorMessage"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(Form.Field, __spreadProps(__spreadValues({}, fieldProps), { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Form.Label, { variant: labelVariant, children: label }),
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(Form.Field, __spreadProps(__spreadValues({}, fieldProps), { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Form.Label, { variant: labelVariant, children: label }),
     children,
-    /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Form.Message, { forceMatch: Boolean(errorMessage), children: errorMessage })
+    /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Form.Message, { forceMatch: Boolean(errorMessage), children: errorMessage })
   ] }));
 }
 var Form = {
@@ -2184,7 +2245,7 @@ var Form = {
 };
 
 // src/context/dynamic-form-context.tsx
-var import_jsx_runtime28 = require("react/jsx-runtime");
+var import_jsx_runtime29 = require("react/jsx-runtime");
 var DynamicFormContext = (0, import_react13.createContext)(null);
 function DynamicFormProvider({
   children,
@@ -2210,7 +2271,7 @@ function DynamicFormProvider({
     handleChange: formik.handleChange,
     handleBlur: formik.handleBlur
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(DynamicFormContext.Provider, { value: contextValue, children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Form.Root, { onSubmit: formik.handleSubmit, style: formStyle, children }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(DynamicFormContext.Provider, { value: contextValue, children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(Form.Root, { onSubmit: formik.handleSubmit, style: formStyle, children }) });
 }
 function useDynamicForm() {
   const context = (0, import_react13.useContext)(DynamicFormContext);
@@ -2223,7 +2284,7 @@ function useDynamicForm() {
 // src/atoms/check-box-group.tsx
 var import_themes14 = require("@radix-ui/themes");
 var import_react14 = require("react");
-var import_jsx_runtime29 = require("react/jsx-runtime");
+var import_jsx_runtime30 = require("react/jsx-runtime");
 var Root5 = (0, import_react14.forwardRef)((props, ref) => {
   const _a = props, { children, size = "medium" } = _a, rest = __objRest(_a, ["children", "size"]);
   const groupSize = (0, import_react14.useMemo)(() => {
@@ -2237,7 +2298,7 @@ var Root5 = (0, import_react14.forwardRef)((props, ref) => {
         return "2";
     }
   }, [size]);
-  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_themes14.CheckboxGroup.Root, __spreadProps(__spreadValues({}, rest), { ref, size: groupSize, children }));
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_themes14.CheckboxGroup.Root, __spreadProps(__spreadValues({}, rest), { ref, size: groupSize, children }));
 });
 Root5.displayName = "CheckboxGroup.Root";
 var CheckboxGroup = {
@@ -2258,7 +2319,7 @@ var import_themes17 = require("@radix-ui/themes");
 var import_themes18 = require("@radix-ui/themes");
 
 // src/molecules/dynamic-field.tsx
-var import_jsx_runtime30 = require("react/jsx-runtime");
+var import_jsx_runtime31 = require("react/jsx-runtime");
 function isRecord3(value) {
   return Boolean(value) && typeof value === "object" && !Array.isArray(value);
 }
@@ -2327,7 +2388,7 @@ function DynamicFormField({
   const selectedValue = typeof value === "string" || typeof value === "number" ? String(value) : "";
   switch (field.type) {
     case "short_text":
-      return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
         TextField.Root,
         __spreadProps(__spreadValues({}, commonProps), {
           placeholder: field.placeholder,
@@ -2335,7 +2396,7 @@ function DynamicFormField({
         })
       );
     case "email":
-      return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
         TextField.Root,
         __spreadProps(__spreadValues({}, commonProps), {
           placeholder: field.placeholder,
@@ -2343,7 +2404,7 @@ function DynamicFormField({
         })
       );
     case "number":
-      return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
         TextField.Root,
         __spreadProps(__spreadValues({}, commonProps), {
           inputMode: "numeric",
@@ -2353,9 +2414,9 @@ function DynamicFormField({
         })
       );
     case "long_text":
-      return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(TextArea, __spreadProps(__spreadValues({ rows: 4 }, commonProps), { placeholder: field.placeholder }));
+      return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(TextArea, __spreadProps(__spreadValues({ rows: 4 }, commonProps), { placeholder: field.placeholder }));
     case "dropdown":
-      return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
+      return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
         Select.Root,
         {
           disabled: readonly,
@@ -2364,7 +2425,7 @@ function DynamicFormField({
           },
           value: selectedValue,
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
               Select.Trigger,
               {
                 placeholder: field.placeholder,
@@ -2376,12 +2437,12 @@ function DynamicFormField({
                 }
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Select.Content, { children: field.options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Select.Item, { value: String(option.value), children: option.label }, option.value)) })
+            /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(Select.Content, { children: field.options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(Select.Item, { value: String(option.value), children: option.label }, option.value)) })
           ]
         }
       );
     case "choice":
-      return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
         import_themes15.RadioGroup.Root,
         {
           disabled: readonly,
@@ -2390,13 +2451,13 @@ function DynamicFormField({
           },
           orientation: field.orientation,
           value: String(value || ""),
-          children: field.options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_themes15.RadioGroup.Item, { value: String(option.value), children: option.label }, option.value))
+          children: field.options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_themes15.RadioGroup.Item, { value: String(option.value), children: option.label }, option.value))
         }
       );
     case "radio_cards": {
       const options = getOptions(field);
       if (!options) return null;
-      return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
         import_themes16.RadioCards.Root,
         {
           disabled: readonly,
@@ -2404,12 +2465,12 @@ function DynamicFormField({
             void setFieldValue(name, newValue);
           },
           value: selectedValue,
-          children: options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_themes16.RadioCards.Item, { value: String(option.value), children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Typo, { children: option.label }) }, option.value))
+          children: options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_themes16.RadioCards.Item, { value: String(option.value), children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(Typo, { children: option.label }) }, option.value))
         }
       );
     }
     case "choices":
-      return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
         CheckboxGroup.Root,
         {
           disabled: readonly,
@@ -2418,12 +2479,12 @@ function DynamicFormField({
           },
           orientation: field.orientation,
           value: Array.isArray(value) ? value.map(String) : [],
-          children: field.options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(CheckboxGroup.Item, { value: String(option.value), children: option.label }, option.value))
+          children: field.options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(CheckboxGroup.Item, { value: String(option.value), children: option.label }, option.value))
         }
       );
     case "yes_no":
-      return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(import_themes2.Flex, { gap: "2", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(import_themes2.Flex, { gap: "2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
           Checkbox,
           {
             checked: Boolean(value),
@@ -2433,7 +2494,7 @@ function DynamicFormField({
             }
           }
         ),
-        field.description ? /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Typo, { color: "gray", variant: "caption", children: field.description }) : null
+        field.description ? /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(Typo, { color: "gray", variant: "caption", children: field.description }) : null
       ] });
     case "image_radio_card": {
       const options = getImageOptions(field);
@@ -2457,23 +2518,23 @@ function DynamicFormField({
         if (!selectedOption) return;
         void setFieldValue(name, selectedOption.value);
       };
-      return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
         import_themes16.RadioCards.Root,
         {
           disabled: readonly,
           onValueChange: readonly ? void 0 : handleValueChange,
           value: selectedValue,
-          children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_themes17.Grid, { columns: gridColumns, gap: gridGap, rows: gridRows, children: options.map((option) => {
+          children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_themes17.Grid, { columns: gridColumns, gap: gridGap, rows: gridRows, children: options.map((option) => {
             const optionValue = String(option.value);
             const altText = option.alt || option.label;
-            return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+            return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
               import_themes16.RadioCards.Item,
               {
                 style: {
                   padding: 0
                 },
                 value: optionValue,
-                children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_themes18.Inset, { style: { width: "100%", height: "100%", padding: 0 }, children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+                children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_themes18.Inset, { style: { width: "100%", height: "100%", padding: 0 }, children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
                   "img",
                   {
                     alt: altText,
@@ -2500,7 +2561,7 @@ function DynamicFormField({
 }
 
 // src/molecules/dynamic-form.tsx
-var import_jsx_runtime31 = require("react/jsx-runtime");
+var import_jsx_runtime32 = require("react/jsx-runtime");
 function scrollToFirstError(errors, _fields) {
   const firstErrorFieldName = Object.keys(errors)[0];
   if (!firstErrorFieldName) return;
@@ -2587,7 +2648,7 @@ function DynamicFormRoot({
       };
     }
   }, [formik.submitCount, formik.errors, fields]);
-  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
     DynamicFormProvider,
     {
       fields,
@@ -2604,15 +2665,15 @@ function DynamicFormFieldList({
 }) {
   const { formik, fields: fieldsFromContext, readonly } = useDynamicForm();
   const fields = fieldsProp || fieldsFromContext;
-  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_jsx_runtime31.Fragment, { children: fields.map((field) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_jsx_runtime32.Fragment, { children: fields.map((field) => {
     const errorMessage = !readonly && formik.touched[field.name] && formik.errors[field.name] ? String(formik.errors[field.name]) : void 0;
-    return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
       import_themes19.Box,
       {
         "data-error-field": errorMessage ? field.name : void 0,
         "data-field-name": field.name,
         mb: "2",
-        children: /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
           Form.FormItem,
           {
             errorMessage,
@@ -2621,8 +2682,8 @@ function DynamicFormFieldList({
             name: field.name,
             required: field.required,
             children: [
-              field.description && field.type !== "yes_no" ? /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(Typo, { variant: "caption", children: field.description }) : null,
-              /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(DynamicFormField, { field })
+              field.description && field.type !== "yes_no" ? /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(Typo, { variant: "caption", children: field.description }) : null,
+              /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(DynamicFormField, { field })
             ]
           }
         )
@@ -2719,18 +2780,18 @@ function createYupValidation(field, validation) {
 }
 
 // src/molecules/dynamic-form-editor-preview-panel.tsx
-var import_jsx_runtime32 = require("react/jsx-runtime");
+var import_jsx_runtime33 = require("react/jsx-runtime");
 function DynamicFormEditorPreviewPanel(props) {
   const { show, fields } = props;
   if (!show) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(Card, { style: { width: 420, padding: 12 }, children: /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(import_themes2.Flex, { direction: "column", gap: "3", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(Typo, { variant: "body", children: "\uD504\uB9AC\uBDF0" }),
-    /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(DynamicForm.Root, { fields, onSubmit: () => void 0, readonly: true, children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(DynamicForm.FieldList, { labelVariant: "body" }) })
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(Card, { style: { width: 420, padding: 12 }, children: /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(import_themes2.Flex, { direction: "column", gap: "3", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(Typo, { variant: "body", children: "\uD504\uB9AC\uBDF0" }),
+    /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(DynamicForm.Root, { fields, onSubmit: () => void 0, readonly: true, children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(DynamicForm.FieldList, { labelVariant: "body" }) })
   ] }) });
 }
 
 // src/molecules/dynamic-form-editor.tsx
-var import_jsx_runtime33 = require("react/jsx-runtime");
+var import_jsx_runtime34 = require("react/jsx-runtime");
 function getInitialSchema(value, defaultValue) {
   if (value !== void 0) return normalizeSchema(value);
   return normalizeSchema(defaultValue);
@@ -2880,8 +2941,8 @@ function DynamicFormEditor(props) {
     void result;
   }, [effectiveSchema, onSave]);
   const disableSave = readonly || !onSave || hasErrorIssues(issues);
-  return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(import_themes2.Flex, { align: "start", gap: "4", style: { width: "100%" }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(import_themes2.Flex, { align: "start", gap: "4", style: { width: "100%" }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
       DynamicFormEditorFieldListPanel,
       {
         fieldTypes,
@@ -2893,8 +2954,8 @@ function DynamicFormEditor(props) {
         selectedFieldName
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(import_themes2.Flex, { direction: "column", gap: "3", style: { flex: 1, minWidth: 520 }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(import_themes2.Flex, { direction: "column", gap: "3", style: { flex: 1, minWidth: 520 }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
         DynamicFormEditorFieldEditorPanel,
         {
           field: selected.field,
@@ -2909,13 +2970,13 @@ function DynamicFormEditor(props) {
           readonly
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(DynamicFormEditorIssuesPanel, { issues }),
-      onSave || onCancel ? /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(import_themes2.Flex, { gap: "2", justify: "end", children: [
-        onCancel ? /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(Button, { disabled: readonly, onClick: onCancel, variant: "soft", children: "\uCDE8\uC18C" }) : null,
-        onSave ? /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(Button, { disabled: disableSave, onClick: handleSave, children: "\uC800\uC7A5" }) : null
+      /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(DynamicFormEditorIssuesPanel, { issues }),
+      onSave || onCancel ? /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(import_themes2.Flex, { gap: "2", justify: "end", children: [
+        onCancel ? /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(Button, { disabled: readonly, onClick: onCancel, variant: "soft", children: "\uCDE8\uC18C" }) : null,
+        onSave ? /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(Button, { disabled: disableSave, onClick: handleSave, children: "\uC800\uC7A5" }) : null
       ] }) : null
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(DynamicFormEditorPreviewPanel, { fields: effectiveSchema.fields, show: showPreview })
+    /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(DynamicFormEditorPreviewPanel, { fields: effectiveSchema.fields, show: showPreview })
   ] });
 }
 // Annotate the CommonJS export names for ESM import in node: