@owp/core 2.5.28 → 2.5.30

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

@@ -5,47 +5,47 @@ import de from "../defs/ThemePreviewGridDef.xml.js";
 import ce from "../defs/ThemePreviewReadonlyGridDef.xml.js";
 import { OwpDatePicker as se } from "../../../components/OwpPicker/OwpDatePicker.js";
 import { OwpDataTable as J } from "../../../components/OwpTable/OwpDataTable.js";
-import { OwpFieldTable as E } from "../../../components/OwpTable/OwpFieldTable.js";
+import { OwpFieldTable as O } from "../../../components/OwpTable/OwpFieldTable.js";
 import { OwpTable as Q } from "../../../components/OwpTable/OwpTable.js";
-import { OwpStoreProvider as G } from "../../../contexts/OwpStoreProvider.js";
+import { OwpStoreProvider as $ } from "../../../contexts/OwpStoreProvider.js";
 import { highlightTreeGridCellById as he } from "../../../utils/treeGridUtil.js";
-import _ 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/Close.js";
+import A 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/Close.js";
 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/Search.js";
 import xe 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/SpaceDashboardOutlined.js";
-import { Typography as c, Box as v, Paper as D, TextField as B, Skeleton as O, Button as R, ButtonBase as fe, CircularProgress as I, LinearProgress as U, TableHead as pe, TableRow as A, TableCell as H, TableBody as ue, Table as ve, IconButton as ge } from "@mui/material";
+import { Typography as c, Box as v, Paper as D, TextField as E, Skeleton as M, Button as R, ButtonBase as fe, CircularProgress as F, LinearProgress as I, TableHead as pe, TableRow as U, TableCell as H, TableBody as ue, Table as ve, IconButton as ge } from "@mui/material";
 import { useTheme as K, createTheme as be, ThemeProvider as we, alpha as j } from "@mui/material/styles";
 import { enqueueSnackbar as ye, closeSnackbar as L, SnackbarContent as Te } from "notistack";
 import { memo as N, useMemo as Se } from "react";
-import { getThemePreviewFieldTableSx as z, getThemePreviewFieldTableTitleSx as Z, tableFieldPreviewLayout as ee, tableFieldPreviewData as le, getThemePreviewFieldTableCellSx as F, getThemePreviewBasicTableSx as Ne, tablePreviewRows as Ce, tablePreviewHeaders as re, getThemePreviewDataTableSx as Re, dataTablePreviewRows as X, dataTablePreviewHeadCells as ie, gridCanvasPreviewRows as Y, gridStyledTablePreviewRows as Pe, gridStyledDataTablePreviewRows as We, previewNoop as T, previewChromeBorder as P, previewInnerCardSx as ae, searchHeaderPreviewData as ke, previewSectionCardClassName as Be, gridPreviewColumnLabels as $e, gridPreviewRows as Ge, gridPreviewBodyText as Me } from "./themePreviewCanvas.shared.js";
-import { OwpStyleProvider as M } from "../../../components/OwpStyleProvider/OwpStyleProvider.js";
-import { OwpTreeGrid as q } from "../../../components/OwpTreeGrid/OwpTreeGrid.js";
-import { OwpSearchFilter as Oe } from "../../../components/OwpSearchFilter/OwpSearchFilter.js";
-import { OwpYesNoSelector as Ee } from "../../../components/OwpYesNoSelector/OwpYesNoSelector.js";
+import { getThemePreviewFieldTableSx as z, getThemePreviewFieldTableTitleSx as Z, tableFieldPreviewLayout as ee, tableFieldPreviewData as le, getThemePreviewFieldTableCellSx as _, getThemePreviewBasicTableSx as Ne, tablePreviewRows as Ce, tablePreviewHeaders as re, getThemePreviewDataTableSx as Re, dataTablePreviewRows as V, dataTablePreviewHeadCells as ie, gridCanvasPreviewRows as X, gridStyledTablePreviewRows as Pe, gridStyledDataTablePreviewRows as We, previewNoop as T, previewChromeBorder as P, previewInnerCardSx as ae, searchHeaderPreviewData as ke, previewSectionCardClassName as Ee, gridPreviewColumnLabels as Be, gridPreviewRows as $e, gridPreviewBodyText as Ge } from "./themePreviewCanvas.shared.js";
+import { OwpStyleProvider as G } from "../../../components/OwpStyleProvider/OwpStyleProvider.js";
+import { OwpTreeGrid as Y } from "../../../components/OwpTreeGrid/OwpTreeGrid.js";
+import { OwpSearchFilter as Me } from "../../../components/OwpSearchFilter/OwpSearchFilter.js";
+import { OwpYesNoSelector as Oe } from "../../../components/OwpYesNoSelector/OwpYesNoSelector.js";
 import { OwpPageContent as De } from "../../../components/OwpPageContent/OwpPageContent.js";
-import { OwpSection as V } from "../../../components/OwpSection/OwpSection.js";
+import { OwpSection as q } from "../../../components/OwpSection/OwpSection.js";
 function y({
   children: s,
   fillContentHeight: r = !1,
   gapClassName: i = "gap-16",
-  paperClassName: a = Be,
-  sx: t,
+  paperClassName: a = Ee,
+  sx: o,
   title: n
 }) {
-  const m = n != null && n !== "";
+  const x = n != null && n !== "";
   return /* @__PURE__ */ e(
     D,
     {
       className: a,
       sx: {
         ...ae,
-        ...t
+        ...o
       },
       children: /* @__PURE__ */ l(
         "div",
         {
-          className: `flex flex-col ${m ? i : ""} ${r ? "min-h-0 flex-1" : ""}`,
+          className: `flex flex-col ${x ? i : ""} ${r ? "min-h-0 flex-1" : ""}`,
           children: [
-            m ? /* @__PURE__ */ e(c, { variant: "subtitle1", fontWeight: 700, children: n }) : null,
+            x ? /* @__PURE__ */ e(c, { variant: "subtitle1", fontWeight: 700, children: n }) : null,
             s
           ]
         }
@@ -54,7 +54,7 @@ function y({
   );
 }
 d(y, "PreviewSectionCard");
-function $({ children: s }) {
+function B({ children: s }) {
   const r = K(), i = Se(
     () => be(r, {
       palette: {
@@ -65,7 +65,7 @@ function $({ children: s }) {
   );
   return /* @__PURE__ */ e(we, { theme: i, children: s });
 }
-d($, "ThemePreviewStaticDividerBoundary");
+d(B, "ThemePreviewStaticDividerBoundary");
 function te({
   buttonPreviewItems: s,
   mainTextSecondary: r
@@ -73,14 +73,14 @@ function te({
   return /* @__PURE__ */ l("div", { className: "flex flex-col gap-12", children: [
     /* @__PURE__ */ l("div", { className: "flex flex-col gap-8", children: [
       /* @__PURE__ */ e(c, { variant: "caption", sx: { color: r }, children: "contained" }),
-      /* @__PURE__ */ e("div", { className: "flex flex-wrap gap-8", children: s.map(({ label: i, color: a, previewContrastColor: t }) => /* @__PURE__ */ e(
+      /* @__PURE__ */ e("div", { className: "flex flex-wrap gap-8", children: s.map(({ label: i, color: a, previewContrastColor: o }) => /* @__PURE__ */ e(
         R,
         {
           size: "small",
           variant: "contained",
           sx: {
             backgroundColor: a,
-            color: t,
+            color: o,
             minWidth: 72,
             px: 1.5,
             py: 0.625
@@ -120,15 +120,15 @@ const nl = N(/* @__PURE__ */ d(function({
   buttonPreviewItems: r,
   mainTextSecondary: i,
   mainThemePreviewStoreState: a,
-  previewSectionCardSx: t
+  previewSectionCardSx: o
 }) {
-  return /* @__PURE__ */ e(G, { preloadedState: a, children: /* @__PURE__ */ e(M, { children: /* @__PURE__ */ l("div", { className: "grid gap-16 xl:grid-cols-[188px_212px_minmax(0,9fr)_minmax(280px,13fr)]", children: [
+  return /* @__PURE__ */ e($, { preloadedState: a, children: /* @__PURE__ */ e(G, { children: /* @__PURE__ */ l("div", { className: "grid gap-16 xl:grid-cols-[188px_212px_minmax(0,9fr)_minmax(280px,13fr)]", children: [
     /* @__PURE__ */ e(
       y,
       {
         gapClassName: "gap-12",
         sx: {
-          ...t,
+          ...o,
           minWidth: 0
         },
         title: "Common",
@@ -138,10 +138,10 @@ const nl = N(/* @__PURE__ */ d(function({
               /* @__PURE__ */ e(xe, { color: "primary" }),
               /* @__PURE__ */ e(c, { variant: "body2", color: "primary.main", fontWeight: 600, children: "primary" })
             ] }),
-            /* @__PURE__ */ e(I, { color: "primary", size: 18, thickness: 5 })
+            /* @__PURE__ */ e(F, { color: "primary", size: 18, thickness: 5 })
           ] }),
           /* @__PURE__ */ e(
-            U,
+            I,
             {
               color: "primary",
               sx: { borderRadius: 999, height: 6, width: "100%" },
@@ -154,10 +154,10 @@ const nl = N(/* @__PURE__ */ d(function({
               /* @__PURE__ */ e(me, { color: "secondary" }),
               /* @__PURE__ */ e(c, { variant: "body2", color: "secondary.main", fontWeight: 600, children: "secondary" })
             ] }),
-            /* @__PURE__ */ e(I, { color: "secondary", size: 18, thickness: 5 })
+            /* @__PURE__ */ e(F, { color: "secondary", size: 18, thickness: 5 })
           ] }),
           /* @__PURE__ */ e(
-            U,
+            I,
             {
               color: "secondary",
               sx: { borderRadius: 999, height: 6, width: "100%" },
@@ -173,13 +173,13 @@ const nl = N(/* @__PURE__ */ d(function({
       {
         gapClassName: "gap-12",
         sx: {
-          ...t,
+          ...o,
           minWidth: 0
         },
         title: "Inputs",
         children: /* @__PURE__ */ l("div", { className: "grid gap-12", children: [
           /* @__PURE__ */ e(
-            B,
+            E,
             {
               fullWidth: !0,
               label: "기본 입력",
@@ -189,7 +189,7 @@ const nl = N(/* @__PURE__ */ d(function({
             }
           ),
           /* @__PURE__ */ e(
-            B,
+            E,
             {
               focused: !0,
               fullWidth: !0,
@@ -200,7 +200,7 @@ const nl = N(/* @__PURE__ */ d(function({
             }
           ),
           /* @__PURE__ */ e(
-            B,
+            E,
             {
               disabled: !0,
               fullWidth: !0,
@@ -218,7 +218,7 @@ const nl = N(/* @__PURE__ */ d(function({
       {
         gapClassName: "gap-12",
         sx: {
-          ...t,
+          ...o,
           minWidth: 0
         },
         title: "Text",
@@ -235,7 +235,7 @@ const nl = N(/* @__PURE__ */ d(function({
       {
         gapClassName: "gap-12",
         sx: {
-          ...t,
+          ...o,
           minWidth: 0
         },
         title: "Buttons",
@@ -265,18 +265,18 @@ const nl = N(/* @__PURE__ */ d(function({
   previewSectionCardSx: r,
   previewSnackbarKeysRef: i,
   snackbarAnchorOrigin: a,
-  snackbarAutoHideDuration: t,
+  snackbarAutoHideDuration: o,
   snackbarPreviewAnchorHorizontal: n,
-  snackbarPreviewAnchorVertical: m,
+  snackbarPreviewAnchorVertical: x,
   snackbarPreviewFontSize: g,
   snackbarPreviewItems: f,
-  snackbarPreviewLineHeight: o,
+  snackbarPreviewLineHeight: t,
   snackbarPreviewMaxSnack: h
 }) {
-  const p = K(), x = /* @__PURE__ */ d((S, u, b, w, C, W) => {
+  const p = K(), m = /* @__PURE__ */ d((S, u, b, w, C, W) => {
     const oe = ye(u, {
       anchorOrigin: a,
-      autoHideDuration: t,
+      autoHideDuration: o,
       variant: S,
       content: /* @__PURE__ */ d((k) => /* @__PURE__ */ e(
         Te,
@@ -288,7 +288,7 @@ const nl = N(/* @__PURE__ */ d(function({
             boxShadow: p.shadows[2],
             color: w,
             fontSize: g,
-            lineHeight: o,
+            lineHeight: t,
             overflow: "hidden",
             padding: 0
           },
@@ -339,7 +339,7 @@ const nl = N(/* @__PURE__ */ d(function({
                             color: "inherit",
                             flex: 1,
                             fontSize: g,
-                            lineHeight: o,
+                            lineHeight: t,
                             minWidth: 0
                           },
                           children: u
@@ -362,7 +362,7 @@ const nl = N(/* @__PURE__ */ d(function({
                         backgroundColor: C
                       }
                     },
-                    children: /* @__PURE__ */ e(_, { fontSize: "small" })
+                    children: /* @__PURE__ */ e(A, { fontSize: "small" })
                   }
                 )
               ]
@@ -391,7 +391,7 @@ const nl = N(/* @__PURE__ */ d(function({
             className: "flex min-h-0 flex-1 flex-col gap-10",
             style: {
               alignItems: n === "left" ? "flex-start" : n === "right" ? "flex-end" : "center",
-              justifyContent: m === "bottom" ? "flex-end" : "flex-start"
+              justifyContent: x === "bottom" ? "flex-end" : "flex-start"
             },
             children: f.map(
               ({ key: S, actionHoverColor: u, backgroundColor: b, color: w, icon: C, message: W }) => /* @__PURE__ */ l(
@@ -399,7 +399,7 @@ const nl = N(/* @__PURE__ */ d(function({
                 {
                   className: "flex items-center justify-between gap-10 px-16 py-10 text-left",
                   onClick: /* @__PURE__ */ d(() => {
-                    x(
+                    m(
                       S,
                       W,
                       b,
@@ -428,8 +428,8 @@ const nl = N(/* @__PURE__ */ d(function({
                             ...g && {
                               fontSize: g
                             },
-                            ...o && {
-                              lineHeight: o
+                            ...t && {
+                              lineHeight: t
                             }
                           },
                           children: W
@@ -444,7 +444,7 @@ const nl = N(/* @__PURE__ */ d(function({
                           backgroundColor: u,
                           color: w
                         },
-                        children: /* @__PURE__ */ e(_, { sx: { fontSize: 16 } })
+                        children: /* @__PURE__ */ e(A, { sx: { fontSize: 16 } })
                       }
                     )
                   ]
@@ -461,23 +461,23 @@ const nl = N(/* @__PURE__ */ d(function({
   activeSection: r,
   gridPreviewTable: i,
   mainBackground: a,
-  mainPaper: t,
+  mainPaper: o,
   mainText: n,
-  mainThemePreviewStoreState: m,
+  mainThemePreviewStoreState: x,
   previewSectionCardSx: g,
   searchHeaderPreviewDate: f,
-  searchHeaderPreviewNumber: o,
+  searchHeaderPreviewNumber: t,
   searchHeaderPreviewVersionKey: h,
   tablePreviewCanTableRadiusZero: p,
-  tableTheme: x,
+  tableTheme: m,
   tableThemePreviewVersionKey: S
 }) {
-  const u = F(x), b = Z(x), w = r === "navbar" || r === "toolbar";
+  const u = _(m), b = Z(m), w = r === "navbar" || r === "toolbar";
   return /* @__PURE__ */ e(y, { paperClassName: "overflow-hidden rounded-lg p-0", sx: g, children: /* @__PURE__ */ e(
-    G,
+    $,
     {
-      preloadedState: m,
-      children: /* @__PURE__ */ e(M, { children: /* @__PURE__ */ l(
+      preloadedState: x,
+      children: /* @__PURE__ */ e(G, { children: /* @__PURE__ */ l(
         v,
         {
           className: "flex flex-col gap-16 p-16",
@@ -500,7 +500,7 @@ const nl = N(/* @__PURE__ */ d(function({
                   backgroundColor: "transparent",
                   boxShadow: "none"
                 },
-                children: /* @__PURE__ */ l(Oe, { onSubmit: T, onReset: T, children: [
+                children: /* @__PURE__ */ l(Me, { onSubmit: T, onReset: T, children: [
                   /* @__PURE__ */ e(
                     se,
                     {
@@ -511,7 +511,7 @@ const nl = N(/* @__PURE__ */ d(function({
                     }
                   ),
                   /* @__PURE__ */ e(
-                    Ee,
+                    Oe,
                     {
                       label: "사용여부",
                       yesLabel: "사용",
@@ -521,11 +521,11 @@ const nl = N(/* @__PURE__ */ d(function({
                     }
                   ),
                   /* @__PURE__ */ e(
-                    B,
+                    E,
                     {
                       label: "번호",
                       variant: "standard",
-                      value: o,
+                      value: t,
                       onChange: T
                     }
                   )
@@ -538,22 +538,22 @@ const nl = N(/* @__PURE__ */ d(function({
                 className: "w-full rounded-lg p-16",
                 sx: {
                   ...ae,
-                  backgroundColor: t,
+                  backgroundColor: o,
                   border: `1px solid ${P}`
                 },
                 children: /* @__PURE__ */ e(
                   De,
                   {
                     title: "제목",
-                    centerSlot: /* @__PURE__ */ e("div", { className: "w-[240px]", children: /* @__PURE__ */ e($, { children: /* @__PURE__ */ e(
+                    centerSlot: /* @__PURE__ */ e("div", { className: "w-[240px]", children: /* @__PURE__ */ e(B, { children: /* @__PURE__ */ e(
                       v,
                       {
                         sx: z(
-                          x,
+                          m,
                           p
                         ),
                         children: /* @__PURE__ */ e(
-                          E,
+                          O,
                           {
                             canUseTreeGridStyle: !1,
                             cellSx: [
@@ -581,7 +581,7 @@ const nl = N(/* @__PURE__ */ d(function({
                     children: /* @__PURE__ */ l("div", { className: "flex min-h-0 flex-1 flex-col gap-12", children: [
                       i,
                       /* @__PURE__ */ e(
-                        V,
+                        q,
                         {
                           className: w ? "shrink-0" : "min-h-0 flex-1",
                           title: "섹션 제목",
@@ -590,18 +590,18 @@ const nl = N(/* @__PURE__ */ d(function({
                             {
                               className: "flex min-h-0 flex-1 flex-col pt-12",
                               style: { borderTop: `1px solid ${P}` },
-                              children: /* @__PURE__ */ e($, { children: /* @__PURE__ */ e(
+                              children: /* @__PURE__ */ e(B, { children: /* @__PURE__ */ e(
                                 v,
                                 {
                                   sx: z(
-                                    x,
+                                    m,
                                     p
                                   ),
                                   children: /* @__PURE__ */ e(
-                                    E,
+                                    O,
                                     {
                                       canUseTreeGridStyle: !0,
-                                      cellSx: F(x),
+                                      cellSx: _(m),
                                       data: le,
                                       layout: ee,
                                       titleWidth: 108
@@ -615,7 +615,7 @@ const nl = N(/* @__PURE__ */ d(function({
                         }
                       ),
                       w ? /* @__PURE__ */ e("div", { className: "flex min-h-0 flex-1 flex-col gap-12", children: [0, 1].map((C) => /* @__PURE__ */ e(
-                        V,
+                        q,
                         {
                           className: "min-h-0 flex-1",
                           title: "섹션 제목",
@@ -626,7 +626,7 @@ const nl = N(/* @__PURE__ */ d(function({
                               style: { borderTop: `1px solid ${P}` },
                               children: [
                                 /* @__PURE__ */ e(
-                                  O,
+                                  M,
                                   {
                                     animation: !1,
                                     height: 16,
@@ -635,7 +635,7 @@ const nl = N(/* @__PURE__ */ d(function({
                                   }
                                 ),
                                 /* @__PURE__ */ e(
-                                  O,
+                                  M,
                                   {
                                     animation: !1,
                                     height: 16,
@@ -644,7 +644,7 @@ const nl = N(/* @__PURE__ */ d(function({
                                   }
                                 ),
                                 /* @__PURE__ */ e(
-                                  O,
+                                  M,
                                   {
                                     animation: !1,
                                     className: "flex-1",
@@ -673,15 +673,15 @@ const nl = N(/* @__PURE__ */ d(function({
   editableThemePreviewGridId: r,
   mainGridChangedBackgroundColor: i,
   mainThemePreviewStoreKey: a,
-  mainThemePreviewStoreState: t,
+  mainThemePreviewStoreState: o,
   previewSectionCardSx: n,
-  readonlyThemePreviewGridId: m
+  readonlyThemePreviewGridId: x
 }) {
   return /* @__PURE__ */ e(y, { title: "Grid", sx: n, children: /* @__PURE__ */ e(
-    G,
+    $,
     {
-      preloadedState: t,
-      children: /* @__PURE__ */ e(M, { children: /* @__PURE__ */ l(
+      preloadedState: o,
+      children: /* @__PURE__ */ e(G, { children: /* @__PURE__ */ l(
         "div",
         {
           className: "flex min-h-0 flex-col gap-12",
@@ -691,40 +691,46 @@ const nl = N(/* @__PURE__ */ d(function({
           children: [
             /* @__PURE__ */ l("div", { className: "grid min-h-0 flex-1 grid-rows-[minmax(0,1fr)_minmax(0,1fr)] gap-12", children: [
               /* @__PURE__ */ e(
-                q,
+                Y,
                 {
-                  data: Y,
+                  data: X,
                   height: "100%",
                   id: r,
                   layoutData: de,
-                  onReady: /* @__PURE__ */ d((o) => {
-                    if (!o)
+                  onReady: /* @__PURE__ */ d((t) => {
+                    if (!t)
                       return;
-                    const h = o.GetFirst(), p = h ? o.GetNext(h) : null, x = p ? o.GetNext(p) : h;
-                    h && (o.SelectRow(h, 1), p ? o.Focus(p, "OWP_THEME_PREVIEW.STATUS") : o.Focus(h, "OWP_THEME_PREVIEW.STATUS"), x && (he(r, {
-                      row: x,
+                    const h = t.GetFirst(), p = h ? t.GetNext(h) : null, m = p ? t.GetNext(p) : h;
+                    h && (t.SelectRow(h, 1), p ? t.Focus(p, "OWP_THEME_PREVIEW.STATUS") : t.Focus(h, "OWP_THEME_PREVIEW.STATUS"), m && (t.SetAttribute(
+                      m,
+                      "OWP_THEME_PREVIEW.STATUS",
+                      "Error",
+                      "상태 필수 입력",
+                      1
+                    ), he(r, {
+                      row: m,
                       col: "OWP_THEME_PREVIEW.REMARK",
                       backgroundColor: i
-                    }), o.RefreshRow(x)));
+                    }), t.RefreshRow(m)));
                   }, "handleEditableThemePreviewGridReady")
                 },
                 r
               ),
               /* @__PURE__ */ e(
-                q,
+                Y,
                 {
-                  data: Y,
+                  data: X,
                   height: "100%",
-                  id: m,
+                  id: x,
                   layoutData: ce,
-                  onReady: /* @__PURE__ */ d((o) => {
-                    if (!o)
+                  onReady: /* @__PURE__ */ d((t) => {
+                    if (!t)
                       return;
-                    const h = o.GetFirst();
-                    h && o.Focus(h, "OWP_THEME_PREVIEW.WORK_DATE");
+                    const h = t.GetFirst();
+                    h && t.Focus(h, "OWP_THEME_PREVIEW.WORK_DATE");
                   }, "handleReadonlyThemePreviewGridReady")
                 },
-                m
+                x
               )
             ] }),
             /* @__PURE__ */ l("div", { className: "grid shrink-0 grid-cols-2 gap-12", children: [
@@ -773,24 +779,24 @@ const nl = N(/* @__PURE__ */ d(function({
   mainThemePreviewStoreState: r,
   previewSectionCardSx: i,
   tablePreviewCanTableRadiusZero: a,
-  tableTheme: t,
+  tableTheme: o,
   tableThemePreviewVersionKey: n
 }) {
   return /* @__PURE__ */ e(y, { title: "Tables", sx: i, children: /* @__PURE__ */ e(
-    G,
+    $,
     {
       preloadedState: r,
-      children: /* @__PURE__ */ e(M, { children: /* @__PURE__ */ l("div", { className: "flex flex-col gap-14", children: [
+      children: /* @__PURE__ */ e(G, { children: /* @__PURE__ */ l("div", { className: "flex flex-col gap-14", children: [
         /* @__PURE__ */ l("div", { className: "flex flex-col gap-8", children: [
           /* @__PURE__ */ e(c, { variant: "body2", color: "text.secondary", fontWeight: 600, children: "Field Table" }),
-          /* @__PURE__ */ e($, { children: /* @__PURE__ */ e(v, { sx: z(t, a), children: /* @__PURE__ */ e(
-            E,
+          /* @__PURE__ */ e(B, { children: /* @__PURE__ */ e(v, { sx: z(o, a), children: /* @__PURE__ */ e(
+            O,
             {
               canUseTreeGridStyle: !1,
-              cellSx: F(t),
+              cellSx: _(o),
               data: le,
               layout: ee,
-              titleSx: Z(t),
+              titleSx: Z(o),
               titleWidth: 108
             },
             `field-table-${n}`
@@ -798,7 +804,7 @@ const nl = N(/* @__PURE__ */ d(function({
         ] }),
         /* @__PURE__ */ l("div", { className: "flex flex-col gap-8", children: [
           /* @__PURE__ */ e(c, { variant: "body2", color: "text.secondary", fontWeight: 600, children: "Table" }),
-          /* @__PURE__ */ e($, { children: /* @__PURE__ */ e(v, { sx: Ne(t, a), children: /* @__PURE__ */ e(
+          /* @__PURE__ */ e(B, { children: /* @__PURE__ */ e(v, { sx: Ne(o, a), children: /* @__PURE__ */ e(
             Q,
             {
               canUseTreeGridStyle: !1,
@@ -810,7 +816,7 @@ const nl = N(/* @__PURE__ */ d(function({
         ] }),
         /* @__PURE__ */ l("div", { className: "flex flex-col gap-8", children: [
           /* @__PURE__ */ e(c, { variant: "body2", color: "text.secondary", fontWeight: 600, children: "Data Table" }),
-          /* @__PURE__ */ e(v, { sx: Re(t, a), children: /* @__PURE__ */ e(
+          /* @__PURE__ */ e(v, { sx: Re(o, a), children: /* @__PURE__ */ e(
             J,
             {
               canCheckbox: !1,
@@ -820,8 +826,8 @@ const nl = N(/* @__PURE__ */ d(function({
               canUseTreeGridStyle: !1,
               fixedRowCount: 2,
               headCells: ie,
-              rows: X,
-              selected: X.slice(0, 1)
+              rows: V,
+              selected: V.slice(0, 1)
             },
             `data-table-${n}`
           ) })
@@ -834,9 +840,9 @@ const nl = N(/* @__PURE__ */ d(function({
   gridBodyBorder: r,
   layoutPreviewGridCellBackground: i,
   layoutPreviewGridCellFontSize: a,
-  layoutPreviewGridHeaderBackground: t,
+  layoutPreviewGridHeaderBackground: o,
   layoutPreviewGridHeaderBorder: n,
-  layoutPreviewGridHeaderColor: m,
+  layoutPreviewGridHeaderColor: x,
   layoutPreviewGridHeaderFontSize: g
 }) {
   return /* @__PURE__ */ e(
@@ -854,14 +860,14 @@ const nl = N(/* @__PURE__ */ d(function({
             tableLayout: "fixed"
           },
           children: [
-            /* @__PURE__ */ e(pe, { children: /* @__PURE__ */ e(A, { children: $e.map((f) => /* @__PURE__ */ e(
+            /* @__PURE__ */ e(pe, { children: /* @__PURE__ */ e(U, { children: Be.map((f) => /* @__PURE__ */ e(
               H,
               {
                 sx: {
-                  backgroundColor: t,
+                  backgroundColor: o,
                   borderBottom: `1px solid ${n}`,
                   borderRight: `1px solid ${n}`,
-                  color: m,
+                  color: x,
                   fontSize: g,
                   fontWeight: 500,
                   px: 1.25,
@@ -875,19 +881,19 @@ const nl = N(/* @__PURE__ */ d(function({
               },
               f
             )) }) }),
-            /* @__PURE__ */ e(ue, { children: Ge.map((f) => /* @__PURE__ */ e(
-              A,
+            /* @__PURE__ */ e(ue, { children: $e.map((f) => /* @__PURE__ */ e(
+              U,
               {
                 sx: {
                   backgroundColor: i
                 },
-                children: f.map((o, h) => /* @__PURE__ */ e(
+                children: f.map((t, h) => /* @__PURE__ */ e(
                   H,
                   {
                     sx: {
                       borderBottom: `1px solid ${r}`,
                       borderRight: `1px solid ${r}`,
-                      color: Me,
+                      color: Ge,
                       fontSize: a,
                       px: 1.25,
                       py: 1,
@@ -896,9 +902,9 @@ const nl = N(/* @__PURE__ */ d(function({
                         borderRight: "none"
                       }
                     },
-                    children: o
+                    children: t
                   },
-                  `${o}-${h}`
+                  `${t}-${h}`
                 ))
               },
               f.join("-")