@tipp/ui 2.3.33 → 2.3.34

package/dist/app/platform/edit-service-type.js

@@ -1,126 +1,117 @@
 import {
   EditServiceType
-} from "../../chunk-6HMQEUHX.js";
-import "../../chunk-M2PVHXOE.js";
-import "../../chunk-YWYYPYBK.js";
+} from "../../chunk-GZNELGHF.js";
+import "../../chunk-3GQQQBJN.js";
+import "../../chunk-SYMOHU2B.js";
 import "../../chunk-AS7ID74X.js";
-import "../../chunk-HLL4QJJY.js";
-import "../../chunk-6TQGX5ZU.js";
-import "../../chunk-4PYFMD24.js";
+import "../../chunk-IK6FGLFU.js";
+import "../../chunk-KFUBWOCN.js";
+import "../../chunk-TP7DOXLP.js";
+import "../../chunk-VKH2GRVW.js";
 import "../../chunk-WS7IOHVK.js";
-import "../../chunk-LIV5LHHZ.js";
-import "../../chunk-MJMHPIYX.js";
+import "../../chunk-LT5C6QT7.js";
+import "../../chunk-SDEDXT7A.js";
 import "../../chunk-4TST4UK5.js";
-import "../../chunk-VH37R5IH.js";
-import "../../chunk-ZFTQ2XBH.js";
-import "../../chunk-R3ZYNS4D.js";
-import "../../chunk-WOAZK56Z.js";
-import "../../chunk-4QHXYLE4.js";
-import "../../chunk-TB3ZF5TJ.js";
-import "../../chunk-3WNHPKHP.js";
-import "../../chunk-XXMZLXDE.js";
-import "../../chunk-76PNGKCB.js";
-import "../../chunk-SAEPW5JF.js";
-import "../../chunk-VK6INFSB.js";
-import "../../chunk-GXG26SHU.js";
-import "../../chunk-JFJ3N4V5.js";
-import "../../chunk-W7TBPRHG.js";
-import "../../chunk-CNW3YEAK.js";
-import "../../chunk-NIMLBANB.js";
+import "../../chunk-BEIM5PNA.js";
+import "../../chunk-GFURX6GB.js";
+import "../../chunk-STBTV3GY.js";
+import "../../chunk-Z7SS2DHW.js";
+import "../../chunk-P6C6KRXM.js";
+import "../../chunk-NCNYKQU7.js";
+import "../../chunk-5V6MQUTB.js";
+import "../../chunk-OHXP63A5.js";
+import "../../chunk-HAZBA3RU.js";
+import "../../chunk-VREM33BW.js";
+import "../../chunk-AQVIQODP.js";
+import "../../chunk-KMVSJT6Y.js";
+import "../../chunk-7I7PZF5L.js";
+import "../../chunk-R3WM6HV6.js";
+import "../../chunk-GTXHAZSU.js";
+import "../../chunk-YE3UDMTZ.js";
 import "../../chunk-GMKRNFH5.js";
-import "../../chunk-KFUBWOCN.js";
-import "../../chunk-M6C7IXCB.js";
+import "../../chunk-OXZXUPSB.js";
 import "../../chunk-WA5A2GB4.js";
-import "../../chunk-K3Q4XLCN.js";
-import "../../chunk-HWK3UPZ3.js";
-import "../../chunk-LFYQFYWO.js";
-import "../../chunk-5J4YHHVX.js";
+import "../../chunk-CQSM6JCO.js";
+import "../../chunk-BRNYILVO.js";
+import "../../chunk-ILCRQ36E.js";
+import "../../chunk-52VTWFM6.js";
 import "../../chunk-JCG2AUFJ.js";
 import "../../chunk-2ISIAPFS.js";
-import "../../chunk-3Z2XZ4ZG.js";
-import "../../chunk-ZVSATS4O.js";
+import "../../chunk-CSKNBWPB.js";
+import "../../chunk-DZSRS37B.js";
+import "../../chunk-QIAMX2NR.js";
 import "../../chunk-7PF6I4RN.js";
 import "../../chunk-HFVVQEOZ.js";
 import "../../chunk-NWJSLIQ3.js";
 import "../../chunk-BXX3B3E4.js";
 import "../../chunk-NRPDVI76.js";
 import "../../chunk-2BPFXK4L.js";
-import "../../chunk-SLJLEPD2.js";
-import "../../chunk-EWFZXCMV.js";
-import "../../chunk-5JQOU3IR.js";
-import "../../chunk-SACH3XVV.js";
-import "../../chunk-7FKRQQYK.js";
-import "../../chunk-JRT6KTBG.js";
-import "../../chunk-FVNXDLRU.js";
-import "../../chunk-CSKNBWPB.js";
-import "../../chunk-BKYPABII.js";
-import "../../chunk-GXPEADVY.js";
-import "../../chunk-6UXCNYVO.js";
-import "../../chunk-MIATMZDP.js";
-import "../../chunk-JRSZNGFD.js";
-import "../../chunk-KCAOUZCT.js";
-import "../../chunk-MPZJH3PI.js";
-import "../../chunk-Z7WNKARH.js";
+import "../../chunk-YDHBTQX4.js";
 import "../../chunk-77H5BUYO.js";
 import "../../chunk-K7LTEKQS.js";
-import "../../chunk-BFRNEBJN.js";
+import "../../chunk-GGLDVUYU.js";
+import "../../chunk-UH6Q3TEK.js";
+import "../../chunk-IEYBSZA3.js";
+import "../../chunk-7FKRQQYK.js";
+import "../../chunk-WMWXF44S.js";
+import "../../chunk-O5MYSBA3.js";
+import "../../chunk-G7NEBNHU.js";
+import "../../chunk-4N2R7MWQ.js";
+import "../../chunk-HOMPMIZJ.js";
+import "../../chunk-PXPGCDNA.js";
+import "../../chunk-KCCYHT23.js";
+import "../../chunk-JZVK4NDF.js";
+import "../../chunk-P4KO43AP.js";
+import "../../chunk-7ITDAUWI.js";
+import "../../chunk-Z7WNKARH.js";
+import "../../chunk-LSDD4TAP.js";
+import "../../chunk-NHCUQ25T.js";
 import "../../chunk-LT6LBTA7.js";
 import "../../chunk-IJOOKMKQ.js";
-import "../../chunk-OHNBVT52.js";
-import "../../chunk-4U6DFH7Z.js";
 import "../../chunk-HBF6IIVZ.js";
-import "../../chunk-QDC3LFHS.js";
-import "../../chunk-5XYPLDI5.js";
-import "../../chunk-6NPTJBFE.js";
 import "../../chunk-LNPFV5BJ.js";
-import "../../chunk-X2GMDZ7M.js";
-import "../../chunk-HYITAA4J.js";
 import "../../chunk-5H3YPCZK.js";
 import "../../chunk-FR2GDOU2.js";
 import "../../chunk-74DX4CU7.js";
 import "../../chunk-OYM4XCHQ.js";
 import "../../chunk-YJ7ZFOYL.js";
 import "../../chunk-5ZITU5L7.js";
-import "../../chunk-365QMK4D.js";
-import "../../chunk-YO3BQW6S.js";
+import "../../chunk-5XYPLDI5.js";
+import "../../chunk-6NPTJBFE.js";
 import "../../chunk-6IVCARWS.js";
 import "../../chunk-6DJOIRMF.js";
 import "../../chunk-FPD73OHW.js";
 import "../../chunk-MUPK4L3U.js";
 import "../../chunk-MUNMDHRF.js";
 import "../../chunk-TVDKGMBI.js";
+import "../../chunk-X2GMDZ7M.js";
+import "../../chunk-HYITAA4J.js";
 import "../../chunk-XQOL7UBI.js";
 import "../../chunk-TULWX7D6.js";
 import "../../chunk-DHZVOXFM.js";
-import "../../chunk-JIJLOKVN.js";
-import "../../chunk-MFIOT62L.js";
+import "../../chunk-WV2HN6H4.js";
+import "../../chunk-N4Y3QSUQ.js";
 import "../../chunk-5AVBYDPB.js";
-import "../../chunk-D4U2MCJG.js";
-import "../../chunk-Y4U24VXI.js";
-import "../../chunk-3NUQAVE6.js";
-import "../../chunk-PT57HCAI.js";
+import "../../chunk-365QMK4D.js";
+import "../../chunk-YO3BQW6S.js";
 import "../../chunk-2DZ2Y3JI.js";
-import "../../chunk-ZOPYFDLO.js";
+import "../../chunk-VRJR534I.js";
 import "../../chunk-EGEQY3KT.js";
 import "../../chunk-O3T3TM3V.js";
-import "../../chunk-W7X7KSJP.js";
-import "../../chunk-VYCYVN3L.js";
 import "../../chunk-OHMOP5PV.js";
 import "../../chunk-NFDQJVFA.js";
 import "../../chunk-Q37G2GS6.js";
 import "../../chunk-VTJZMOSP.js";
-import "../../chunk-B5CKZFDM.js";
-import "../../chunk-BESTU2AY.js";
+import "../../chunk-D3KCPM4O.js";
 import "../../chunk-EEAHZCIK.js";
 import "../../chunk-645GPOW2.js";
 import "../../chunk-U7N2PWMO.js";
 import "../../chunk-XK6VEVOK.js";
 import "../../chunk-HF6GNDPV.js";
-import "../../chunk-YGL6SWKN.js";
-import "../../chunk-4Y5BEXVN.js";
-import "../../chunk-Z34HR7RE.js";
-import "../../chunk-PMJIFLDT.js";
-import "../../chunk-LDBWASUA.js";
+import "../../chunk-SMLC2O3V.js";
+import "../../chunk-Y4U24VXI.js";
+import "../../chunk-3NUQAVE6.js";
+import "../../chunk-QRI6ARS6.js";
 import "../../chunk-25HMMI7R.js";
 import "../../chunk-ZVDAEY5Q.js";
 import "../../chunk-LQY4RKWI.js";
@@ -128,6 +119,15 @@ import "../../chunk-ZD7MNMED.js";
 import "../../chunk-B6XJN6EC.js";
 import "../../chunk-RP2RGCAW.js";
 import "../../chunk-MIMJ7LON.js";
+import "../../chunk-W7X7KSJP.js";
+import "../../chunk-VYCYVN3L.js";
+import "../../chunk-J242TTFH.js";
+import "../../chunk-EAXUQEO5.js";
+import "../../chunk-6SYFG6YY.js";
+import "../../chunk-K36TPMKL.js";
+import "../../chunk-U3BQT7ZO.js";
+import "../../chunk-YGL6SWKN.js";
+import "../../chunk-4Y5BEXVN.js";
 import "../../chunk-DLP4UUNG.js";
 import "../../chunk-VD7AQ7HK.js";
 import "../../chunk-ZQE7SP6P.js";
@@ -144,11 +144,12 @@ import "../../chunk-YSYJCYHY.js";
 import "../../chunk-5OM2H6RI.js";
 import "../../chunk-ZUYCXCPW.js";
 import "../../chunk-YVFNJE4E.js";
-import "../../chunk-J242TTFH.js";
-import "../../chunk-EAXUQEO5.js";
-import "../../chunk-6SYFG6YY.js";
-import "../../chunk-K36TPMKL.js";
-import "../../chunk-U3BQT7ZO.js";
+import "../../chunk-PT57HCAI.js";
+import "../../chunk-4U6DFH7Z.js";
+import "../../chunk-QDC3LFHS.js";
+import "../../chunk-BESTU2AY.js";
+import "../../chunk-PMJIFLDT.js";
+import "../../chunk-LDBWASUA.js";
 import "../../chunk-CRTRMMJ7.js";
 export {
   EditServiceType

package/dist/app/platform/goal-manage-card-edit.cjs

@@ -62,7 +62,7 @@ __export(goal_manage_card_edit_exports, {
   GoalManageCardEdit: () => GoalManageCardEdit
 });
 module.exports = __toCommonJS(goal_manage_card_edit_exports);
-var import_react50 = require("react");
+var import_react51 = require("react");
 var import_date_fns3 = require("date-fns");
 
 // src/atoms/alert-dialog.tsx
@@ -471,8 +471,16 @@ var Content2 = (0, import_react11.forwardRef)((props, ref) => {
   );
 });
 Content2.displayName = "DropdownMenu.Content";
+var Trigger2 = (0, import_react11.forwardRef)(
+  (_a, ref) => {
+    var _b = _a, { asChild: _asChild } = _b, props = __objRest(_b, ["asChild"]);
+    return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_themes20.DropdownMenu.Trigger, __spreadValues({ ref }, props));
+  }
+);
+Trigger2.displayName = "DropdownMenu.Trigger";
 var DropdownMenu = __spreadProps(__spreadValues({}, import_themes20.DropdownMenu), {
-  Content: Content2
+  Content: Content2,
+  Trigger: Trigger2
 });
 
 // src/atoms/em.tsx
@@ -552,7 +560,7 @@ var Content3 = (0, import_react13.forwardRef)((props, ref) => {
   );
 });
 Content3.displayName = "Select.Content";
-var Trigger2 = (0, import_react13.forwardRef)(
+var Trigger3 = (0, import_react13.forwardRef)(
   (props, ref) => {
     const _a = props, { className } = _a, rest = __objRest(_a, ["className"]);
     const { error } = (0, import_react13.useContext)(SelectContext);
@@ -563,7 +571,7 @@ var Trigger2 = (0, import_react13.forwardRef)(
     return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_themes38.Select.Trigger, __spreadProps(__spreadValues({}, rest), { className: cls, ref }));
   }
 );
-Trigger2.displayName = "Select.Trigger";
+Trigger3.displayName = "Select.Trigger";
 function Root3(props) {
   const _a = props, { error } = _a, rest = __objRest(_a, ["error"]);
   return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(SelectContext.Provider, { value: { error }, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_themes38.Select.Root, __spreadValues({}, rest)) });
@@ -571,7 +579,7 @@ function Root3(props) {
 Root3.displayName = "Select.Root";
 var Select = __spreadProps(__spreadValues({}, import_themes38.Select), {
   Root: Root3,
-  Trigger: Trigger2,
+  Trigger: Trigger3,
   Content: Content3
 });
 
@@ -2047,8 +2055,258 @@ var import_jsx_runtime96 = require("react/jsx-runtime");
 // src/molecules/dynamic-form-editor.tsx
 var import_jsx_runtime97 = require("react/jsx-runtime");
 
-// src/app/platform/goal-manage-card-edit.tsx
+// src/molecules/autocomplete-textfield.tsx
+var import_react50 = require("react");
+var import_themes58 = require("@radix-ui/themes");
 var import_jsx_runtime98 = require("react/jsx-runtime");
+var AutocompleteTextfield = (0, import_react50.forwardRef)(
+  (_a, ref) => {
+    var _b = _a, {
+      options,
+      value: externalValue,
+      onChange,
+      onSelect,
+      placeholder,
+      emptyMessage = "\uAC80\uC0C9 \uACB0\uACFC\uAC00 \uC5C6\uC2B5\uB2C8\uB2E4.",
+      maxItems = 10,
+      slotLeft,
+      slotRight,
+      error
+    } = _b, rest = __objRest(_b, [
+      "options",
+      "value",
+      "onChange",
+      "onSelect",
+      "placeholder",
+      "emptyMessage",
+      "maxItems",
+      "slotLeft",
+      "slotRight",
+      "error"
+    ]);
+    const isControlled = externalValue !== void 0;
+    const [internalValue, setInternalValue] = (0, import_react50.useState)("");
+    const inputValue = isControlled ? externalValue : internalValue;
+    const [open, setOpen] = (0, import_react50.useState)(false);
+    const [highlightedIndex, setHighlightedIndex] = (0, import_react50.useState)(-1);
+    const inputRef = (0, import_react50.useRef)(null);
+    const listRef = (0, import_react50.useRef)(null);
+    const listboxId = (0, import_react50.useId)();
+    const justSelectedRef = (0, import_react50.useRef)(false);
+    const filtered = options.filter(
+      (opt) => opt.label.toLowerCase().includes(inputValue.toLowerCase())
+    ).slice(0, maxItems);
+    const handleInputChange = (0, import_react50.useCallback)(
+      (e) => {
+        const next = e.target.value;
+        if (!isControlled) setInternalValue(next);
+        onChange == null ? void 0 : onChange(next);
+        const nextFiltered = options.filter((opt) => opt.label.toLowerCase().includes(next.toLowerCase())).slice(0, maxItems);
+        setOpen(nextFiltered.length > 0 || emptyMessage !== null);
+        setHighlightedIndex(-1);
+      },
+      [isControlled, onChange, options, maxItems, emptyMessage]
+    );
+    const handleSelect = (0, import_react50.useCallback)(
+      (option) => {
+        var _a2;
+        if (!isControlled) setInternalValue(option.label);
+        onChange == null ? void 0 : onChange(option.label);
+        onSelect == null ? void 0 : onSelect(option);
+        setOpen(false);
+        setHighlightedIndex(-1);
+        justSelectedRef.current = true;
+        (_a2 = inputRef.current) == null ? void 0 : _a2.focus();
+      },
+      [isControlled, onChange, onSelect]
+    );
+    const handleFocus = (0, import_react50.useCallback)(() => {
+      if (justSelectedRef.current) {
+        justSelectedRef.current = false;
+        return;
+      }
+      const currentFiltered = options.filter((opt) => opt.label.toLowerCase().includes(inputValue.toLowerCase())).slice(0, maxItems);
+      setOpen(currentFiltered.length > 0 || emptyMessage !== null);
+    }, [options, inputValue, maxItems, emptyMessage]);
+    const handleBlur = (0, import_react50.useCallback)((e) => {
+      var _a2, _b2;
+      if (e.relatedTarget && ((_b2 = (_a2 = inputRef.current) == null ? void 0 : _a2.parentElement) == null ? void 0 : _b2.contains(e.relatedTarget))) {
+        return;
+      }
+      setOpen(false);
+      setHighlightedIndex(-1);
+    }, []);
+    const handleKeyDown = (0, import_react50.useCallback)(
+      (e) => {
+        if (!open) {
+          if (e.key === "ArrowDown" || e.key === "ArrowUp") {
+            setOpen(true);
+            setHighlightedIndex(0);
+            e.preventDefault();
+          }
+          return;
+        }
+        switch (e.key) {
+          case "ArrowDown":
+            e.preventDefault();
+            setHighlightedIndex(
+              (prev) => prev < filtered.length - 1 ? prev + 1 : 0
+            );
+            break;
+          case "ArrowUp":
+            e.preventDefault();
+            setHighlightedIndex(
+              (prev) => prev > 0 ? prev - 1 : filtered.length - 1
+            );
+            break;
+          case "Enter":
+            e.preventDefault();
+            if (highlightedIndex >= 0 && filtered[highlightedIndex]) {
+              handleSelect(filtered[highlightedIndex]);
+            }
+            break;
+          case "Escape":
+            setOpen(false);
+            setHighlightedIndex(-1);
+            break;
+          case "Tab":
+            setOpen(false);
+            setHighlightedIndex(-1);
+            break;
+          default:
+            break;
+        }
+      },
+      [open, filtered, highlightedIndex, handleSelect]
+    );
+    (0, import_react50.useEffect)(() => {
+      if (!listRef.current || highlightedIndex < 0) return;
+      const item = listRef.current.children[highlightedIndex];
+      item.scrollIntoView({ block: "nearest" });
+    }, [highlightedIndex]);
+    return /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)(import_themes58.Box, { position: "relative", style: { width: "100%" }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)(
+        TextField.Root,
+        __spreadProps(__spreadValues({
+          "aria-activedescendant": open && highlightedIndex >= 0 ? `${listboxId}-option-${highlightedIndex}` : void 0,
+          "aria-autocomplete": "list",
+          "aria-controls": open ? listboxId : void 0,
+          "aria-expanded": open,
+          error,
+          onBlur: handleBlur,
+          onChange: handleInputChange,
+          onFocus: handleFocus,
+          onKeyDown: handleKeyDown,
+          placeholder,
+          ref: (node) => {
+            inputRef.current = node;
+            if (typeof ref === "function") {
+              ref(node);
+            } else if (ref) {
+              ref.current = node;
+            }
+          },
+          role: "combobox",
+          style: { width: "100%" },
+          value: inputValue
+        }, rest), {
+          children: [
+            slotLeft && /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(TextField.Slot, { side: "left", children: slotLeft }),
+            slotRight && /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(TextField.Slot, { side: "right", children: slotRight })
+          ]
+        })
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)(
+        DropdownMenu.Root,
+        {
+          modal: false,
+          onOpenChange: (nextOpen) => {
+            if (!nextOpen && document.activeElement !== inputRef.current) {
+              setOpen(false);
+              setHighlightedIndex(-1);
+            }
+          },
+          open,
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(DropdownMenu.Trigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
+              "span",
+              {
+                "aria-hidden": "true",
+                style: {
+                  bottom: 0,
+                  height: 0,
+                  left: 0,
+                  opacity: 0,
+                  pointerEvents: "none",
+                  position: "absolute",
+                  width: "100%"
+                }
+              }
+            ) }),
+            /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
+              DropdownMenu.Content,
+              {
+                align: "start",
+                onCloseAutoFocus: (e) => {
+                  e.preventDefault();
+                },
+                onOpenAutoFocus: (e) => {
+                  e.preventDefault();
+                },
+                sideOffset: 4,
+                style: {
+                  maxHeight: 240,
+                  overflowY: "auto",
+                  padding: 0,
+                  width: "var(--radix-dropdown-menu-trigger-width)"
+                },
+                children: filtered.length === 0 && emptyMessage !== null ? /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(import_themes58.Box, { px: "2", py: "2", children: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(Typo, { color: "gray", children: emptyMessage }) }) : /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
+                  "ul",
+                  {
+                    id: listboxId,
+                    ref: listRef,
+                    role: "listbox",
+                    style: { listStyle: "none", margin: 0, padding: 0 },
+                    children: filtered.map((option, index) => {
+                      const isHighlighted = index === highlightedIndex;
+                      return /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
+                        "li",
+                        {
+                          "aria-selected": isHighlighted,
+                          id: `${listboxId}-option-${index}`,
+                          onMouseEnter: () => {
+                            setHighlightedIndex(index);
+                          },
+                          onPointerDown: (e) => {
+                            e.preventDefault();
+                            handleSelect(option);
+                          },
+                          role: "option",
+                          style: {
+                            padding: "var(--spacing-4) var(--spacing-6)",
+                            cursor: "pointer",
+                            backgroundColor: isHighlighted ? "var(--accent-3)" : "transparent",
+                            transition: "background-color 80ms"
+                          },
+                          children: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(Typo, { variant: "body", children: option.label })
+                        },
+                        option.value
+                      );
+                    })
+                  }
+                )
+              }
+            )
+          ]
+        }
+      )
+    ] });
+  }
+);
+AutocompleteTextfield.displayName = "AutocompleteTextfield";
+
+// src/app/platform/goal-manage-card-edit.tsx
+var import_jsx_runtime99 = require("react/jsx-runtime");
 var initialValues = {
   goal: "",
   effect: "",
@@ -2059,8 +2317,8 @@ var dummyFn = () => {
 };
 function GoalManageCardEdit(props) {
   const { defaultValues, errors } = props;
-  const [values, setValues] = (0, import_react50.useState)(defaultValues || initialValues);
-  const onChange = (0, import_react50.useCallback)(
+  const [values, setValues] = (0, import_react51.useState)(defaultValues || initialValues);
+  const onChange = (0, import_react51.useCallback)(
     (v) => {
       var _a;
       setValues((prev) => __spreadValues(__spreadValues({}, prev), v));
@@ -2068,20 +2326,20 @@ function GoalManageCardEdit(props) {
     },
     [props]
   );
-  const onClickInit = (0, import_react50.useCallback)(() => {
+  const onClickInit = (0, import_react51.useCallback)(() => {
     var _a;
     setValues(initialValues);
     (_a = props.onChange) == null ? void 0 : _a.call(props, defaultValues || initialValues);
   }, [defaultValues, props]);
-  const onClickSubmit = (0, import_react50.useCallback)(() => {
+  const onClickSubmit = (0, import_react51.useCallback)(() => {
     var _a;
     (_a = props.onSubmit) == null ? void 0 : _a.call(props, values);
   }, [props, values]);
-  return /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(Card, { style: { width: "100%" }, children: /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)(Form.Root, { onSubmit: dummyFn, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)(import_themes22.Flex, { direction: "column", gap: "5", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)(Form.Field, { name: "title", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(Form.Label, { children: "\uC774\uBC88 \uCF54\uCE6D\uC758 \uBAA9\uD45C\uB294 \uC544\uB798\uC640 \uAC19\uC2B5\uB2C8\uB2E4" }),
-        /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(Card, { style: { width: "100%" }, children: /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)(Form.Root, { onSubmit: dummyFn, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)(import_themes22.Flex, { direction: "column", gap: "5", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)(Form.Field, { name: "title", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(Form.Label, { children: "\uC774\uBC88 \uCF54\uCE6D\uC758 \uBAA9\uD45C\uB294 \uC544\uB798\uC640 \uAC19\uC2B5\uB2C8\uB2E4" }),
+        /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
           TextField.Root,
           {
             error: Boolean(errors == null ? void 0 : errors.goal),
@@ -2092,11 +2350,11 @@ function GoalManageCardEdit(props) {
             value: values.goal
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(Form.Message, { forceMatch: Boolean(errors == null ? void 0 : errors.goal), children: errors == null ? void 0 : errors.goal })
+        /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(Form.Message, { forceMatch: Boolean(errors == null ? void 0 : errors.goal), children: errors == null ? void 0 : errors.goal })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)(Form.Field, { name: "effect", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(Form.Label, { children: "\uAE30\uB300\uD6A8\uACFC" }),
-        /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)(Form.Field, { name: "effect", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(Form.Label, { children: "\uAE30\uB300\uD6A8\uACFC" }),
+        /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
           TextArea,
           {
             error: Boolean(errors == null ? void 0 : errors.effect),
@@ -2108,11 +2366,11 @@ function GoalManageCardEdit(props) {
             value: values.effect
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(Form.Message, { forceMatch: Boolean(errors == null ? void 0 : errors.effect), children: errors == null ? void 0 : errors.effect })
+        /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(Form.Message, { forceMatch: Boolean(errors == null ? void 0 : errors.effect), children: errors == null ? void 0 : errors.effect })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)(Form.Field, { name: "huddle", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(Form.Label, { children: "\uBC29\uD574\uC694\uC18C" }),
-        /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)(Form.Field, { name: "huddle", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(Form.Label, { children: "\uBC29\uD574\uC694\uC18C" }),
+        /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
           TextArea,
           {
             error: Boolean(errors == null ? void 0 : errors.huddle),
@@ -2126,11 +2384,11 @@ function GoalManageCardEdit(props) {
             value: values.huddle
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(Form.Message, { forceMatch: Boolean(errors == null ? void 0 : errors.huddle), children: errors == null ? void 0 : errors.huddle })
+        /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(Form.Message, { forceMatch: Boolean(errors == null ? void 0 : errors.huddle), children: errors == null ? void 0 : errors.huddle })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)(Form.Field, { name: "dueDate", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(Form.Label, { children: "\uBAA9\uD45C \uB2EC\uC131 \uAE30\uD55C\uC740 \uB2E4\uC74C\uACFC \uAC19\uC2B5\uB2C8\uB2E4" }),
-        /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)(Form.Field, { name: "dueDate", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(Form.Label, { children: "\uBAA9\uD45C \uB2EC\uC131 \uAE30\uD55C\uC740 \uB2E4\uC74C\uACFC \uAC19\uC2B5\uB2C8\uB2E4" }),
+        /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
           DatePickerButton,
           {
             format: (v) => (0, import_date_fns3.format)(v, "yyyy\uB144 MM\uC6D4 dd\uC77C"),
@@ -2141,11 +2399,11 @@ function GoalManageCardEdit(props) {
             selected: values.dueDate
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(Form.Message, { forceMatch: Boolean(errors == null ? void 0 : errors.dueDate), children: errors == null ? void 0 : errors.dueDate })
+        /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(Form.Message, { forceMatch: Boolean(errors == null ? void 0 : errors.dueDate), children: errors == null ? void 0 : errors.dueDate })
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)(import_themes22.Flex, { gap: "3", justify: "end", width: "100%", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)(import_themes22.Flex, { gap: "3", justify: "end", width: "100%", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
         Button,
         {
           color: "gray",
@@ -2156,7 +2414,7 @@ function GoalManageCardEdit(props) {
           children: "\uCD08\uAE30\uD654\uD558\uAE30"
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(Button, { onClick: onClickSubmit, size: "small", type: "button", children: "\uC800\uC7A5\uD558\uAE30" })
+      /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(Button, { onClick: onClickSubmit, size: "small", type: "button", children: "\uC800\uC7A5\uD558\uAE30" })
     ] })
   ] }) });
 }