@owp/core 2.5.62 → 2.5.63

package/dist/features/themePreview/dialogs/ThemePreviewDialog.js

@@ -1,55 +1,55 @@
-var ve = Object.defineProperty;
-var n = (r, i) => ve(r, "name", { value: i, configurable: !0 });
-import { jsx as t, jsxs as m } from "../../../node_modules/.pnpm/@emotion_react@11.14.0_@types_react@19.2.14_react@19.2.4/node_modules/@emotion/react/jsx-runtime/dist/emotion-react-jsx-runtime.browser.esm.js";
-import { defaultSnackbarTheme as ge } from "../configs/snackbar.js";
-import { themesConfig as we } from "../configs/presets.js";
-import { defaultSettingsConfig as xe } from "../configs/settings.js";
-import { useConfirm as Pe } from "../../../hooks/useConfirm.js";
-import { useOwpDialogs as Ce } from "../../../hooks/useOwpDialogs.js";
-import { readZipEntryJson as Te, saveAsZipFile as be } from "../../../utils/zipUtil.js";
-import Se from "../../../node_modules/.pnpm/@mui_icons-material@7.3.9_@mui_material@7.3.9_@emotion_react@11.14.0_@types_react@19.2._dc2be6bc014bebdac88a574e3e02c144/node_modules/@mui/icons-material/esm/DownloadOutlined.js";
-import Ee from "../../../node_modules/.pnpm/@mui_icons-material@7.3.9_@mui_material@7.3.9_@emotion_react@11.14.0_@types_react@19.2._dc2be6bc014bebdac88a574e3e02c144/node_modules/@mui/icons-material/esm/RestoreOutlined.js";
-import ye from "../../../node_modules/.pnpm/@mui_icons-material@7.3.9_@mui_material@7.3.9_@emotion_react@11.14.0_@types_react@19.2._dc2be6bc014bebdac88a574e3e02c144/node_modules/@mui/icons-material/esm/SaveOutlined.js";
-import Ae from "../../../node_modules/.pnpm/@mui_icons-material@7.3.9_@mui_material@7.3.9_@emotion_react@11.14.0_@types_react@19.2._dc2be6bc014bebdac88a574e3e02c144/node_modules/@mui/icons-material/esm/UploadFileOutlined.js";
-import { Button as h, Typography as M, TextField as ke } from "@mui/material";
-import { enqueueSnackbar as d } from "notistack";
-import { useState as I, useRef as u, useEffect as g } from "react";
-import { useThemePreview as Le } from "../hooks/useThemePreview.js";
-import { ThemePreviewControls as Fe } from "../components/ThemePreviewControls.js";
-import { ThemePreviewCanvas as Ne } from "../components/ThemePreviewCanvas.js";
-import { createThemePreviewExportData as _e, createThemePreviewAppConfigFiles as Re } from "../utils/themePreviewExport.js";
-import { resetThemePreviewSessionState as De } from "../utils/themePreviewSettings.js";
-import { OwpDialog as V } from "../../../components/OwpDialog/OwpDialog.js";
-const Me = we, Ie = ".owp,.zip,application/zip", D = 300 * 1e3, Ve = 2 * 1e3, Oe = 15 * 1e3;
-function je(r) {
-  const i = _e(r);
+var ye = Object.defineProperty;
+var n = (r, i) => ye(r, "name", { value: i, configurable: !0 });
+import { jsx as t, jsxs as s } from "../../../node_modules/.pnpm/@emotion_react@11.14.0_@types_react@19.2.14_react@19.2.4/node_modules/@emotion/react/jsx-runtime/dist/emotion-react-jsx-runtime.browser.esm.js";
+import { defaultSnackbarTheme as Re } from "../configs/snackbar.js";
+import { themesConfig as ke } from "../configs/presets.js";
+import { defaultSettingsConfig as Ae } from "../configs/settings.js";
+import { useConfirm as De } from "../../../hooks/useConfirm.js";
+import { useOwpDialogs as Le } from "../../../hooks/useOwpDialogs.js";
+import { readZipEntryJson as Me, saveAsZipFile as Ne } from "../../../utils/zipUtil.js";
+import Fe from "../../../node_modules/.pnpm/@mui_icons-material@7.3.9_@mui_material@7.3.9_@emotion_react@11.14.0_@types_react@19.2._dc2be6bc014bebdac88a574e3e02c144/node_modules/@mui/icons-material/esm/DownloadOutlined.js";
+import _e from "../../../node_modules/.pnpm/@mui_icons-material@7.3.9_@mui_material@7.3.9_@emotion_react@11.14.0_@types_react@19.2._dc2be6bc014bebdac88a574e3e02c144/node_modules/@mui/icons-material/esm/RestoreOutlined.js";
+import Ie from "../../../node_modules/.pnpm/@mui_icons-material@7.3.9_@mui_material@7.3.9_@emotion_react@11.14.0_@types_react@19.2._dc2be6bc014bebdac88a574e3e02c144/node_modules/@mui/icons-material/esm/SaveOutlined.js";
+import Ve from "../../../node_modules/.pnpm/@mui_icons-material@7.3.9_@mui_material@7.3.9_@emotion_react@11.14.0_@types_react@19.2._dc2be6bc014bebdac88a574e3e02c144/node_modules/@mui/icons-material/esm/UploadFileOutlined.js";
+import { Button as p, Typography as B, TextField as Oe } from "@mui/material";
+import { enqueueSnackbar as f } from "notistack";
+import { useState as U, useRef as u, useCallback as x, useEffect as g } from "react";
+import { useThemePreview as je } from "../hooks/useThemePreview.js";
+import { ThemePreviewControls as ze } from "../components/ThemePreviewControls.js";
+import { ThemePreviewCanvas as We } from "../components/ThemePreviewCanvas.js";
+import { createThemePreviewExportData as He, createThemePreviewAppConfigFiles as Be } from "../utils/themePreviewExport.js";
+import { resetThemePreviewSessionState as Ue } from "../utils/themePreviewSettings.js";
+import { OwpDialog as K } from "../../../components/OwpDialog/OwpDialog.js";
+const Ke = ke, Ze = ".owp,.zip,application/zip", H = 300 * 1e3, $e = 2 * 1e3, Je = 15 * 1e3;
+function qe(r) {
+  const i = He(r);
   return [
-    ...Re(r).map(({ fileName: s, content: f }) => ({
-      fileName: s,
-      blob: new Blob([f], {
+    ...Be(r).map(({ fileName: c, content: h }) => ({
+      fileName: c,
+      blob: new Blob([h], {
         type: "text/plain;charset=utf-8"
       })
     })),
-    ...Object.entries(i).map(([s, f]) => ({
-      fileName: `preview/${s}.json`,
-      blob: new Blob([JSON.stringify(f, null, 2)], {
+    ...Object.entries(i).map(([c, h]) => ({
+      fileName: `preview/${c}.json`,
+      blob: new Blob([JSON.stringify(h, null, 2)], {
         type: "application/json"
       })
     }))
   ];
 }
-n(je, "createThemePreviewArchiveFiles");
-function ze(r) {
+n(qe, "createThemePreviewArchiveFiles");
+function Ye(r) {
   var i;
   return (r == null ? void 0 : r.defaultSnackbarProviderProps) ?? ((i = r == null ? void 0 : r.defaultSettingsConfig) == null ? void 0 : i.snackbarProviderProps);
 }
-n(ze, "getThemePreviewArchiveProviderProps");
-function We(r) {
+n(Ye, "getThemePreviewArchiveProviderProps");
+function Ge(r) {
   const i = r.trim().replace(/[^0-9A-Za-z가-힣 _-]+/g, "").replace(/\s+/g, "-").replace(/-+/g, "-").replace(/^[-_]+|[-_]+$/g, "");
   return i ? `theme-preview-config-${i}` : "theme-preview-config";
 }
-n(We, "getThemePreviewConfigFileTitle");
-const p = {
+n(Ge, "getThemePreviewConfigFileTitle");
+const v = {
   "&.MuiButton-root": {
     fontSize: "1.3rem",
     letterSpacing: "0.04rem"
@@ -68,7 +68,7 @@ const p = {
   minHeight: 42,
   px: 2.25,
   whiteSpace: "nowrap"
-}, A = {
+}, M = {
   "&.Mui-disabled": {
     backgroundColor: "#e5e7eb",
     borderColor: "#e5e7eb",
@@ -81,7 +81,7 @@ const p = {
   backgroundColor: "#1ea3e6",
   border: "1px solid #1ea3e6",
   color: "#ffffff"
-}, k = {
+}, E = {
   "&.Mui-disabled": {
     backgroundColor: "#ffffff",
     borderColor: "#d1d5db",
@@ -94,228 +94,275 @@ const p = {
   backgroundColor: "#ffffff",
   border: "1px solid #111827",
   color: "#111827"
-}, He = "#111827", Be = /* @__PURE__ */ n(({
+}, Qe = "#111827", Xe = /* @__PURE__ */ n(({
   open: r,
   payload: i,
-  onClose: v
+  onClose: w
 }) => {
-  const [s, f] = I((i == null ? void 0 : i.initialFileName) ?? "");
+  const [c, h] = U((i == null ? void 0 : i.initialFileName) ?? "");
   return /* @__PURE__ */ t(
-    V,
+    K,
     {
       title: "설정파일 저장",
       open: r,
       maxWidth: "xs",
-      onClose: /* @__PURE__ */ n(() => v(void 0), "onClose"),
-      onConfirm: /* @__PURE__ */ n(() => v(s), "onConfirm"),
+      onClose: /* @__PURE__ */ n(() => w(void 0), "onClose"),
+      onConfirm: /* @__PURE__ */ n(() => w(c), "onConfirm"),
       contentProps: {
         sx: {
           minWidth: 360,
           p: 3
         }
       },
-      children: /* @__PURE__ */ m("div", { className: "flex flex-col gap-12", children: [
+      children: /* @__PURE__ */ s("div", { className: "flex flex-col gap-12", children: [
         /* @__PURE__ */ t(
-          ke,
+          Oe,
           {
             label: "저장 이름",
-            value: s,
+            value: c,
             placeholder: "저장 이름 입력",
-            onChange: /* @__PURE__ */ n((w) => {
-              f(w.target.value);
+            onChange: /* @__PURE__ */ n((C) => {
+              h(C.target.value);
             }, "onChange")
           }
         ),
-        /* @__PURE__ */ t(M, { variant: "body2", color: "text.secondary", children: "저장 확장자는 `.owp`로 고정됩니다." })
+        /* @__PURE__ */ t(B, { variant: "body2", color: "text.secondary", children: "저장 확장자는 `.owp`로 고정됩니다." })
       ] })
     }
   );
-}, "ThemePreviewSaveDialog"), fn = /* @__PURE__ */ n(({
+}, "ThemePreviewSaveDialog"), Tn = /* @__PURE__ */ n(({
   open: r,
   payload: i,
-  onClose: v
+  onClose: w
 }) => {
-  const [s, f] = I(""), w = u(null), L = u(null), x = u(null), b = u(!1), F = u(Date.now()), N = u(!1), S = u(() => {
-  }), O = Ce(), { confirmSave: j } = Pe(), {
-    activeSection: c,
-    canApplyToMain: z,
-    draftSettings: E,
-    hasTemporaryChanges: y,
-    hasTemporarySnapshot: W,
-    presetOptions: H,
-    resetVersion: B,
-    selectedModes: U,
-    selectedPresetKeys: K,
-    setActiveSection: Z,
-    handlePaletteValueChange: $,
-    handlePaletteValuesChange: J,
-    handlePaletteValueReset: q,
-    handlePaletteValuesReset: Y,
-    handleApplyToMain: G,
-    handleLoadSettings: Q,
-    handlePresetKeyChange: X,
-    handlePresetModeChange: ee,
-    handleReset: ne,
-    handleTemporaryLoad: te,
-    handleTemporarySave: P
-  } = Le({
+  const [c, h] = U(""), C = u(null), N = u(null), P = u(null), y = u(!1), F = u(Date.now()), R = u(!1), k = u(() => {
+  }), Z = Le(), { confirm: A, confirmSave: $ } = De(), _ = u(A), {
+    activeSection: d,
+    canApplyToMain: J,
+    canResetMainToDefault: q,
+    draftSettings: D,
+    hasTemporaryChanges: L,
+    hasTemporarySnapshot: Y,
+    presetOptions: G,
+    resetVersion: Q,
+    selectedModes: X,
+    selectedPresetKeys: ee,
+    setActiveSection: ne,
+    handlePaletteValueChange: te,
+    handlePaletteValuesChange: re,
+    handlePaletteValueReset: I,
+    handlePaletteValuesReset: V,
+    handleApplyToMain: ie,
+    handleLoadSettings: oe,
+    handlePresetKeyChange: ae,
+    handlePresetModeChange: le,
+    handleReset: O,
+    handleResetMainToDefault: j,
+    handleTemporaryLoad: se,
+    handleTemporarySave: T
+  } = je({
     initialSection: i == null ? void 0 : i.initialSection,
     initialPresetKeys: {
       main: "light1",
       navbar: "light2",
       toolbar: "surfaceDark"
     },
-    presetThemes: Me,
-    resetTheme: xe.theme
-  }), _ = c === "main" || c === "navbar" || c === "toolbar", re = _ ? U[c] : "light", ie = _ ? K[c] : "", o = /* @__PURE__ */ n(() => {
+    presetThemes: Ke,
+    resetTheme: Ae.theme
+  }), z = d === "main" || d === "navbar" || d === "toolbar", ce = z ? X[d] : "light", de = z ? ee[d] : "", a = /* @__PURE__ */ n(() => {
     F.current = Date.now();
-  }, "handleThemePreviewInteraction"), oe = /* @__PURE__ */ n(async (e) => {
-    await be(je(E), {
-      fileTitle: We(e),
+  }, "handleThemePreviewInteraction"), me = /* @__PURE__ */ n(async (e) => {
+    await Ne(qe(D), {
+      fileTitle: Ge(e),
       archiveExtension: "owp",
       preserveFileNames: !0
     });
-  }, "handleSaveConfigFiles"), ae = /* @__PURE__ */ n(async () => {
-    const e = await O.open(Be, {
-      initialFileName: s
+  }, "handleSaveConfigFiles"), fe = /* @__PURE__ */ n(async () => {
+    const e = await Z.open(Xe, {
+      initialFileName: c
     });
-    e !== void 0 && (f(e), await oe(e));
-  }, "handleOpenSaveDialog"), le = /* @__PURE__ */ n(() => {
+    e !== void 0 && (h(e), await me(e));
+  }, "handleOpenSaveDialog"), ue = /* @__PURE__ */ n(() => {
     var e;
-    (e = L.current) == null || e.click();
-  }, "handleOpenZipFile"), se = /* @__PURE__ */ n(() => {
-    P("manual"), d("임시 저장을 완료했습니다.", {
+    (e = N.current) == null || e.click();
+  }, "handleOpenZipFile"), he = /* @__PURE__ */ n(() => {
+    T("manual"), f("임시 저장을 완료했습니다.", {
       variant: "success"
     });
-  }, "handleManualTemporarySave"), ce = /* @__PURE__ */ n(() => {
-    if (!te()) {
-      d("불러올 임시 저장 데이터가 없습니다.", {
+  }, "handleManualTemporarySave"), pe = /* @__PURE__ */ n(() => {
+    if (!se()) {
+      f("불러올 임시 저장 데이터가 없습니다.", {
         variant: "warning"
       });
       return;
     }
-    d("임시 저장 데이터를 불러왔습니다.", {
+    f("임시 저장 데이터를 불러왔습니다.", {
       variant: "success"
     });
-  }, "handleManualTemporaryLoad"), de = /* @__PURE__ */ n(async () => {
-    y && (await j({
+  }, "handleManualTemporaryLoad"), m = x(async (e, o) => {
+    await _.current({
+      title: e,
+      okText: "되돌리기",
+      severity: "warning"
+    }) && o();
+  }, []), ve = x(() => {
+    m("Theme Preview 값을 기본 설정으로 되돌리겠습니까?", O);
+  }, [m, O]), ge = x(() => {
+    m(
+      "메인화면 설정을 기본 설정으로 되돌리겠습니까?",
+      j
+    );
+  }, [m, j]), we = x(
+    (e) => {
+      m("선택한 값을 되돌리겠습니까?", () => {
+        I(e);
+      });
+    },
+    [m, I]
+  ), xe = x(
+    (e) => {
+      m("선택한 그룹 값을 되돌리겠습니까?", () => {
+        V(e);
+      });
+    },
+    [m, V]
+  ), Ce = /* @__PURE__ */ n(async () => {
+    L && (await $({
       title: "변경된 값을 저장하겠습니까?"
-    }) ? (P("manual"), d("임시 저장되었습니다. 다시 실행하면 저장된 데이터를 불러옵니다.", {
+    }) ? (T("manual"), f("임시 저장되었습니다. 다시 실행하면 저장된 데이터를 불러옵니다.", {
       variant: "info"
-    })) : De()), v(void 0);
-  }, "handleDialogClose"), me = /* @__PURE__ */ n(async (e) => {
-    var l, C;
-    const a = (l = e.target.files) == null ? void 0 : l[0];
-    if (a)
+    })) : Ue()), w(void 0);
+  }, "handleDialogClose"), Pe = /* @__PURE__ */ n(async (e) => {
+    var l, b;
+    const o = (l = e.target.files) == null ? void 0 : l[0];
+    if (o)
       try {
-        const T = await Te(
-          a,
-          (pe) => pe.endsWith("settings.json")
+        const S = await Me(
+          o,
+          (Ee) => Ee.endsWith("settings.json")
         );
-        if (!T) {
-          d("settings.json 파일이 없습니다.", {
+        if (!S) {
+          f("settings.json 파일이 없습니다.", {
             variant: "warning"
           });
           return;
         }
-        const R = (C = T.defaultSettingsConfig) == null ? void 0 : C.theme, ue = T.defaultSnackbarTheme ?? ge, he = ze(T);
-        if (!R) {
-          d("theme 설정을 읽지 못했습니다.", {
+        const W = (b = S.defaultSettingsConfig) == null ? void 0 : b.theme, be = S.defaultSnackbarTheme ?? Re, Se = Ye(S);
+        if (!W) {
+          f("theme 설정을 읽지 못했습니다.", {
             variant: "warning"
           });
           return;
         }
-        Q(R, ue, he), d("설정 파일을 로드하고 메인 화면에 적용했습니다.", {
+        oe(W, be, Se), f("설정 파일을 로드하고 메인 화면에 적용했습니다.", {
           variant: "success"
         });
       } catch {
-        d("설정 파일을 불러오는 중 오류가 발생했습니다.", {
+        f("설정 파일을 불러오는 중 오류가 발생했습니다.", {
           variant: "error"
         });
       } finally {
         e.target.value = "";
       }
-  }, "handleZipFileChange"), fe = /* @__PURE__ */ n((e) => {
-    e !== c && Z(e);
+  }, "handleZipFileChange"), Te = /* @__PURE__ */ n((e) => {
+    e !== d && ne(e);
   }, "handleSectionChange");
   return g(() => {
-    S.current = P;
-  }, [P]), g(() => {
-    N.current = y;
-  }, [y]), g(() => {
-    const e = w.current;
+    k.current = T;
+  }, [T]), g(() => {
+    _.current = A;
+  }, [A]), g(() => {
+    R.current = L;
+  }, [L]), g(() => {
+    const e = C.current;
     if (!e)
       return;
-    const a = /* @__PURE__ */ n(() => {
-      b.current = !0, o();
+    const o = /* @__PURE__ */ n(() => {
+      y.current = !0, a();
     }, "handlePointerDown"), l = /* @__PURE__ */ n(() => {
-      b.current = !1, o();
+      y.current = !1, a();
     }, "handlePointerUp");
-    return e.addEventListener("pointerdown", a), e.addEventListener("pointerup", l), e.addEventListener("pointercancel", l), e.addEventListener("keydown", o), e.addEventListener("input", o), e.addEventListener("change", o), e.addEventListener("focusin", o), () => {
-      e.removeEventListener("pointerdown", a), e.removeEventListener("pointerup", l), e.removeEventListener("pointercancel", l), e.removeEventListener("keydown", o), e.removeEventListener("input", o), e.removeEventListener("change", o), e.removeEventListener("focusin", o);
+    return e.addEventListener("pointerdown", o), e.addEventListener("pointerup", l), e.addEventListener("pointercancel", l), e.addEventListener("keydown", a), e.addEventListener("input", a), e.addEventListener("change", a), e.addEventListener("focusin", a), () => {
+      e.removeEventListener("pointerdown", o), e.removeEventListener("pointerup", l), e.removeEventListener("pointercancel", l), e.removeEventListener("keydown", a), e.removeEventListener("input", a), e.removeEventListener("change", a), e.removeEventListener("focusin", a);
     };
   }, []), g(() => {
     const e = /* @__PURE__ */ n(() => {
-      x.current && (window.clearTimeout(x.current), x.current = null);
-    }, "clearAutoSaveTimeout"), a = /* @__PURE__ */ n((l) => {
-      e(), x.current = window.setTimeout(() => {
-        const C = b.current || Date.now() - F.current < Ve;
-        if (document.hidden || C) {
-          a(Oe);
+      P.current && (window.clearTimeout(P.current), P.current = null);
+    }, "clearAutoSaveTimeout"), o = /* @__PURE__ */ n((l) => {
+      e(), P.current = window.setTimeout(() => {
+        const b = y.current || Date.now() - F.current < $e;
+        if (document.hidden || b) {
+          o(Je);
           return;
         }
-        S.current("auto"), a(D);
+        R.current && k.current("auto"), o(H);
       }, l);
     }, "scheduleAutoSave");
-    return a(D), () => {
+    return o(H), () => {
       e();
     };
   }, []), g(() => {
     const e = /* @__PURE__ */ n(() => {
-      N.current && S.current("manual");
+      R.current && k.current("manual");
     }, "handlePageExit");
     return window.addEventListener("pagehide", e), window.addEventListener("beforeunload", e), () => {
       window.removeEventListener("pagehide", e), window.removeEventListener("beforeunload", e);
     };
   }, []), /* @__PURE__ */ t(
-    V,
+    K,
     {
-      title: /* @__PURE__ */ m("div", { className: "flex w-full flex-wrap items-center justify-between gap-12", children: [
-        /* @__PURE__ */ t(M, { variant: "h6", fontWeight: 700, sx: { color: He }, children: "OWP Theme Preview" }),
-        /* @__PURE__ */ m("div", { className: "flex flex-wrap items-center gap-8", children: [
+      title: /* @__PURE__ */ s("div", { className: "flex w-full flex-wrap items-center justify-between gap-12", children: [
+        /* @__PURE__ */ t(B, { variant: "h6", fontWeight: 700, sx: { color: Qe }, children: "OWP Theme Preview" }),
+        /* @__PURE__ */ s("div", { className: "flex flex-wrap items-center justify-end gap-x-32 gap-y-8", children: [
+          /* @__PURE__ */ s("div", { className: "flex flex-wrap items-center gap-8", children: [
+            /* @__PURE__ */ t(
+              p,
+              {
+                size: "small",
+                variant: "outlined",
+                disabled: !q,
+                sx: {
+                  ...v,
+                  ...E
+                },
+                onClick: ge,
+                children: "메인화면 기본 설정으로 되돌리기"
+              }
+            ),
+            /* @__PURE__ */ t(
+              p,
+              {
+                size: "small",
+                variant: "contained",
+                disabled: !J,
+                sx: {
+                  ...v,
+                  ...M
+                },
+                onClick: ie,
+                children: "메인에 적용해보기"
+              }
+            )
+          ] }),
           /* @__PURE__ */ t(
-            h,
+            p,
             {
               size: "small",
               variant: "outlined",
               sx: {
-                ...p,
-                ...k
+                ...v,
+                ...E
               },
-              onClick: ne,
+              onClick: ve,
               children: "기본 설정으로 되돌리기"
             }
-          ),
-          /* @__PURE__ */ t(
-            h,
-            {
-              size: "small",
-              variant: "contained",
-              disabled: !z,
-              sx: {
-                ...p,
-                ...A
-              },
-              onClick: G,
-              children: "메인에 적용해보기"
-            }
           )
         ] })
       ] }),
       open: r,
       fullScreen: !0,
       canConfirm: !1,
-      onClose: de,
+      onClose: Ce,
       slotProps: {
         paper: {
           sx: {
@@ -328,60 +375,60 @@ const p = {
           }
         }
       },
-      actions: /* @__PURE__ */ m("div", { className: "grid min-w-0 flex-1 grid-cols-[1fr_auto_1fr] items-center gap-y-8", children: [
-        /* @__PURE__ */ m("div", { className: "flex flex-wrap items-center justify-start gap-8", children: [
+      actions: /* @__PURE__ */ s("div", { className: "grid min-w-0 flex-1 grid-cols-[1fr_auto_1fr] items-center gap-y-8", children: [
+        /* @__PURE__ */ s("div", { className: "flex flex-wrap items-center justify-start gap-8", children: [
           /* @__PURE__ */ t(
-            h,
+            p,
             {
               variant: "contained",
-              startIcon: /* @__PURE__ */ t(ye, {}),
+              startIcon: /* @__PURE__ */ t(Ie, {}),
               sx: {
-                ...p,
-                ...A
+                ...v,
+                ...M
               },
-              onClick: se,
+              onClick: he,
               children: "임시 저장하기"
             }
           ),
           /* @__PURE__ */ t(
-            h,
+            p,
             {
               variant: "outlined",
-              startIcon: /* @__PURE__ */ t(Ee, {}),
-              disabled: !W,
+              startIcon: /* @__PURE__ */ t(_e, {}),
+              disabled: !Y,
               sx: {
-                ...p,
-                ...k
+                ...v,
+                ...E
               },
-              onClick: ce,
+              onClick: pe,
               children: "임시 저장 불러오기"
             }
           )
         ] }),
-        /* @__PURE__ */ m("div", { className: "flex flex-wrap items-center justify-center gap-8", children: [
+        /* @__PURE__ */ s("div", { className: "flex flex-wrap items-center justify-center gap-8", children: [
           /* @__PURE__ */ t(
-            h,
+            p,
             {
               variant: "contained",
-              startIcon: /* @__PURE__ */ t(Se, {}),
+              startIcon: /* @__PURE__ */ t(Fe, {}),
               sx: {
-                ...p,
-                ...A
+                ...v,
+                ...M
               },
-              onClick: ae,
+              onClick: fe,
               children: "설정파일 저장하기"
             }
           ),
           /* @__PURE__ */ t(
-            h,
+            p,
             {
               variant: "outlined",
-              startIcon: /* @__PURE__ */ t(Ae, {}),
+              startIcon: /* @__PURE__ */ t(Ve, {}),
               sx: {
-                ...p,
-                ...k
+                ...v,
+                ...E
               },
-              onClick: le,
+              onClick: ue,
               children: "설정파일 불러오기"
             }
           )
@@ -399,48 +446,42 @@ const p = {
           p: 3
         }
       },
-      children: /* @__PURE__ */ m(
+      children: /* @__PURE__ */ s(
         "div",
         {
-          ref: w,
+          ref: C,
           className: "flex h-full min-h-0 flex-col gap-12 overflow-hidden",
           children: [
             /* @__PURE__ */ t(
               "input",
               {
-                ref: L,
+                ref: N,
                 type: "file",
-                accept: Ie,
+                accept: Ze,
                 className: "hidden",
-                onChange: me
+                onChange: Pe
               }
             ),
-            /* @__PURE__ */ m("div", { className: "grid min-h-0 flex-1 gap-20 overflow-hidden xl:grid-cols-[420px_minmax(0,1fr)]", children: [
+            /* @__PURE__ */ s("div", { className: "grid min-h-0 flex-1 gap-20 overflow-hidden xl:grid-cols-[420px_minmax(0,1fr)]", children: [
               /* @__PURE__ */ t("div", { className: "min-h-0", children: /* @__PURE__ */ t(
-                Fe,
+                ze,
                 {
-                  activeSection: c,
-                  presetOptions: H,
-                  selectedMode: re,
-                  selectedPresetKey: ie,
-                  settings: E,
-                  resetVersion: B,
-                  onSectionChange: fe,
-                  onPaletteValueChange: $,
-                  onPaletteValuesChange: J,
-                  onPaletteValueReset: q,
-                  onPaletteValuesReset: Y,
-                  onPresetKeyChange: X,
-                  onPresetModeChange: ee
+                  activeSection: d,
+                  presetOptions: G,
+                  selectedMode: ce,
+                  selectedPresetKey: de,
+                  settings: D,
+                  resetVersion: Q,
+                  onSectionChange: Te,
+                  onPaletteValueChange: te,
+                  onPaletteValuesChange: re,
+                  onPaletteValueReset: we,
+                  onPaletteValuesReset: xe,
+                  onPresetKeyChange: ae,
+                  onPresetModeChange: le
                 }
               ) }),
-              /* @__PURE__ */ t("div", { className: "flex min-h-0 min-w-0 overflow-hidden", children: /* @__PURE__ */ t(
-                Ne,
-                {
-                  activeSection: c,
-                  settings: E
-                }
-              ) })
+              /* @__PURE__ */ t("div", { className: "flex min-h-0 min-w-0 overflow-hidden", children: /* @__PURE__ */ t(We, { activeSection: d, settings: D }) })
             ] })
           ]
         }
@@ -449,6 +490,6 @@ const p = {
   );
 }, "ThemePreviewDialog");
 export {
-  fn as ThemePreviewDialog
+  Tn as ThemePreviewDialog
 };
 //# sourceMappingURL=ThemePreviewDialog.js.map