@owp/core 2.5.10 → 2.5.12

package/dist/features/themePreview/components/ThemePreviewControls.js

@@ -1,20 +1,20 @@
-var ie = Object.defineProperty;
-var s = (r, d) => ie(r, "name", { value: d, configurable: !0 });
-import { jsx as o, jsxs as u } 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 { MenuItem as W, ButtonBase as ae, Typography as x, Paper as A, TextField as Y, Divider as Z, Box as se, IconButton as de, FormControlLabel as ce, Checkbox as he } from "@mui/material";
-import ue 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/RestartAltOutlined.js";
-import { ThemeProvider as me, createTheme as fe } from "@mui/material/styles";
-import { useState as pe, useMemo as T } from "react";
-import { toolbarCuratedPresetKeys as be, designSystemPresetKeys as Ce } from "../configs/presets.js";
-import { ThemePreviewColorField as q } from "./ThemePreviewColorField.js";
-import { getThemePreviewPresetOptionsByMode as ve, THEME_PREVIEW_CUSTOM_PRESET_KEY as J, isThemePreviewCustomSection as ge, getThemePreviewPaletteValue as G } from "../utils/themePreviewSettings.js";
-import { themePreviewFieldGroupsBySection as xe, themePreviewSectionOptions as X } from "../utils/themePreviewDefinitions.js";
-import { deriveThemePreviewPaletteGroupValues as ye } from "../utils/color.js";
-function Pe(r) {
+var ae = Object.defineProperty;
+var s = (r, d) => ae(r, "name", { value: d, configurable: !0 });
+import { jsx as o, jsxs as h } 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 { MenuItem as W, ButtonBase as se, Typography as x, Paper as A, TextField as Z, Divider as q, Box as de, IconButton as ce, FormControlLabel as ue, Checkbox as he } from "@mui/material";
+import me 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/RestartAltOutlined.js";
+import { ThemeProvider as fe, createTheme as pe } from "@mui/material/styles";
+import { useState as be, useRef as Ce, useMemo as B, useEffect as ge } from "react";
+import { toolbarCuratedPresetKeys as ve, designSystemPresetKeys as xe } from "../configs/presets.js";
+import { ThemePreviewColorField as J } from "./ThemePreviewColorField.js";
+import { getThemePreviewPresetOptionsByMode as ye, THEME_PREVIEW_CUSTOM_PRESET_KEY as O, isThemePreviewCustomSection as ke, getThemePreviewPaletteValue as R } from "../utils/themePreviewSettings.js";
+import { themePreviewFieldGroupsBySection as Pe, themePreviewSectionOptions as ee } from "../utils/themePreviewDefinitions.js";
+import { deriveThemePreviewPaletteGroupValues as we } from "../utils/color.js";
+function Te(r) {
   return r.replace(/([a-z0-9])([A-Z])/g, "$1 $2").replace(/^./, (d) => d.toUpperCase());
 }
-s(Pe, "getThemePreviewFieldClusterLabel");
-function ke(r) {
+s(Te, "getThemePreviewFieldClusterLabel");
+function Be(r) {
   const d = r.find((f) => f.path.endsWith(".main")), p = r.find((f) => f.path.endsWith(".light")), m = r.find((f) => f.path.endsWith(".dark")), c = r.find((f) => f.path.endsWith(".contrastText"));
   return !d || !p && !m && !c ? null : {
     mainPath: d.path,
@@ -23,18 +23,18 @@ function ke(r) {
     contrastTextPath: c == null ? void 0 : c.path
   };
 }
-s(ke, "getThemePreviewAutoDerivedFieldPaths");
-function we(r) {
+s(Be, "getThemePreviewAutoDerivedFieldPaths");
+function Me(r) {
   const d = r.reduce(
-    (t, h) => {
-      const i = h.path.split(".")[0] ?? "";
-      return i && (t[i] || (t[i] = []), t[i].push(h)), t;
+    (t, u) => {
+      const i = u.path.split(".")[0] ?? "";
+      return i && (t[i] || (t[i] = []), t[i].push(u)), t;
     },
     {}
   ), p = Object.fromEntries(
-    Object.entries(d).map(([t, h]) => [
+    Object.entries(d).map(([t, u]) => [
       t,
-      h.length
+      u.length
     ])
   ), m = new Set(
     Object.entries(p).filter(([, t]) => t > 1).map(([t]) => t)
@@ -47,29 +47,29 @@ function we(r) {
       fields: [t]
     }));
   const F = /* @__PURE__ */ new Set();
-  return r.reduce((t, h) => {
-    const i = h.path.split(".")[0] ?? "";
+  return r.reduce((t, u) => {
+    const i = u.path.split(".")[0] ?? "";
     if (!m.has(i))
       return t.push({
-        key: h.path,
-        fields: [h]
+        key: u.path,
+        fields: [u]
       }), t;
     if (F.has(i))
       return t;
     F.add(i);
-    const M = d[i] ?? [h];
+    const S = d[i] ?? [u];
     return t.push({
       key: i,
-      label: Pe(i),
-      fields: M,
-      autoDerivedFieldPaths: ke(M) ?? void 0
+      label: Te(i),
+      fields: S,
+      autoDerivedFieldPaths: Be(S) ?? void 0
     }), t;
   }, []);
 }
-s(we, "getThemePreviewFieldClusters");
-const Te = Object.fromEntries(
-  X.map((r) => [r.key, r])
-), v = {
+s(Me, "getThemePreviewFieldClusters");
+const Fe = Object.fromEntries(
+  ee.map((r) => [r.key, r])
+), g = {
   active: {
     backgroundColor: "#1ea3e6",
     borderColor: "#1591cf",
@@ -82,14 +82,17 @@ const Te = Object.fromEntries(
     descriptionColor: "#6b7280",
     textColor: "#111827"
   }
-}, B = "#d8dee8", Be = "#d1d7e0", Fe = "#f8fafc", D = "#ffffff", y = "#111827", g = "#6b7280", O = "#ffffff", ee = "#cbd5e1", Me = "#94a3b8", z = "#1ea3e6", Q = "#111827", Se = "#f8fafc", Ne = "#f8fafc", Ie = fe({
+}, M = "#d8dee8", Se = "#d1d7e0", Ee = "#f8fafc", D = "#ffffff", y = "#111827", v = "#6b7280", Q = "#ffffff", re = "#cbd5e1", Ne = "#94a3b8", z = "#1ea3e6", V = "#111827", Ie = "#f8fafc", We = "#f8fafc", ze = `특별한 경우가 아니면 연동 색상 편집은 권장하지 않습니다.
+
+Primary Main 값을 선택하면 Light, Dark, Contrast 값이 자동으로 채워집니다.
+특수한 디자인 조정이 필요한 경우에만 직접 편집하세요.`, je = pe({
   palette: {
     mode: "light",
     background: {
       default: D,
       paper: D
     },
-    divider: B,
+    divider: M,
     primary: {
       main: z
     },
@@ -98,7 +101,7 @@ const Te = Object.fromEntries(
     },
     text: {
       primary: y,
-      secondary: g
+      secondary: v
     }
   },
   typography: {
@@ -111,16 +114,16 @@ const Te = Object.fromEntries(
       fontSize: "1.3rem"
     }
   }
-}), Ee = {
+}), Ke = {
   color: y,
   "& .MuiFormHelperText-root": {
-    color: g
+    color: v
   },
   "& .MuiInputAdornment-root": {
-    color: g
+    color: v
   },
   "& .MuiInputLabel-root": {
-    color: g
+    color: v
   },
   "& .MuiInputLabel-root.Mui-focused": {
     color: y
@@ -129,13 +132,13 @@ const Te = Object.fromEntries(
     color: y
   },
   "& .MuiOutlinedInput-root": {
-    backgroundColor: O,
+    backgroundColor: Q,
     color: y,
     "& fieldset": {
-      borderColor: ee
+      borderColor: re
     },
     "&:hover fieldset": {
-      borderColor: Me
+      borderColor: Ne
     },
     "&.Mui-focused fieldset": {
       borderColor: z,
@@ -143,31 +146,31 @@ const Te = Object.fromEntries(
     }
   },
   "& .MuiSelect-icon": {
-    color: g
+    color: v
   },
   "& .MuiButton-outlined": {
-    backgroundColor: O,
-    borderColor: Q,
+    backgroundColor: Q,
+    borderColor: V,
     color: y,
     "&:hover": {
-      backgroundColor: Se,
-      borderColor: Q
+      backgroundColor: Ie,
+      borderColor: V
     }
   },
   "& .MuiCheckbox-root": {
-    color: g
+    color: v
   },
   "& .MuiCheckbox-root.Mui-checked": {
     color: z
   },
   "& .MuiDivider-root": {
-    borderColor: B
+    borderColor: M
   }
-}, We = /* @__PURE__ */ new Set([
-  ...be,
-  ...Ce
-]), V = /* @__PURE__ */ new Set(["tableFieldHeader", "tableFieldCell"]);
-function _e({
+}, Le = /* @__PURE__ */ new Set([
+  ...ve,
+  ...xe
+]), X = /* @__PURE__ */ new Set(["tableFieldHeader", "tableFieldCell"]);
+function Je({
   activeSection: r,
   presetOptions: d,
   selectedMode: p,
@@ -176,30 +179,30 @@ function _e({
   resetVersion: f,
   onSectionChange: F,
   onPaletteValueChange: t,
-  onPaletteValuesChange: h,
+  onPaletteValuesChange: u,
   onPaletteValueReset: i,
-  onPaletteValuesReset: M,
-  onPresetKeyChange: re,
-  onPresetModeChange: oe
+  onPaletteValuesReset: S,
+  onPresetKeyChange: oe,
+  onPresetModeChange: te
 }) {
-  const [te, le] = pe({}), S = !ge(r), b = S ? r : null, N = T(
-    () => S && b ? ve(d, b, p) : [],
-    [S, d, b, p]
-  ), R = T(
+  const [le, ne] = be({}), j = Ce(null), E = !ke(r), b = E ? r : null, N = B(
+    () => E && b ? ye(d, b, p) : [],
+    [E, d, b, p]
+  ), G = B(
     () => {
       var e;
       return (e = N.find(
-        (l) => !We.has(l.key)
+        (l) => !Le.has(l.key)
       )) == null ? void 0 : e.key;
     },
     [N]
-  ), H = xe[r], I = T(
+  ), H = Pe[r], I = B(
     () => H.map((e) => ({
       ...e,
-      fieldClusters: we(e.fields)
+      fieldClusters: Me(e.fields)
     })),
     [H]
-  ), L = T(() => {
+  ), U = B(() => {
     if (r !== "table")
       return [
         {
@@ -208,9 +211,9 @@ function _e({
         }
       ];
     const e = I.filter(
-      (n) => V.has(n.key)
+      (n) => X.has(n.key)
     ), l = I.filter(
-      (n) => !V.has(n.key)
+      (n) => !X.has(n.key)
     );
     return [
       {
@@ -224,18 +227,18 @@ function _e({
         fieldGroups: l
       }
     ].filter((n) => n.fieldGroups.length > 0);
-  }, [r, I]), j = Te[r], ne = T(
+  }, [r, I]), K = Fe[r], ie = B(
     () => N.flatMap((e) => {
       const l = [];
-      return e.key === R && l.push(
+      return e.key === G && l.push(
         /* @__PURE__ */ o(
-          Z,
+          q,
           {
             component: "li",
             role: "presentation",
             textAlign: "center",
             sx: {
-              color: g,
+              color: v,
               fontSize: "1.2rem",
               my: 0.5
             },
@@ -247,46 +250,50 @@ function _e({
         /* @__PURE__ */ o(W, { value: e.key, children: e.label }, e.key)
       ), l;
     }),
-    [R, N]
-  ), U = /* @__PURE__ */ s((e, l, n) => {
-    const P = G(c, e, "common.white") || "#FFFFFF", k = G(c, e, "common.black") || "#111827", a = ye(n, {
-      whiteTextColor: P,
-      blackTextColor: k
+    [G, N]
+  );
+  ge(() => {
+    j.current && (j.current.scrollTop = 0);
+  }, [r]);
+  const _ = /* @__PURE__ */ s((e, l, n) => {
+    const k = R(c, e, "common.white") || "#FFFFFF", w = R(c, e, "common.black") || "#111827", a = we(n, {
+      whiteTextColor: k,
+      blackTextColor: w
     });
     return a ? [
       l.lightPath ? { path: l.lightPath, value: a.light } : null,
       l.darkPath ? { path: l.darkPath, value: a.dark } : null,
       l.contrastTextPath ? { path: l.contrastTextPath, value: a.contrastText } : null
-    ].filter((K) => !!K) : [];
-  }, "getAutoDerivedUpdates"), _ = /* @__PURE__ */ s((e) => {
+    ].filter((L) => !!L) : [];
+  }, "getAutoDerivedUpdates"), Y = /* @__PURE__ */ s((e) => {
     const l = e.fieldClusters.flatMap(
-      (n) => n.fields.map((P) => P.path)
+      (n) => n.fields.map((k) => k.path)
     );
-    return /* @__PURE__ */ u("div", { className: "flex flex-col gap-12", children: [
-      e.label ? /* @__PURE__ */ u("div", { className: "flex items-center justify-between gap-8", children: [
+    return /* @__PURE__ */ h("div", { className: "flex flex-col gap-12", children: [
+      e.label ? /* @__PURE__ */ h("div", { className: "flex items-center justify-between gap-8", children: [
         /* @__PURE__ */ o(x, { variant: "subtitle1", fontWeight: 700, children: e.label }),
         /* @__PURE__ */ o(
-          de,
+          ce,
           {
             size: "small",
             "aria-label": `${e.label} reset`,
             onClick: /* @__PURE__ */ s(() => {
-              M(l);
+              S(l);
             }, "onClick"),
             sx: {
-              border: `1px solid ${ee}`,
+              border: `1px solid ${re}`,
               borderRadius: 1,
-              color: g,
+              color: v,
               p: 0.5
             },
-            children: /* @__PURE__ */ o(ue, { sx: { fontSize: 18 } })
+            children: /* @__PURE__ */ o(me, { sx: { fontSize: 18 } })
           }
         )
       ] }) : null,
       /* @__PURE__ */ o("div", { className: "grid gap-12", children: e.fieldClusters.map((n) => {
         if (!n.label)
           return n.fields.map((C) => /* @__PURE__ */ o(
-            q,
+            J,
             {
               definition: C,
               resetVersion: f,
@@ -297,72 +304,74 @@ function _e({
             },
             C.path
           ));
-        const P = `${r}:${e.key}:${n.key}`, k = !!te[P], a = n.autoDerivedFieldPaths, K = !!(a && b);
-        return /* @__PURE__ */ u(
+        const k = `${r}:${e.key}:${n.key}`, w = !!le[k], a = n.autoDerivedFieldPaths, L = !!(a && b);
+        return /* @__PURE__ */ h(
           A,
           {
             variant: "outlined",
             sx: {
-              backgroundColor: Fe,
-              borderColor: Be,
+              backgroundColor: Ee,
+              borderColor: Se,
               display: "flex",
               flexDirection: "column",
               gap: 1.5,
               p: 1.5
             },
             children: [
-              /* @__PURE__ */ u("div", { className: "flex items-start justify-between gap-12", children: [
+              /* @__PURE__ */ h("div", { className: "flex items-start justify-between gap-12", children: [
                 /* @__PURE__ */ o(x, { variant: "body2", fontWeight: 700, children: n.label }),
-                K ? /* @__PURE__ */ o(
-                  ce,
+                L ? /* @__PURE__ */ o(
+                  ue,
                   {
                     className: "m-0",
                     control: /* @__PURE__ */ o(
                       he,
                       {
                         size: "small",
-                        checked: k,
+                        checked: w,
                         onChange: /* @__PURE__ */ s((C) => {
-                          const E = C.target.checked;
-                          le((w) => ({
-                            ...w,
-                            [P]: E
-                          })), !E && (!b || !a || h(
-                            U(
+                          const T = C.target.checked;
+                          T && !window.confirm(
+                            ze
+                          ) || (ne((P) => ({
+                            ...P,
+                            [k]: T
+                          })), !T && (!b || !a || u(
+                            _(
                               b,
                               a,
-                              G(
+                              R(
                                 c,
                                 r,
                                 a.mainPath
                               )
                             )
-                          ));
+                          )));
                         }, "onChange")
                       }
                     ),
-                    label: /* @__PURE__ */ o(x, { variant: "caption", color: "text.secondary", children: "Edit derived colors" })
+                    label: /* @__PURE__ */ o(x, { variant: "caption", color: "text.secondary", children: "연동 색상 편집" })
                   }
                 ) : null
               ] }),
               /* @__PURE__ */ o("div", { className: "grid gap-12", children: n.fields.map((C) => {
-                const E = a && b ? !k && C.path !== a.mainPath : !1;
+                const T = a && b ? !w && C.path !== a.mainPath : !1;
                 return /* @__PURE__ */ o(
-                  q,
+                  J,
                   {
-                    disabled: E,
+                    disabled: T,
                     definition: C,
                     resetVersion: f,
                     sectionKey: r,
                     settings: c,
-                    onChange: /* @__PURE__ */ s((w, $) => {
-                      if (!a || !b || k || w !== a.mainPath) {
-                        t(w, $);
+                    onChange: /* @__PURE__ */ s((P, $) => {
+                      if (!a || !b || w || P !== a.mainPath) {
+                        t(P, $);
                         return;
                       }
-                      h([
-                        { path: w, value: $ },
-                        ...U(
+                      u([
+                        { path: P, value: $ },
+                        ..._(
                           b,
                           a,
                           $
@@ -381,29 +390,29 @@ function _e({
       }) })
     ] }, e.key);
   }, "renderFieldGroup");
-  return /* @__PURE__ */ o(me, { theme: Ie, children: /* @__PURE__ */ u(se, { sx: Ee, className: "flex h-full min-h-0 flex-col gap-16", children: [
-    /* @__PURE__ */ o("div", { className: "grid grid-cols-2 gap-12", children: X.map((e) => {
+  return /* @__PURE__ */ o(fe, { theme: je, children: /* @__PURE__ */ h(de, { sx: Ke, className: "flex h-full min-h-0 flex-col gap-16", children: [
+    /* @__PURE__ */ o("div", { className: "grid grid-cols-2 gap-12", children: ee.map((e) => {
       const l = e.key === r;
       return /* @__PURE__ */ o(
-        ae,
+        se,
         {
           onClick: /* @__PURE__ */ s(() => F(e.key), "onClick"),
           className: "w-full rounded-lg text-left",
           sx: {
             alignItems: "flex-start",
-            backgroundColor: l ? v.active.backgroundColor : v.inactive.backgroundColor,
-            border: `1px solid ${l ? v.active.borderColor : v.inactive.borderColor}`,
-            color: l ? v.active.textColor : v.inactive.textColor,
+            backgroundColor: l ? g.active.backgroundColor : g.inactive.backgroundColor,
+            border: `1px solid ${l ? g.active.borderColor : g.inactive.borderColor}`,
+            color: l ? g.active.textColor : g.inactive.textColor,
             p: 2
           },
-          children: /* @__PURE__ */ u("div", { className: "flex w-full flex-col gap-4", children: [
+          children: /* @__PURE__ */ h("div", { className: "flex w-full flex-col gap-4", children: [
             /* @__PURE__ */ o(x, { variant: "subtitle1", fontWeight: 600, children: e.label }),
             e.description ? /* @__PURE__ */ o(
               x,
               {
                 variant: "body2",
                 sx: {
-                  color: l ? v.active.descriptionColor : v.inactive.descriptionColor
+                  color: l ? g.active.descriptionColor : g.inactive.descriptionColor
                 },
                 children: e.description
               }
@@ -413,27 +422,27 @@ function _e({
         e.key
       );
     }) }),
-    /* @__PURE__ */ u(
+    /* @__PURE__ */ h(
       A,
       {
         className: "flex min-h-0 flex-1 flex-col overflow-hidden rounded-lg",
         sx: {
           backgroundColor: D,
-          border: `1px solid ${B}`,
+          border: `1px solid ${M}`,
           boxShadow: "none"
         },
         children: [
-          /* @__PURE__ */ o("div", { className: "flex items-center justify-between px-20 py-16", children: /* @__PURE__ */ u("div", { className: "flex min-w-0 flex-1 flex-col gap-14", children: [
-            /* @__PURE__ */ o(x, { variant: "h6", sx: { color: y }, children: j == null ? void 0 : j.label }),
-            S ? /* @__PURE__ */ u("div", { className: "grid gap-12 md:grid-cols-2", children: [
-              /* @__PURE__ */ u(
-                Y,
+          /* @__PURE__ */ o("div", { className: "flex items-center justify-between px-20 py-16", children: /* @__PURE__ */ h("div", { className: "flex min-w-0 flex-1 flex-col gap-14", children: [
+            /* @__PURE__ */ o(x, { variant: "h6", sx: { color: y }, children: K == null ? void 0 : K.label }),
+            E ? /* @__PURE__ */ h("div", { className: "grid gap-12 md:grid-cols-2", children: [
+              /* @__PURE__ */ h(
+                Z,
                 {
                   select: !0,
                   label: "Mode",
                   value: p,
                   onChange: /* @__PURE__ */ s((e) => {
-                    oe(e.target.value);
+                    te(e.target.value);
                   }, "onChange"),
                   children: [
                     /* @__PURE__ */ o(W, { value: "light", children: "light" }),
@@ -441,58 +450,65 @@ function _e({
                   ]
                 }
               ),
-              /* @__PURE__ */ u(
-                Y,
+              /* @__PURE__ */ h(
+                Z,
                 {
                   select: !0,
                   label: "Preset",
                   value: m,
                   onChange: /* @__PURE__ */ s((e) => {
-                    re(e.target.value);
+                    oe(e.target.value);
                   }, "onChange"),
                   children: [
-                    m === J ? /* @__PURE__ */ o(W, { value: J, children: "custom" }) : null,
-                    ne
+                    m === O ? /* @__PURE__ */ o(W, { value: O, children: "custom" }) : null,
+                    ie
                   ]
                 }
               )
             ] }) : null
           ] }) }),
           /* @__PURE__ */ o(
-            Z,
+            q,
             {
               sx: {
-                borderColor: B
+                borderColor: M
               }
             }
           ),
-          /* @__PURE__ */ o("div", { className: "flex min-h-0 flex-1 flex-col gap-20 overflow-y-auto px-20 py-20", children: L.map((e) => r === "table" && L.length > 1 ? /* @__PURE__ */ u(
-            A,
+          /* @__PURE__ */ o(
+            "div",
             {
-              variant: "outlined",
-              sx: {
-                backgroundColor: Ne,
-                borderColor: B,
-                boxShadow: "none",
-                display: "flex",
-                flexDirection: "column",
-                gap: 2,
-                p: 2
-              },
-              children: [
-                e.label ? /* @__PURE__ */ o(x, { variant: "subtitle1", fontWeight: 700, children: e.label }) : null,
-                /* @__PURE__ */ o("div", { className: "grid gap-20", children: e.fieldGroups.map(_) })
-              ]
-            },
-            e.key
-          ) : e.fieldGroups.map(_)) })
+              ref: j,
+              className: "flex min-h-0 flex-1 flex-col gap-20 overflow-y-auto px-20 py-20",
+              children: U.map((e) => r === "table" && U.length > 1 ? /* @__PURE__ */ h(
+                A,
+                {
+                  variant: "outlined",
+                  sx: {
+                    backgroundColor: We,
+                    borderColor: M,
+                    boxShadow: "none",
+                    display: "flex",
+                    flexDirection: "column",
+                    gap: 2,
+                    p: 2
+                  },
+                  children: [
+                    e.label ? /* @__PURE__ */ o(x, { variant: "subtitle1", fontWeight: 700, children: e.label }) : null,
+                    /* @__PURE__ */ o("div", { className: "grid gap-20", children: e.fieldGroups.map(Y) })
+                  ]
+                },
+                e.key
+              ) : e.fieldGroups.map(Y))
+            }
+          )
         ]
       }
     )
   ] }) });
 }
-s(_e, "ThemePreviewControls");
+s(Je, "ThemePreviewControls");
 export {
-  _e as ThemePreviewControls
+  Je as ThemePreviewControls
 };
 //# sourceMappingURL=ThemePreviewControls.js.map