@owp/core 2.5.8 → 2.5.10

package/dist/features/themePreview/components/themePreviewCanvas.shared.js.map

@@ -1 +1 @@
-{"version":3,"file":"themePreviewCanvas.shared.js","sources":["../../../../src/features/themePreview/components/themePreviewCanvas.shared.ts"],"sourcesContent":["import type { OwpFieldTable } from '@/components/OwpTable/OwpFieldTable';\nimport type { SnackbarVariantKey } from '@/features/themePreview/configs/snackbar';\nimport type { ThemePreviewTableConfigType } from '@/features/themePreview/configs/table';\nimport { getContrastRatio, type SxProps, type Theme } from '@mui/material/styles';\nimport type { ComponentProps } from 'react';\nimport type {\n  ThemePreviewPaletteSectionKey,\n  ThemePreviewSectionKey,\n  ThemePreviewSettings,\n} from '../types';\nimport { getThemePreviewPaletteValue } from '../utils';\n\nexport const previewChromeBorder = '#e2e8f0';\nexport const previewSectionCardClassName = 'rounded-lg p-14';\nexport const previewInnerCardSx = {\n  boxShadow: 'none',\n} as const;\nexport const themePreviewEditableTreeGridId = 'ThemePreviewGrid';\nexport const themePreviewReadonlyTreeGridId = 'ThemePreviewReadonlyGrid';\nexport const gridPreviewBodyBackground = '#ffffff';\nexport const gridPreviewBodyText = 'rgb(17, 24, 39)';\nexport const defaultPreviewSectionOrder = ['buttons', 'searchHeader'] as const;\nexport const gridPreviewColumnLabels = ['부서명', '사용자ID', '성명', '사용여부'] as const;\nexport const navbarPreviewItems = ['Dashboard', 'Theme Preview', '사용자 관리', '권한 그룹'] as const;\nexport const previewUserNameById = {\n  admin: '관리자',\n  impix: '담당자1',\n  owp: '담당자2',\n} as const;\nexport const snackbarPreviewMessageByVariant: Record<SnackbarVariantKey, string> = {\n  default: '기본 snackbar 메시지',\n  success: '정상적으로 처리되었습니다.',\n  info: '확인이 필요한 안내 메시지입니다.',\n  warning: '입력값을 다시 확인해주세요.',\n  error: '오류가 발생했습니다.',\n};\nexport const searchHeaderPreviewData = { previewValue: '적용 대기' };\nexport const tableFieldPreviewData = {\n  departmentName: '생산1팀',\n  managerName: previewUserNameById.impix,\n  useYn: '사용',\n  locationName: '제1공장',\n};\nexport const tableFieldPreviewLayout = [\n  [\n    { title: '부서명', key: 'departmentName' },\n    { title: '담당자', key: 'managerName' },\n  ],\n  [\n    { title: '사용여부', key: 'useYn' },\n    { title: '위치', key: 'locationName' },\n  ],\n];\nexport const tablePreviewHeaders = {\n  departmentName: '부서명',\n  managerName: '담당자',\n  useYn: '사용여부',\n};\nexport const tablePreviewRows = [\n  {\n    departmentName: '생산1팀',\n    managerName: previewUserNameById.impix,\n    useYn: '사용',\n  },\n  {\n    departmentName: '품질팀',\n    managerName: previewUserNameById.owp,\n    useYn: '사용',\n  },\n];\nexport const gridStyledTablePreviewRows = tablePreviewRows.slice(0, 1);\nexport const dataTablePreviewHeadCells = [\n  { id: 'userId', label: '사용자ID', align: 'center', valueAlign: 'center' },\n  { id: 'userName', label: '성명', align: 'center', valueAlign: 'center' },\n  { id: 'useYn', label: '사용여부', align: 'center', valueAlign: 'center' },\n];\nexport const dataTablePreviewRows = [\n  {\n    userId: 'impix',\n    userName: previewUserNameById.impix,\n    useYn: '사용',\n  },\n  {\n    userId: 'owp',\n    userName: previewUserNameById.owp,\n    useYn: '미사용',\n  },\n];\nexport const gridStyledDataTablePreviewRows = dataTablePreviewRows.slice(0, 1);\nexport const gridCanvasPreviewRows = [\n  {\n    'OWP_THEME_PREVIEW.ITEM_NAME': '원자재',\n    'OWP_THEME_PREVIEW.REMARK': '초기 점검',\n    'OWP_THEME_PREVIEW.STATUS': 'READY',\n    'OWP_THEME_PREVIEW.USER_ID': 'admin',\n    'OWP_THEME_PREVIEW.WEIGHT': 12.5,\n    'OWP_THEME_PREVIEW.WORK_DATE': '2026-04-18',\n    CanSelect: 1,\n    Selected: 1,\n  },\n  {\n    'OWP_THEME_PREVIEW.ITEM_NAME': '가공품',\n    'OWP_THEME_PREVIEW.REMARK': '조건 확인',\n    'OWP_THEME_PREVIEW.STATUS': 'DONE',\n    'OWP_THEME_PREVIEW.USER_ID': 'impix',\n    'OWP_THEME_PREVIEW.WEIGHT': 8.2,\n    'OWP_THEME_PREVIEW.WORK_DATE': '2026-04-17',\n    CanSelect: 1,\n  },\n  {\n    'OWP_THEME_PREVIEW.ITEM_NAME': '완제품',\n    'OWP_THEME_PREVIEW.REMARK': '샘플 데이터',\n    'OWP_THEME_PREVIEW.STATUS': 'READY',\n    'OWP_THEME_PREVIEW.USER_ID': 'owp',\n    'OWP_THEME_PREVIEW.WEIGHT': 15.75,\n    'OWP_THEME_PREVIEW.WORK_DATE': '2026-04-16',\n    CanSelect: 1,\n  },\n];\nexport const previewNoop = () => {};\n\ntype ThemePreviewFieldTableCellSx = NonNullable<ComponentProps<typeof OwpFieldTable>['cellSx']>;\ntype ThemePreviewFieldTableTitleSx = NonNullable<ComponentProps<typeof OwpFieldTable>['titleSx']>;\n\nexport type ThemePreviewLayoutSectionKey =\n  | 'buttons'\n  | 'snackbars'\n  | 'searchHeader'\n  | 'grid'\n  | 'tables';\n\nfunction createGridPreviewRows() {\n  return [\n    ['관리부', 'admin', previewUserNameById.admin, '사용'],\n    ['생산1팀', 'impix', previewUserNameById.impix, '사용'],\n    ['품질팀', 'owp', previewUserNameById.owp, '미사용'],\n  ] as const;\n}\n\nexport const gridPreviewRows = createGridPreviewRows();\n\nexport function createThemePreviewVersionKey(sourceValue: unknown) {\n  const source = JSON.stringify(sourceValue ?? {});\n  let hash = 0;\n\n  for (let index = 0; index < source.length; index += 1) {\n    hash = Math.imul(31, hash) + source.charCodeAt(index);\n    hash |= 0;\n  }\n\n  return Math.abs(hash).toString(36);\n}\n\nexport function getPaletteValue(\n  settings: ThemePreviewSettings,\n  sectionKey: ThemePreviewPaletteSectionKey,\n  path: string,\n) {\n  return getThemePreviewPaletteValue(settings, sectionKey, path);\n}\n\nexport function getThemePreviewStyleValue<T extends number | string | undefined>(value: T) {\n  if (typeof value !== 'string') {\n    return value;\n  }\n\n  const trimmedValue = value.trim();\n\n  return trimmedValue ? (trimmedValue as T) : undefined;\n}\n\nexport function getThemePreviewResolvedBorderRadius(\n  borderRadius: ThemePreviewTableConfigType['borderRadius'],\n  canTableRadiusZero = false,\n) {\n  return canTableRadiusZero ? 0 : getThemePreviewStyleValue(borderRadius);\n}\n\nexport function getThemePreviewTableFrameSx(\n  tableTheme: ThemePreviewTableConfigType,\n  canTableRadiusZero = false,\n): SxProps<Theme> {\n  const borderRadius = getThemePreviewResolvedBorderRadius(\n    tableTheme.borderRadius,\n    canTableRadiusZero,\n  );\n\n  if (typeof borderRadius === 'undefined') {\n    return {};\n  }\n\n  return {\n    '& > .MuiPaper-root, & > .MuiTableContainer-root.MuiPaper-root': {\n      borderRadius,\n      overflow: 'hidden',\n    },\n    '& > .MuiPaper-root > .MuiTableContainer-root': {\n      borderRadius,\n      overflow: 'hidden',\n    },\n  };\n}\n\nexport function getThemePreviewFieldTableSx(\n  tableTheme: ThemePreviewTableConfigType,\n  canTableRadiusZero = false,\n): SxProps<Theme> {\n  const cellBackgroundColor = getThemePreviewStyleValue(tableTheme.field?.cell?.backgroundColor);\n  const cellFontSize = getThemePreviewStyleValue(tableTheme.field?.cell?.fontSize);\n\n  return {\n    ...getThemePreviewTableFrameSx(tableTheme, canTableRadiusZero),\n    ...((cellBackgroundColor || cellFontSize) && {\n      '& tbody td': {\n        ...(cellBackgroundColor && { backgroundColor: cellBackgroundColor }),\n        ...(cellFontSize && { fontSize: cellFontSize }),\n      },\n    }),\n  };\n}\n\nexport function getThemePreviewFieldTableTitleSx(\n  tableTheme: ThemePreviewTableConfigType,\n): ThemePreviewFieldTableTitleSx | undefined {\n  const titleFontSize = getThemePreviewStyleValue(tableTheme.field?.header?.fontSize);\n  const titleFontWeight = getThemePreviewStyleValue(tableTheme.field?.header?.fontWeight);\n\n  if (!titleFontSize && !titleFontWeight) {\n    return undefined;\n  }\n\n  return {\n    ...(titleFontSize && {\n      fontSize: titleFontSize,\n    }),\n    ...(titleFontWeight && {\n      fontWeight: titleFontWeight,\n    }),\n  };\n}\n\nexport function getThemePreviewFieldTableCellSx(\n  tableTheme: ThemePreviewTableConfigType,\n): ThemePreviewFieldTableCellSx | undefined {\n  const cellBackgroundColor = getThemePreviewStyleValue(tableTheme.field?.cell?.backgroundColor);\n  const cellFontSize = getThemePreviewStyleValue(tableTheme.field?.cell?.fontSize);\n\n  if (!cellBackgroundColor && !cellFontSize) {\n    return undefined;\n  }\n\n  return {\n    ...(cellBackgroundColor && {\n      backgroundColor: cellBackgroundColor,\n    }),\n    ...(cellFontSize && {\n      fontSize: cellFontSize,\n    }),\n  };\n}\n\nexport function getThemePreviewBasicTableSx(\n  tableTheme: ThemePreviewTableConfigType,\n  canTableRadiusZero = false,\n): SxProps<Theme> {\n  const rowBackgroundColor = getThemePreviewStyleValue(tableTheme.row?.backgroundColor);\n  const hoverBackgroundColor = getThemePreviewStyleValue(tableTheme.row?.hoverBackgroundColor);\n  const cellFontSize = getThemePreviewStyleValue(tableTheme.cell?.fontSize);\n\n  return {\n    ...getThemePreviewTableFrameSx(tableTheme, canTableRadiusZero),\n    ...(rowBackgroundColor && {\n      '& tbody > .MuiTableRow-root': {\n        backgroundColor: rowBackgroundColor,\n      },\n    }),\n    ...(hoverBackgroundColor && {\n      '& tbody > .MuiTableRow-root:hover': {\n        backgroundColor: hoverBackgroundColor,\n      },\n    }),\n    ...(cellFontSize && {\n      '& tbody > .MuiTableRow-root > .MuiTableCell-root': {\n        fontSize: cellFontSize,\n      },\n    }),\n  };\n}\n\nexport function getThemePreviewDataTableSx(\n  tableTheme: ThemePreviewTableConfigType,\n  canTableRadiusZero = false,\n): SxProps<Theme> {\n  const rowBackgroundColor = getThemePreviewStyleValue(tableTheme.row?.backgroundColor);\n  const hoverBackgroundColor = getThemePreviewStyleValue(tableTheme.row?.hoverBackgroundColor);\n  const selectedBackgroundColor = getThemePreviewStyleValue(\n    tableTheme.row?.selectedBackgroundColor,\n  );\n  const cellFontSize = getThemePreviewStyleValue(tableTheme.cell?.fontSize);\n\n  return {\n    ...getThemePreviewTableFrameSx(tableTheme, canTableRadiusZero),\n    ...(rowBackgroundColor && {\n      '& .MuiTableBody-root > .MuiTableRow-root:not(.Mui-selected)': {\n        backgroundColor: rowBackgroundColor,\n      },\n    }),\n    ...(hoverBackgroundColor && {\n      '& .MuiTableBody-root > .MuiTableRow-root.MuiTableRow-hover:hover:not(.Mui-selected)': {\n        backgroundColor: hoverBackgroundColor,\n      },\n    }),\n    ...(selectedBackgroundColor && {\n      '& .MuiTableBody-root > .MuiTableRow-root.Mui-selected, & .MuiTableBody-root > .MuiTableRow-root.Mui-selected:hover':\n        {\n          backgroundColor: selectedBackgroundColor,\n        },\n    }),\n    ...(cellFontSize && {\n      '& .MuiTableBody-root > .MuiTableRow-root > .MuiTableCell-root': {\n        fontSize: cellFontSize,\n      },\n    }),\n  };\n}\n\nexport function getPreviewContrastColor(color: string, fallbackColor: string) {\n  const lightTextColor = '#ffffff';\n  const darkTextColor = '#0f172a';\n  const lightContrastRatio = getContrastRatio(color, lightTextColor);\n  const darkContrastRatio = getContrastRatio(color, darkTextColor);\n\n  if (lightContrastRatio === darkContrastRatio) {\n    return fallbackColor;\n  }\n\n  return lightContrastRatio > darkContrastRatio ? lightTextColor : darkTextColor;\n}\n\nexport function getPreviewSectionOrder(\n  activeSection: ThemePreviewSectionKey,\n): ThemePreviewLayoutSectionKey[] {\n  switch (activeSection) {\n    case 'main':\n    case 'navbar':\n    case 'toolbar':\n      return [...defaultPreviewSectionOrder];\n    case 'grid':\n      return ['grid'];\n    case 'snackbar':\n      return ['snackbars'];\n    case 'table':\n      return ['tables'];\n    default:\n      return [...defaultPreviewSectionOrder];\n  }\n}\n"],"names":["previewChromeBorder","previewSectionCardClassName","previewInnerCardSx","themePreviewEditableTreeGridId","themePreviewReadonlyTreeGridId","gridPreviewBodyBackground","gridPreviewBodyText","defaultPreviewSectionOrder","gridPreviewColumnLabels","navbarPreviewItems","previewUserNameById","snackbarPreviewMessageByVariant","searchHeaderPreviewData","tableFieldPreviewData","tableFieldPreviewLayout","tablePreviewHeaders","tablePreviewRows","gridStyledTablePreviewRows","dataTablePreviewHeadCells","dataTablePreviewRows","gridStyledDataTablePreviewRows","gridCanvasPreviewRows","previewNoop","__name","createGridPreviewRows","gridPreviewRows","createThemePreviewVersionKey","sourceValue","source","hash","index","getPaletteValue","settings","sectionKey","path","getThemePreviewPaletteValue","getThemePreviewStyleValue","value","trimmedValue","getThemePreviewResolvedBorderRadius","borderRadius","canTableRadiusZero","getThemePreviewTableFrameSx","tableTheme","getThemePreviewFieldTableSx","cellBackgroundColor","_b","_a","cellFontSize","_d","_c","getThemePreviewFieldTableTitleSx","titleFontSize","titleFontWeight","getThemePreviewFieldTableCellSx","getThemePreviewBasicTableSx","rowBackgroundColor","hoverBackgroundColor","getThemePreviewDataTableSx","selectedBackgroundColor","getPreviewContrastColor","color","fallbackColor","lightTextColor","darkTextColor","lightContrastRatio","getContrastRatio","darkContrastRatio","getPreviewSectionOrder","activeSection"],"mappings":"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"}
+{"version":3,"file":"themePreviewCanvas.shared.js","sources":["../../../../src/features/themePreview/components/themePreviewCanvas.shared.ts"],"sourcesContent":["import type { OwpFieldTable } from '@/components/OwpTable/OwpFieldTable';\nimport type { SnackbarVariantKey } from '@/features/themePreview/configs/snackbar';\nimport type { ThemePreviewTableConfigType } from '@/features/themePreview/configs/table';\nimport { getContrastRatio, type SxProps, type Theme } from '@mui/material/styles';\nimport type { ComponentProps } from 'react';\nimport type {\n  ThemePreviewPaletteSectionKey,\n  ThemePreviewSectionKey,\n  ThemePreviewSettings,\n} from '../types';\nimport { getThemePreviewPaletteValue } from '../utils';\n\nexport const previewChromeBorder = '#e2e8f0';\nexport const previewSectionCardClassName = 'rounded-lg p-14';\nexport const previewInnerCardSx = {\n  boxShadow: 'none',\n} as const;\nexport const themePreviewEditableTreeGridId = 'ThemePreviewGrid';\nexport const themePreviewReadonlyTreeGridId = 'ThemePreviewReadonlyGrid';\nexport const gridPreviewBodyBackground = '#ffffff';\nexport const gridPreviewBodyText = 'rgb(17, 24, 39)';\nexport const defaultPreviewSectionOrder = ['buttons', 'searchHeader'] as const;\nexport const gridPreviewColumnLabels = ['부서명', '사용자ID', '성명', '사용여부'] as const;\nexport const navbarPreviewItems = ['Dashboard', 'Theme Preview', '사용자 관리', '권한 그룹'] as const;\nexport const previewUserNameById = {\n  admin: '관리자',\n  impix: '담당자1',\n  owp: '담당자2',\n} as const;\nexport const snackbarPreviewMessageByVariant: Record<SnackbarVariantKey, string> = {\n  default: '기본 snackbar 메시지',\n  success: '정상적으로 처리되었습니다.',\n  info: '확인이 필요한 안내 메시지입니다.',\n  warning: '입력값을 다시 확인해주세요.',\n  error: '오류가 발생했습니다.',\n};\nexport const searchHeaderPreviewData = { previewValue: '적용 대기' };\nexport const tableFieldPreviewData = {\n  departmentName: '생산1팀',\n  managerName: previewUserNameById.impix,\n  useYn: '사용',\n  locationName: '제1공장',\n};\nexport const tableFieldPreviewLayout = [\n  [\n    { title: '부서명', key: 'departmentName' },\n    { title: '담당자', key: 'managerName' },\n  ],\n  [\n    { title: '사용여부', key: 'useYn' },\n    { title: '위치', key: 'locationName' },\n  ],\n];\nexport const tablePreviewHeaders = {\n  departmentName: '부서명',\n  managerName: '담당자',\n  useYn: '사용여부',\n};\nexport const tablePreviewRows = [\n  {\n    departmentName: '생산1팀',\n    managerName: previewUserNameById.impix,\n    useYn: '사용',\n  },\n  {\n    departmentName: '품질팀',\n    managerName: previewUserNameById.owp,\n    useYn: '사용',\n  },\n];\nexport const gridStyledTablePreviewRows = tablePreviewRows.slice(0, 1);\nexport const dataTablePreviewHeadCells = [\n  { id: 'userId', label: '사용자ID', align: 'center', valueAlign: 'center' },\n  { id: 'userName', label: '성명', align: 'center', valueAlign: 'center' },\n  { id: 'useYn', label: '사용여부', align: 'center', valueAlign: 'center' },\n];\nexport const dataTablePreviewRows = [\n  {\n    userId: 'impix',\n    userName: previewUserNameById.impix,\n    useYn: '사용',\n  },\n  {\n    userId: 'owp',\n    userName: previewUserNameById.owp,\n    useYn: '미사용',\n  },\n];\nexport const gridStyledDataTablePreviewRows = dataTablePreviewRows.slice(0, 1);\nexport const gridCanvasPreviewRows = [\n  {\n    'OWP_THEME_PREVIEW.ITEM_NAME': '원자재',\n    'OWP_THEME_PREVIEW.REMARK': '초기 점검',\n    'OWP_THEME_PREVIEW.STATUS': 'READY',\n    'OWP_THEME_PREVIEW.USER_ID': 'admin',\n    'OWP_THEME_PREVIEW.WEIGHT': 12.5,\n    'OWP_THEME_PREVIEW.WORK_DATE': '2026-04-18',\n    CanSelect: 1,\n    Selected: 1,\n  },\n  {\n    'OWP_THEME_PREVIEW.ITEM_NAME': '가공품',\n    'OWP_THEME_PREVIEW.REMARK': '조건 확인',\n    'OWP_THEME_PREVIEW.STATUS': 'DONE',\n    'OWP_THEME_PREVIEW.USER_ID': 'impix',\n    'OWP_THEME_PREVIEW.WEIGHT': 8.2,\n    'OWP_THEME_PREVIEW.WORK_DATE': '2026-04-17',\n    CanSelect: 1,\n  },\n  {\n    'OWP_THEME_PREVIEW.ITEM_NAME': '완제품',\n    'OWP_THEME_PREVIEW.REMARK': '샘플 데이터',\n    'OWP_THEME_PREVIEW.STATUS': 'READY',\n    'OWP_THEME_PREVIEW.USER_ID': 'owp',\n    'OWP_THEME_PREVIEW.WEIGHT': 15.75,\n    'OWP_THEME_PREVIEW.WORK_DATE': '2026-04-16',\n    CanSelect: 1,\n  },\n];\nexport const previewNoop = () => {};\n\ntype ThemePreviewFieldTableCellSx = NonNullable<ComponentProps<typeof OwpFieldTable>['cellSx']>;\ntype ThemePreviewFieldTableTitleSx = NonNullable<ComponentProps<typeof OwpFieldTable>['titleSx']>;\n\nexport type ThemePreviewLayoutSectionKey =\n  | 'buttons'\n  | 'snackbars'\n  | 'searchHeader'\n  | 'grid'\n  | 'tables';\n\nfunction createGridPreviewRows() {\n  return [\n    ['관리부', 'admin', previewUserNameById.admin, '사용'],\n    ['생산1팀', 'impix', previewUserNameById.impix, '사용'],\n    ['품질팀', 'owp', previewUserNameById.owp, '미사용'],\n  ] as const;\n}\n\nexport const gridPreviewRows = createGridPreviewRows();\n\nexport function createThemePreviewVersionKey(sourceValue: unknown) {\n  const source = JSON.stringify(sourceValue ?? {});\n  let hash = 0;\n\n  for (let index = 0; index < source.length; index += 1) {\n    hash = Math.imul(31, hash) + source.charCodeAt(index);\n    hash |= 0;\n  }\n\n  return Math.abs(hash).toString(36);\n}\n\nexport function getPaletteValue(\n  settings: ThemePreviewSettings,\n  sectionKey: ThemePreviewPaletteSectionKey,\n  path: string,\n) {\n  return getThemePreviewPaletteValue(settings, sectionKey, path);\n}\n\nexport function getThemePreviewStyleValue<T extends number | string | undefined>(value: T) {\n  if (typeof value !== 'string') {\n    return value;\n  }\n\n  const trimmedValue = value.trim();\n\n  return trimmedValue ? (trimmedValue as T) : undefined;\n}\n\nexport function getThemePreviewResolvedBorderRadius(\n  borderRadius: ThemePreviewTableConfigType['borderRadius'],\n  canTableRadiusZero = false,\n) {\n  return canTableRadiusZero ? 0 : getThemePreviewStyleValue(borderRadius);\n}\n\nexport function getThemePreviewTableFrameSx(\n  tableTheme: ThemePreviewTableConfigType,\n  canTableRadiusZero = false,\n): SxProps<Theme> {\n  const borderRadius = getThemePreviewResolvedBorderRadius(\n    tableTheme.borderRadius,\n    canTableRadiusZero,\n  );\n\n  if (typeof borderRadius === 'undefined') {\n    return {};\n  }\n\n  return {\n    '& > .MuiPaper-root, & > .MuiTableContainer-root.MuiPaper-root': {\n      borderRadius,\n      overflow: 'hidden',\n    },\n    '& > .MuiPaper-root > .MuiTableContainer-root': {\n      borderRadius,\n      overflow: 'hidden',\n    },\n  };\n}\n\nexport function getThemePreviewFieldTableSx(\n  tableTheme: ThemePreviewTableConfigType,\n  canTableRadiusZero = false,\n): SxProps<Theme> {\n  const cellBackgroundColor = getThemePreviewStyleValue(tableTheme.field?.cell?.backgroundColor);\n  const cellFontSize = getThemePreviewStyleValue(tableTheme.field?.cell?.fontSize);\n\n  return {\n    ...getThemePreviewTableFrameSx(tableTheme, canTableRadiusZero),\n    ...((cellBackgroundColor || cellFontSize) && {\n      '& tbody td': {\n        ...(cellBackgroundColor && { backgroundColor: cellBackgroundColor }),\n        ...(cellFontSize && { fontSize: cellFontSize }),\n      },\n    }),\n  };\n}\n\nexport function getThemePreviewFieldTableTitleSx(\n  tableTheme: ThemePreviewTableConfigType,\n): ThemePreviewFieldTableTitleSx | undefined {\n  const titleBackgroundColor = getThemePreviewStyleValue(tableTheme.field?.header?.backgroundColor);\n  const titleColor = getThemePreviewStyleValue(tableTheme.field?.header?.color);\n  const titleFontSize = getThemePreviewStyleValue(tableTheme.field?.header?.fontSize);\n  const titleFontWeight = getThemePreviewStyleValue(tableTheme.field?.header?.fontWeight);\n\n  if (!titleBackgroundColor && !titleColor && !titleFontSize && !titleFontWeight) {\n    return undefined;\n  }\n\n  return {\n    ...(titleBackgroundColor && {\n      backgroundColor: titleBackgroundColor,\n    }),\n    ...(titleColor && {\n      color: titleColor,\n    }),\n    ...(titleFontSize && {\n      fontSize: titleFontSize,\n    }),\n    ...(titleFontWeight && {\n      fontWeight: titleFontWeight,\n    }),\n  };\n}\n\nexport function getThemePreviewFieldTableCellSx(\n  tableTheme: ThemePreviewTableConfigType,\n): ThemePreviewFieldTableCellSx | undefined {\n  const cellBackgroundColor = getThemePreviewStyleValue(tableTheme.field?.cell?.backgroundColor);\n  const cellFontSize = getThemePreviewStyleValue(tableTheme.field?.cell?.fontSize);\n\n  if (!cellBackgroundColor && !cellFontSize) {\n    return undefined;\n  }\n\n  return {\n    ...(cellBackgroundColor && {\n      backgroundColor: cellBackgroundColor,\n    }),\n    ...(cellFontSize && {\n      fontSize: cellFontSize,\n    }),\n  };\n}\n\nexport function getThemePreviewBasicTableSx(\n  tableTheme: ThemePreviewTableConfigType,\n  canTableRadiusZero = false,\n): SxProps<Theme> {\n  const headerBackgroundColor = getThemePreviewStyleValue(tableTheme.header?.backgroundColor);\n  const headerColor = getThemePreviewStyleValue(tableTheme.header?.color);\n  const headerFontSize = getThemePreviewStyleValue(tableTheme.header?.fontSize);\n  const rowBackgroundColor = getThemePreviewStyleValue(tableTheme.row?.backgroundColor);\n  const hoverBackgroundColor = getThemePreviewStyleValue(tableTheme.row?.hoverBackgroundColor);\n  const cellFontSize = getThemePreviewStyleValue(tableTheme.cell?.fontSize);\n\n  return {\n    ...getThemePreviewTableFrameSx(tableTheme, canTableRadiusZero),\n    ...((headerBackgroundColor || headerColor || headerFontSize) && {\n      '& thead th': {\n        ...(headerBackgroundColor && { backgroundColor: headerBackgroundColor }),\n        ...(headerColor && { color: headerColor }),\n        ...(headerFontSize && { fontSize: headerFontSize }),\n      },\n    }),\n    ...(rowBackgroundColor && {\n      '& tbody > .MuiTableRow-root': {\n        backgroundColor: rowBackgroundColor,\n      },\n    }),\n    ...(hoverBackgroundColor && {\n      '& tbody > .MuiTableRow-root:hover': {\n        backgroundColor: hoverBackgroundColor,\n      },\n    }),\n    ...(cellFontSize && {\n      '& tbody > .MuiTableRow-root > .MuiTableCell-root': {\n        fontSize: cellFontSize,\n      },\n    }),\n  };\n}\n\nexport function getThemePreviewDataTableSx(\n  tableTheme: ThemePreviewTableConfigType,\n  canTableRadiusZero = false,\n): SxProps<Theme> {\n  const headerBackgroundColor = getThemePreviewStyleValue(tableTheme.header?.backgroundColor);\n  const headerColor = getThemePreviewStyleValue(tableTheme.header?.color);\n  const headerFontSize = getThemePreviewStyleValue(tableTheme.header?.fontSize);\n  const rowBackgroundColor = getThemePreviewStyleValue(tableTheme.row?.backgroundColor);\n  const hoverBackgroundColor = getThemePreviewStyleValue(tableTheme.row?.hoverBackgroundColor);\n  const selectedBackgroundColor = getThemePreviewStyleValue(\n    tableTheme.row?.selectedBackgroundColor,\n  );\n  const cellFontSize = getThemePreviewStyleValue(tableTheme.cell?.fontSize);\n\n  return {\n    ...getThemePreviewTableFrameSx(tableTheme, canTableRadiusZero),\n    ...((headerBackgroundColor || headerColor || headerFontSize) && {\n      '& thead th': {\n        ...(headerBackgroundColor && { backgroundColor: headerBackgroundColor }),\n        ...(headerColor && { color: headerColor }),\n        ...(headerFontSize && { fontSize: headerFontSize }),\n      },\n    }),\n    ...(rowBackgroundColor && {\n      '& .MuiTableBody-root > .MuiTableRow-root:not(.Mui-selected)': {\n        backgroundColor: rowBackgroundColor,\n      },\n    }),\n    ...(hoverBackgroundColor && {\n      '& .MuiTableBody-root > .MuiTableRow-root.MuiTableRow-hover:hover:not(.Mui-selected)': {\n        backgroundColor: hoverBackgroundColor,\n      },\n    }),\n    ...(selectedBackgroundColor && {\n      '& .MuiTableBody-root > .MuiTableRow-root.Mui-selected, & .MuiTableBody-root > .MuiTableRow-root.Mui-selected:hover':\n        {\n          backgroundColor: selectedBackgroundColor,\n        },\n    }),\n    ...(cellFontSize && {\n      '& .MuiTableBody-root > .MuiTableRow-root > .MuiTableCell-root': {\n        fontSize: cellFontSize,\n      },\n    }),\n  };\n}\n\nexport function getPreviewContrastColor(color: string, fallbackColor: string) {\n  const lightTextColor = '#ffffff';\n  const darkTextColor = '#0f172a';\n  const lightContrastRatio = getContrastRatio(color, lightTextColor);\n  const darkContrastRatio = getContrastRatio(color, darkTextColor);\n\n  if (lightContrastRatio === darkContrastRatio) {\n    return fallbackColor;\n  }\n\n  return lightContrastRatio > darkContrastRatio ? lightTextColor : darkTextColor;\n}\n\nexport function getPreviewSectionOrder(\n  activeSection: ThemePreviewSectionKey,\n): ThemePreviewLayoutSectionKey[] {\n  switch (activeSection) {\n    case 'main':\n    case 'navbar':\n    case 'toolbar':\n      return [...defaultPreviewSectionOrder];\n    case 'grid':\n      return ['grid'];\n    case 'snackbar':\n      return ['snackbars'];\n    case 'table':\n      return ['tables'];\n    default:\n      return [...defaultPreviewSectionOrder];\n  }\n}\n"],"names":["previewChromeBorder","previewSectionCardClassName","previewInnerCardSx","themePreviewEditableTreeGridId","themePreviewReadonlyTreeGridId","gridPreviewBodyBackground","gridPreviewBodyText","defaultPreviewSectionOrder","gridPreviewColumnLabels","navbarPreviewItems","previewUserNameById","snackbarPreviewMessageByVariant","searchHeaderPreviewData","tableFieldPreviewData","tableFieldPreviewLayout","tablePreviewHeaders","tablePreviewRows","gridStyledTablePreviewRows","dataTablePreviewHeadCells","dataTablePreviewRows","gridStyledDataTablePreviewRows","gridCanvasPreviewRows","previewNoop","__name","createGridPreviewRows","gridPreviewRows","createThemePreviewVersionKey","sourceValue","source","hash","index","getPaletteValue","settings","sectionKey","path","getThemePreviewPaletteValue","getThemePreviewStyleValue","value","trimmedValue","getThemePreviewResolvedBorderRadius","borderRadius","canTableRadiusZero","getThemePreviewTableFrameSx","tableTheme","getThemePreviewFieldTableSx","cellBackgroundColor","_b","_a","cellFontSize","_d","_c","getThemePreviewFieldTableTitleSx","titleBackgroundColor","titleColor","titleFontSize","_f","_e","titleFontWeight","_h","_g","getThemePreviewFieldTableCellSx","getThemePreviewBasicTableSx","headerBackgroundColor","headerColor","headerFontSize","rowBackgroundColor","hoverBackgroundColor","getThemePreviewDataTableSx","selectedBackgroundColor","getPreviewContrastColor","color","fallbackColor","lightTextColor","darkTextColor","lightContrastRatio","getContrastRatio","darkContrastRatio","getPreviewSectionOrder","activeSection"],"mappings":"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"}

package/dist/features/themePreview/configs/table.js

@@ -9,17 +9,19 @@ const e = {
     fontSize: "1.4rem"
   },
   row: {
-    backgroundColor: "",
+    backgroundColor: "#FFFFFF",
     hoverBackgroundColor: "",
     selectedBackgroundColor: ""
   },
   field: {
     header: {
+      backgroundColor: "#eeeeee",
+      color: "#111827",
       fontSize: "1.7rem",
       fontWeight: 600
     },
     cell: {
-      backgroundColor: "",
+      backgroundColor: "#FFFFFF",
       fontSize: "1.7rem"
     }
   }

package/dist/features/themePreview/configs/table.js.map

@@ -1 +1 @@
-{"version":3,"file":"table.js","sources":["../../../../src/features/themePreview/configs/table.ts"],"sourcesContent":["import type { OwpTableThemeConfigType } from '@/types';\n\ntype OwpTableHeaderConfigType = NonNullable<OwpTableThemeConfigType['header']>;\ntype OwpTableCellConfigType = NonNullable<OwpTableThemeConfigType['cell']>;\n\nexport type ThemePreviewTableCellConfigType = OwpTableCellConfigType & {\n  backgroundColor?: string;\n};\n\nexport type ThemePreviewTableVariantConfigType = {\n  header?: OwpTableHeaderConfigType;\n  cell?: ThemePreviewTableCellConfigType;\n};\n\nexport type ThemePreviewTableRowConfigType = {\n  backgroundColor?: string;\n  hoverBackgroundColor?: string;\n  selectedBackgroundColor?: string;\n};\n\nexport type ThemePreviewTableConfigType = ThemePreviewTableVariantConfigType & {\n  borderRadius?: number | string;\n  field?: ThemePreviewTableVariantConfigType;\n  row?: ThemePreviewTableRowConfigType;\n};\n\nexport const defaultTableTheme = {\n  borderRadius: '',\n  header: {\n    backgroundColor: '#eeeeee',\n    color: '#111827',\n    fontSize: '1.5rem',\n  },\n  cell: {\n    fontSize: '1.4rem',\n  },\n  row: {\n    backgroundColor: '',\n    hoverBackgroundColor: '',\n    selectedBackgroundColor: '',\n  },\n  field: {\n    header: {\n      fontSize: '1.7rem',\n      fontWeight: 600,\n    },\n    cell: {\n      backgroundColor: '',\n      fontSize: '1.7rem',\n    },\n  },\n} satisfies ThemePreviewTableConfigType;\n"],"names":["defaultTableTheme"],"mappings":"AA0BO,MAAMA,IAAoB;AAAA,EAC/B,cAAc;AAAA,EACd,QAAQ;AAAA,IACN,iBAAiB;AAAA,IACjB,OAAO;AAAA,IACP,UAAU;AAAA,EAAA;AAAA,EAEZ,MAAM;AAAA,IACJ,UAAU;AAAA,EAAA;AAAA,EAEZ,KAAK;AAAA,IACH,iBAAiB;AAAA,IACjB,sBAAsB;AAAA,IACtB,yBAAyB;AAAA,EAAA;AAAA,EAE3B,OAAO;AAAA,IACL,QAAQ;AAAA,MACN,UAAU;AAAA,MACV,YAAY;AAAA,IAAA;AAAA,IAEd,MAAM;AAAA,MACJ,iBAAiB;AAAA,MACjB,UAAU;AAAA,IAAA;AAAA,EACZ;AAEJ;"}
+{"version":3,"file":"table.js","sources":["../../../../src/features/themePreview/configs/table.ts"],"sourcesContent":["import type { OwpTableThemeConfigType } from '@/types';\n\ntype OwpTableHeaderConfigType = NonNullable<OwpTableThemeConfigType['header']>;\ntype OwpTableCellConfigType = NonNullable<OwpTableThemeConfigType['cell']>;\n\nexport type ThemePreviewTableCellConfigType = OwpTableCellConfigType & {\n  backgroundColor?: string;\n};\n\nexport type ThemePreviewTableVariantConfigType = {\n  header?: OwpTableHeaderConfigType;\n  cell?: ThemePreviewTableCellConfigType;\n};\n\nexport type ThemePreviewTableRowConfigType = {\n  backgroundColor?: string;\n  hoverBackgroundColor?: string;\n  selectedBackgroundColor?: string;\n};\n\nexport type ThemePreviewTableConfigType = ThemePreviewTableVariantConfigType & {\n  borderRadius?: number | string;\n  field?: ThemePreviewTableVariantConfigType;\n  row?: ThemePreviewTableRowConfigType;\n};\n\nexport const defaultTableTheme = {\n  borderRadius: '',\n  header: {\n    backgroundColor: '#eeeeee',\n    color: '#111827',\n    fontSize: '1.5rem',\n  },\n  cell: {\n    fontSize: '1.4rem',\n  },\n  row: {\n    backgroundColor: '#FFFFFF',\n    hoverBackgroundColor: '',\n    selectedBackgroundColor: '',\n  },\n  field: {\n    header: {\n      backgroundColor: '#eeeeee',\n      color: '#111827',\n      fontSize: '1.7rem',\n      fontWeight: 600,\n    },\n    cell: {\n      backgroundColor: '#FFFFFF',\n      fontSize: '1.7rem',\n    },\n  },\n} satisfies ThemePreviewTableConfigType;\n"],"names":["defaultTableTheme"],"mappings":"AA0BO,MAAMA,IAAoB;AAAA,EAC/B,cAAc;AAAA,EACd,QAAQ;AAAA,IACN,iBAAiB;AAAA,IACjB,OAAO;AAAA,IACP,UAAU;AAAA,EAAA;AAAA,EAEZ,MAAM;AAAA,IACJ,UAAU;AAAA,EAAA;AAAA,EAEZ,KAAK;AAAA,IACH,iBAAiB;AAAA,IACjB,sBAAsB;AAAA,IACtB,yBAAyB;AAAA,EAAA;AAAA,EAE3B,OAAO;AAAA,IACL,QAAQ;AAAA,MACN,iBAAiB;AAAA,MACjB,OAAO;AAAA,MACP,UAAU;AAAA,MACV,YAAY;AAAA,IAAA;AAAA,IAEd,MAAM;AAAA,MACJ,iBAAiB;AAAA,MACjB,UAAU;AAAA,IAAA;AAAA,EACZ;AAEJ;"}

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

@@ -1,30 +1,30 @@
-var ve = Object.defineProperty;
-var n = (r, i) => ve(r, "name", { value: i, configurable: !0 });
-import { jsx as t, 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 { 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 Ce } from "../../../hooks/useConfirm.js";
-import { readZipEntryJson as Pe, saveAsZipFile as Te } from "../../../utils/zipUtil.js";
-import be 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 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/SaveOutlined.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/UploadFileOutlined.js";
-import { Button as h, Typography as W, TextField as Ae } from "@mui/material";
-import { useDialogs as Fe } from "@toolpad/core/useDialogs";
+var xe = Object.defineProperty;
+var n = (r, i) => xe(r, "name", { value: i, configurable: !0 });
+import { jsx as t, jsxs as f } 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 Pe } from "../configs/snackbar.js";
+import { themesConfig as Ce } from "../configs/presets.js";
+import { defaultSettingsConfig as Te } from "../configs/settings.js";
+import { useConfirm as be } from "../../../hooks/useConfirm.js";
+import { readZipEntryJson as Ee, saveAsZipFile as Se } from "../../../utils/zipUtil.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/DownloadOutlined.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/RestoreOutlined.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/SaveOutlined.js";
+import Le 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 W, TextField as ke } from "@mui/material";
+import { useDialogs as _e } from "@toolpad/core/useDialogs";
 import { enqueueSnackbar as m } from "notistack";
-import { useState as k, useRef as f, useEffect as v } from "react";
-import { useThemePreview as Le } from "../hooks/useThemePreview.js";
-import { ThemePreviewControls as ke } from "../components/ThemePreviewControls.js";
-import { ThemePreviewCanvas as _e } from "../components/ThemePreviewCanvas.js";
-import { resetThemePreviewSessionState as Ie } from "../utils/themePreviewSettings.js";
-import { createThemePreviewExportData as Me, createThemePreviewAppConfigFiles as Ne } from "../utils/themePreviewExport.js";
+import { useState as k, useRef as u, useEffect as v } from "react";
+import { useThemePreview as Re } from "../hooks/useThemePreview.js";
+import { ThemePreviewControls as Ie } from "../components/ThemePreviewControls.js";
+import { ThemePreviewCanvas as Me } from "../components/ThemePreviewCanvas.js";
+import { resetThemePreviewSessionState as Ne } from "../utils/themePreviewSettings.js";
+import { createThemePreviewExportData as De, createThemePreviewAppConfigFiles as Ve } from "../utils/themePreviewExport.js";
 import { OwpDialog as j } from "../../../components/OwpDialog/OwpDialog.js";
-const De = we, Re = ".owp,.zip,application/zip", V = 300 * 1e3, Oe = 2 * 1e3, Ve = 15 * 1e3;
-function We(r) {
-  const i = Me(r);
+const Oe = Ce, We = ".owp,.zip,application/zip", O = 300 * 1e3, je = 2 * 1e3, ze = 15 * 1e3;
+function Be(r) {
+  const i = De(r);
   return [
-    ...Ne(r).map(({ fileName: l, content: p }) => ({
+    ...Ve(r).map(({ fileName: l, content: p }) => ({
       fileName: l,
       blob: new Blob([p], {
         type: "text/plain;charset=utf-8"
@@ -38,17 +38,17 @@ function We(r) {
     }))
   ];
 }
-n(We, "createThemePreviewArchiveFiles");
-function je(r) {
+n(Be, "createThemePreviewArchiveFiles");
+function Ue(r) {
   var i;
   return (r == null ? void 0 : r.defaultSnackbarProviderProps) ?? ((i = r == null ? void 0 : r.defaultSettingsConfig) == null ? void 0 : i.snackbarProviderProps);
 }
-n(je, "getThemePreviewArchiveProviderProps");
-function ze(r) {
+n(Ue, "getThemePreviewArchiveProviderProps");
+function He(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(ze, "getThemePreviewConfigFileTitle");
+n(He, "getThemePreviewConfigFileTitle");
 const g = {
   "&.MuiButton-root": {
     fontSize: "1.3rem",
@@ -94,7 +94,7 @@ const g = {
   backgroundColor: "#ffffff",
   border: "1px solid #111827",
   color: "#111827"
-}, Be = "#111827", Ue = /* @__PURE__ */ n(({
+}, Ke = "#111827", Ze = /* @__PURE__ */ n(({
   open: r,
   payload: i,
   onClose: w
@@ -114,9 +114,9 @@ const g = {
           p: 3
         }
       },
-      children: /* @__PURE__ */ u("div", { className: "flex flex-col gap-12", children: [
+      children: /* @__PURE__ */ f("div", { className: "flex flex-col gap-12", children: [
         /* @__PURE__ */ t(
-          Ae,
+          ke,
           {
             label: "저장 이름",
             value: l,
@@ -130,62 +130,65 @@ const g = {
       ] })
     }
   );
-}, "ThemePreviewSaveDialog"), fn = /* @__PURE__ */ n(({
+}, "ThemePreviewSaveDialog"), hn = /* @__PURE__ */ n(({
   open: r,
   payload: i,
   onClose: w
 }) => {
-  const [l, p] = k(""), [b, _] = k(!1), I = f(null), M = f(null), x = f(null), E = f(!1), N = f(Date.now()), D = f(!1), S = f(() => {
-  }), c = f(null), z = Fe(), { confirmSave: B } = Ce(), {
+  const [l, p] = k(""), [b, _] = k(!1), R = u(null), I = u(null), x = u(null), E = u(!1), M = u(Date.now()), N = u(!1), S = u(() => {
+  }), c = u(null), z = _e(), { confirmSave: B } = be(), {
     activeSection: d,
     canApplyToMain: U,
     draftSettings: y,
     hasTemporaryChanges: A,
     hasTemporarySnapshot: H,
     presetOptions: K,
-    selectedModes: Z,
-    selectedPresetKeys: q,
-    setActiveSection: $,
-    handlePaletteValueChange: J,
-    handlePaletteValuesChange: Y,
-    handleApplyToMain: G,
-    handleLoadSettings: Q,
-    handlePresetKeyChange: X,
-    handlePresetModeChange: ee,
-    handleReset: ne,
-    handleTemporaryLoad: te,
-    handleTemporarySave: C
-  } = Le({
+    resetVersion: Z,
+    selectedModes: q,
+    selectedPresetKeys: $,
+    setActiveSection: J,
+    handlePaletteValueChange: Y,
+    handlePaletteValuesChange: G,
+    handlePaletteValueReset: Q,
+    handlePaletteValuesReset: X,
+    handleApplyToMain: ee,
+    handleLoadSettings: ne,
+    handlePresetKeyChange: te,
+    handlePresetModeChange: re,
+    handleReset: ie,
+    handleTemporaryLoad: oe,
+    handleTemporarySave: P
+  } = Re({
     initialSection: i == null ? void 0 : i.initialSection,
     initialPresetKeys: {
       main: "light1",
       navbar: "light2",
       toolbar: "surfaceDark"
     },
-    presetThemes: De,
-    resetTheme: xe.theme
-  }), R = d === "main" || d === "navbar" || d === "toolbar", re = R ? Z[d] : "light", ie = R ? q[d] : "", o = /* @__PURE__ */ n(() => {
-    N.current = Date.now();
-  }, "handleThemePreviewInteraction"), oe = /* @__PURE__ */ n(async (e) => {
-    await Te(We(y), {
-      fileTitle: ze(e),
+    presetThemes: Oe,
+    resetTheme: Te.theme
+  }), D = d === "main" || d === "navbar" || d === "toolbar", ae = D ? q[d] : "light", se = D ? $[d] : "", o = /* @__PURE__ */ n(() => {
+    M.current = Date.now();
+  }, "handleThemePreviewInteraction"), le = /* @__PURE__ */ n(async (e) => {
+    await Se(Be(y), {
+      fileTitle: He(e),
       archiveExtension: "owp",
       preserveFileNames: !0
     });
-  }, "handleSaveConfigFiles"), ae = /* @__PURE__ */ n(async () => {
-    const e = await z.open(Ue, {
+  }, "handleSaveConfigFiles"), ce = /* @__PURE__ */ n(async () => {
+    const e = await z.open(Ze, {
       initialFileName: l
     });
-    e !== void 0 && (p(e), await oe(e));
-  }, "handleOpenSaveDialog"), se = /* @__PURE__ */ n(() => {
+    e !== void 0 && (p(e), await le(e));
+  }, "handleOpenSaveDialog"), de = /* @__PURE__ */ n(() => {
     var e;
-    (e = M.current) == null || e.click();
-  }, "handleOpenZipFile"), le = /* @__PURE__ */ n(() => {
-    C("manual"), m("임시 저장을 완료했습니다.", {
+    (e = I.current) == null || e.click();
+  }, "handleOpenZipFile"), me = /* @__PURE__ */ n(() => {
+    P("manual"), m("임시 저장을 완료했습니다.", {
       variant: "success"
     });
-  }, "handleManualTemporarySave"), ce = /* @__PURE__ */ n(() => {
-    if (!te()) {
+  }, "handleManualTemporarySave"), ue = /* @__PURE__ */ n(() => {
+    if (!oe()) {
       m("불러올 임시 저장 데이터가 없습니다.", {
         variant: "warning"
       });
@@ -194,20 +197,20 @@ const g = {
     m("임시 저장 데이터를 불러왔습니다.", {
       variant: "success"
     });
-  }, "handleManualTemporaryLoad"), de = /* @__PURE__ */ n(async () => {
+  }, "handleManualTemporaryLoad"), fe = /* @__PURE__ */ n(async () => {
     A && (await B({
       title: "변경된 값을 저장하겠습니까?"
-    }) ? (C("manual"), m("임시 저장되었습니다. 다시 실행하면 저장된 데이터를 불러옵니다.", {
+    }) ? (P("manual"), m("임시 저장되었습니다. 다시 실행하면 저장된 데이터를 불러옵니다.", {
       variant: "info"
-    })) : Ie()), w(void 0);
-  }, "handleDialogClose"), me = /* @__PURE__ */ n(async (e) => {
-    var s, P;
+    })) : Ne()), w(void 0);
+  }, "handleDialogClose"), pe = /* @__PURE__ */ n(async (e) => {
+    var s, C;
     const a = (s = e.target.files) == null ? void 0 : s[0];
     if (a)
       try {
-        const T = await Pe(
+        const T = await Ee(
           a,
-          (he) => he.endsWith("settings.json")
+          (we) => we.endsWith("settings.json")
         );
         if (!T) {
           m("settings.json 파일이 없습니다.", {
@@ -215,14 +218,14 @@ const g = {
           });
           return;
         }
-        const O = (P = T.defaultSettingsConfig) == null ? void 0 : P.theme, ue = T.defaultSnackbarTheme ?? ge, pe = je(T);
-        if (!O) {
+        const V = (C = T.defaultSettingsConfig) == null ? void 0 : C.theme, ve = T.defaultSnackbarTheme ?? Pe, ge = Ue(T);
+        if (!V) {
           m("theme 설정을 읽지 못했습니다.", {
             variant: "warning"
           });
           return;
         }
-        Q(O, ue, pe), m("설정 파일을 로드하고 메인 화면에 적용했습니다.", {
+        ne(V, ve, ge), m("설정 파일을 로드하고 메인 화면에 적용했습니다.", {
           variant: "success"
         });
       } catch {
@@ -232,19 +235,19 @@ const g = {
       } finally {
         e.target.value = "";
       }
-  }, "handleZipFileChange"), fe = /* @__PURE__ */ n((e) => {
+  }, "handleZipFileChange"), he = /* @__PURE__ */ n((e) => {
     e !== d && (c.current && (cancelAnimationFrame(c.current), c.current = null), _(!0), c.current = requestAnimationFrame(() => {
-      $(e), c.current = requestAnimationFrame(() => {
+      J(e), c.current = requestAnimationFrame(() => {
         _(!1), c.current = null;
       });
     }));
   }, "handleSectionChange");
   return v(() => {
-    S.current = C;
-  }, [C]), v(() => {
-    D.current = A;
+    S.current = P;
+  }, [P]), v(() => {
+    N.current = A;
   }, [A]), v(() => {
-    const e = I.current;
+    const e = R.current;
     if (!e)
       return;
     const a = /* @__PURE__ */ n(() => {
@@ -260,20 +263,20 @@ const g = {
       x.current && (window.clearTimeout(x.current), x.current = null);
     }, "clearAutoSaveTimeout"), a = /* @__PURE__ */ n((s) => {
       e(), x.current = window.setTimeout(() => {
-        const P = E.current || Date.now() - N.current < Oe;
-        if (document.hidden || P) {
-          a(Ve);
+        const C = E.current || Date.now() - M.current < je;
+        if (document.hidden || C) {
+          a(ze);
           return;
         }
-        S.current("auto"), a(V);
+        S.current("auto"), a(O);
       }, s);
     }, "scheduleAutoSave");
-    return a(V), () => {
+    return a(O), () => {
       e();
     };
   }, []), v(() => {
     const e = /* @__PURE__ */ n(() => {
-      D.current && S.current("manual");
+      N.current && S.current("manual");
     }, "handlePageExit");
     return window.addEventListener("pagehide", e), window.addEventListener("beforeunload", e), () => {
       window.removeEventListener("pagehide", e), window.removeEventListener("beforeunload", e);
@@ -283,9 +286,9 @@ const g = {
   }, []), /* @__PURE__ */ t(
     j,
     {
-      title: /* @__PURE__ */ u("div", { className: "flex w-full flex-wrap items-center justify-between gap-12", children: [
-        /* @__PURE__ */ t(W, { variant: "h6", fontWeight: 700, sx: { color: Be }, children: "OWP Theme Preview" }),
-        /* @__PURE__ */ u("div", { className: "flex flex-wrap items-center gap-8", children: [
+      title: /* @__PURE__ */ f("div", { className: "flex w-full flex-wrap items-center justify-between gap-12", children: [
+        /* @__PURE__ */ t(W, { variant: "h6", fontWeight: 700, sx: { color: Ke }, children: "OWP Theme Preview" }),
+        /* @__PURE__ */ f("div", { className: "flex flex-wrap items-center gap-8", children: [
           /* @__PURE__ */ t(
             h,
             {
@@ -295,7 +298,7 @@ const g = {
                 ...g,
                 ...L
               },
-              onClick: ne,
+              onClick: ie,
               children: "기본 설정으로 되돌리기"
             }
           ),
@@ -309,7 +312,7 @@ const g = {
                 ...g,
                 ...F
               },
-              onClick: G,
+              onClick: ee,
               children: "메인에 적용해보기"
             }
           )
@@ -318,19 +321,19 @@ const g = {
       open: r,
       maxWidth: "xl",
       canConfirm: !1,
-      onClose: de,
-      actions: /* @__PURE__ */ u("div", { className: "grid min-w-0 flex-1 grid-cols-[1fr_auto_1fr] items-center gap-y-8", children: [
-        /* @__PURE__ */ u("div", { className: "flex flex-wrap items-center justify-start gap-8", children: [
+      onClose: fe,
+      actions: /* @__PURE__ */ f("div", { className: "grid min-w-0 flex-1 grid-cols-[1fr_auto_1fr] items-center gap-y-8", children: [
+        /* @__PURE__ */ f("div", { className: "flex flex-wrap items-center justify-start gap-8", children: [
           /* @__PURE__ */ t(
             h,
             {
               variant: "contained",
-              startIcon: /* @__PURE__ */ t(Se, {}),
+              startIcon: /* @__PURE__ */ t(Fe, {}),
               sx: {
                 ...g,
                 ...F
               },
-              onClick: le,
+              onClick: me,
               children: "임시 저장하기"
             }
           ),
@@ -338,28 +341,28 @@ const g = {
             h,
             {
               variant: "outlined",
-              startIcon: /* @__PURE__ */ t(Ee, {}),
+              startIcon: /* @__PURE__ */ t(Ae, {}),
               disabled: !H,
               sx: {
                 ...g,
                 ...L
               },
-              onClick: ce,
+              onClick: ue,
               children: "임시 저장 불러오기"
             }
           )
         ] }),
-        /* @__PURE__ */ u("div", { className: "flex flex-wrap items-center justify-center gap-8", children: [
+        /* @__PURE__ */ f("div", { className: "flex flex-wrap items-center justify-center gap-8", children: [
           /* @__PURE__ */ t(
             h,
             {
               variant: "contained",
-              startIcon: /* @__PURE__ */ t(be, {}),
+              startIcon: /* @__PURE__ */ t(ye, {}),
               sx: {
                 ...g,
                 ...F
               },
-              onClick: ae,
+              onClick: ce,
               children: "설정파일 저장하기"
             }
           ),
@@ -367,12 +370,12 @@ const g = {
             h,
             {
               variant: "outlined",
-              startIcon: /* @__PURE__ */ t(ye, {}),
+              startIcon: /* @__PURE__ */ t(Le, {}),
               sx: {
                 ...g,
                 ...L
               },
-              onClick: se,
+              onClick: de,
               children: "설정파일 불러오기"
             }
           )
@@ -395,35 +398,38 @@ const g = {
           p: 3
         }
       },
-      children: /* @__PURE__ */ u("div", { ref: I, className: "flex h-full min-h-0 flex-col gap-12", children: [
+      children: /* @__PURE__ */ f("div", { ref: R, className: "flex h-full min-h-0 flex-col gap-12", children: [
         /* @__PURE__ */ t(
           "input",
           {
-            ref: M,
+            ref: I,
             type: "file",
-            accept: Re,
+            accept: We,
             className: "hidden",
-            onChange: me
+            onChange: pe
           }
         ),
-        /* @__PURE__ */ u("div", { className: "grid min-h-0 flex-1 gap-20 xl:grid-cols-[420px_minmax(0,1fr)]", children: [
+        /* @__PURE__ */ f("div", { className: "grid min-h-0 flex-1 gap-20 xl:grid-cols-[420px_minmax(0,1fr)]", children: [
           /* @__PURE__ */ t(
-            ke,
+            Ie,
             {
               activeSection: d,
               presetOptions: K,
-              selectedMode: re,
-              selectedPresetKey: ie,
+              selectedMode: ae,
+              selectedPresetKey: se,
               settings: y,
-              onSectionChange: fe,
-              onPaletteValueChange: J,
-              onPaletteValuesChange: Y,
-              onPresetKeyChange: X,
-              onPresetModeChange: ee
+              resetVersion: Z,
+              onSectionChange: he,
+              onPaletteValueChange: Y,
+              onPaletteValuesChange: G,
+              onPaletteValueReset: Q,
+              onPaletteValuesReset: X,
+              onPresetKeyChange: te,
+              onPresetModeChange: re
             }
           ),
           /* @__PURE__ */ t(
-            _e,
+            Me,
             {
               activeSection: d,
               isLoading: b,
@@ -436,6 +442,6 @@ const g = {
   );
 }, "ThemePreviewDialog");
 export {
-  fn as ThemePreviewDialog
+  hn as ThemePreviewDialog
 };
 //# sourceMappingURL=ThemePreviewDialog.js.map