on-codemerge/dist/src/plugins/TablePlugin/components/TableStyles.mjs

A WYSIWYG editor for on-codemerge is a user-friendly interface that allows users to edit and view their code in real time, exactly as it will appear in the final product

/*! on-codemerge v1.3.1 @author Pavel Kuzmin @license MIT @homepage https://s00d.github.io/on-codemerge/ @repository git+https://github.com/s00d/on-codemerge.git Copyright (c) 2026 Pavel Kuzmin - Built on 2026-07-02T13:39:17.947Z */
const e = [
  {
    id: "default",
    name: "Default",
    className: "table-default",
    preview: "📊",
    description: "Standard table with clean borders"
  },
  {
    id: "minimal",
    name: "Minimal",
    className: "table-minimal",
    preview: "📋",
    description: "Clean design with minimal borders"
  },
  {
    id: "bordered",
    name: "Bordered",
    className: "table-bordered",
    preview: "📐",
    description: "Heavy borders for emphasis"
  },
  {
    id: "striped",
    name: "Striped",
    className: "table-striped",
    preview: "🦓",
    description: "Alternating row colors"
  },
  {
    id: "hover",
    name: "Hover",
    className: "table-hover",
    preview: "👆",
    description: "Interactive hover effects"
  },
  {
    id: "compact",
    name: "Compact",
    className: "table-compact",
    preview: "📦",
    description: "Tight spacing for dense data"
  },
  {
    id: "elegant",
    name: "Elegant",
    className: "table-elegant",
    preview: "✨",
    description: "Sophisticated design with shadows"
  },
  {
    id: "modern",
    name: "Modern",
    className: "table-modern",
    preview: "🚀",
    description: "Contemporary flat design"
  }
], a = [
  {
    id: "light",
    name: "Light",
    className: "theme-light",
    preview: "☀️",
    description: "Light theme with white background"
  },
  {
    id: "dark",
    name: "Dark",
    className: "theme-dark",
    preview: "🌙",
    description: "Dark theme with dark background"
  },
  {
    id: "blue",
    name: "Blue",
    className: "theme-blue",
    preview: "🔵",
    description: "Blue accent colors"
  },
  {
    id: "green",
    name: "Green",
    className: "theme-green",
    preview: "🟢",
    description: "Green accent colors"
  },
  {
    id: "purple",
    name: "Purple",
    className: "theme-purple",
    preview: "🟣",
    description: "Purple accent colors"
  },
  {
    id: "orange",
    name: "Orange",
    className: "theme-orange",
    preview: "🟠",
    description: "Orange accent colors"
  }
], i = [
  { value: "left", label: "Left", icon: "⬅️" },
  { value: "center", label: "Center", icon: "↔️" },
  { value: "right", label: "Right", icon: "➡️" },
  { value: "justify", label: "Justify", icon: "↔️" }
], l = [
  { value: "top", label: "Top", icon: "⬆️" },
  { value: "middle", label: "Middle", icon: "↕️" },
  { value: "bottom", label: "Bottom", icon: "⬇️" }
], t = [
  { value: "none", label: "None", icon: "❌" },
  { value: "solid", label: "Solid", icon: "▬" },
  { value: "dashed", label: "Dashed", icon: "┄" },
  { value: "dotted", label: "Dotted", icon: "┈" },
  { value: "double", label: "Double", icon: "═" }
], n = [
  { value: "1px", label: "Thin" },
  { value: "2px", label: "Medium" },
  { value: "3px", label: "Thick" },
  { value: "4px", label: "Extra Thick" }
];
export {
  t as BORDER_STYLES,
  n as BORDER_WIDTHS,
  i as CELL_ALIGNMENT_OPTIONS,
  e as TABLE_STYLES,
  a as TABLE_THEMES,
  l as VERTICAL_ALIGNMENT_OPTIONS
};