arxatec-ui 0.1.21 → 0.1.23

package/dist/styles.css

@@ -1,5 +1,6 @@
 @import url("https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300..700;1,300..700&display=swap");
 @import url("https://fonts.googleapis.com/css2?family=Source+Sans+3:ital,wght@0,200..900;1,200..900&display=swap");
+@import url("https://fonts.googleapis.com/css2?family=JetBrains+Mono:ital,wght@0,100..800;1,100..800&display=swap");
 @import "tailwindcss";
 @source ".";
 @import "tw-animate-css";
@@ -10,6 +11,7 @@
 @theme inline {
   --font-serif: "Cormorant Garamond", serif;
   --font-sans: "Source Sans 3", sans-serif;
+  --font-mono: "JetBrains Mono", monospace;
   --radius-sm: calc(var(--radius) - 4px);
   --radius-md: calc(var(--radius) - 2px);
   --radius-lg: var(--radius);
@@ -61,10 +63,14 @@
   /* Status colors card */
   --color-status-card-background-error: var(--status-card-background-error);
   --color-status-card-foreground-error: var(--status-card-foreground-error);
-  --color-status-card-background-icon-error: var(--status-card-background-icon-error);
+  --color-status-card-background-icon-error: var(
+    --status-card-background-icon-error
+  );
   --color-status-card-background-empty: var(--status-card-background-empty);
   --color-status-card-foreground-empty: var(--status-card-foreground-empty);
-  --color-status-card-background-icon-empty: var(--status-card-background-icon-empty);
+  --color-status-card-background-icon-empty: var(
+    --status-card-background-icon-empty
+  );
 
   /* Calendar colors */
   --color-calendar-color-gray: var(--calendar-color-gray);
@@ -78,7 +84,6 @@
   --color-calendar-color-green: var(--calendar-color-green);
   --color-calendar-color-lime: var(--calendar-color-lime);
 
-
   /* Case urgency colors*/
   --color-case-urgency-high-background: var(--case-urgency-high-background);
   --color-case-urgency-high-foreground: var(--case-urgency-high-foreground);
@@ -86,24 +91,48 @@
   --color-case-urgency-medium-foreground: var(--case-urgency-medium-foreground);
   --color-case-urgency-low-background: var(--case-urgency-low-background);
   --color-case-urgency-low-foreground: var(--case-urgency-low-foreground);
-  --color-case-urgency-critical-background: var(--case-urgency-critical-background);
-  --color-case-urgency-critical-foreground: var(--case-urgency-critical-foreground);
+  --color-case-urgency-critical-background: var(
+    --case-urgency-critical-background
+  );
+  --color-case-urgency-critical-foreground: var(
+    --case-urgency-critical-foreground
+  );
 
   /* Case status colors */
   --color-case-status-open-background: var(--case-status-open-background);
   --color-case-status-open-foreground: var(--case-status-open-foreground);
-  --color-case-status-in-progress-background: var(--case-status-in-progress-background);
-  --color-case-status-in-progress-foreground: var(--case-status-in-progress-foreground);
+  --color-case-status-in-progress-background: var(
+    --case-status-in-progress-background
+  );
+  --color-case-status-in-progress-foreground: var(
+    --case-status-in-progress-foreground
+  );
   --color-case-status-closed-background: var(--case-status-closed-background);
   --color-case-status-closed-foreground: var(--case-status-closed-foreground);
-  --color-case-status-archived-background: var(--case-status-archived-background);
-  --color-case-status-archived-foreground: var(--case-status-archived-foreground);
-  --color-case-status-under-negotiation-background: var(--case-status-under-negotiation-background);
-  --color-case-status-under-negotiation-foreground: var(--case-status-under-negotiation-foreground);
-  --color-case-status-waiting-for-customer-background: var(--case-status-waiting-for-customer-background);
-  --color-case-status-waiting-for-customer-foreground: var(--case-status-waiting-for-customer-foreground);
-  --color-case-status-awaiting-trial-background: var(--case-status-awaiting-trial-background);
-  --color-case-status-awaiting-trial-foreground: var(--case-status-awaiting-trial-foreground);
+  --color-case-status-archived-background: var(
+    --case-status-archived-background
+  );
+  --color-case-status-archived-foreground: var(
+    --case-status-archived-foreground
+  );
+  --color-case-status-under-negotiation-background: var(
+    --case-status-under-negotiation-background
+  );
+  --color-case-status-under-negotiation-foreground: var(
+    --case-status-under-negotiation-foreground
+  );
+  --color-case-status-waiting-for-customer-background: var(
+    --case-status-waiting-for-customer-background
+  );
+  --color-case-status-waiting-for-customer-foreground: var(
+    --case-status-waiting-for-customer-foreground
+  );
+  --color-case-status-awaiting-trial-background: var(
+    --case-status-awaiting-trial-background
+  );
+  --color-case-status-awaiting-trial-foreground: var(
+    --case-status-awaiting-trial-foreground
+  );
   --color-case-status-waiting-background: var(--case-status-waiting-background);
   --color-case-status-waiting-foreground: var(--case-status-waiting-foreground);
 
@@ -123,8 +152,12 @@
   /* Finances type colors */
   --color-finance-type-income-background: var(--finance-type-income-background);
   --color-finance-type-income-foreground: var(--finance-type-income-foreground);
-  --color-finance-type-expense-background: var(--finance-type-expense-background);
-  --color-finance-type-expense-foreground: var(--finance-type-expense-foreground);
+  --color-finance-type-expense-background: var(
+    --finance-type-expense-background
+  );
+  --color-finance-type-expense-foreground: var(
+    --finance-type-expense-foreground
+  );
 
   /* Task tag colors */
 
@@ -161,14 +194,22 @@
   --color-task-priority-foreground-low: var(--task-priority-foreground-low);
   --color-task-priority-background-low: var(--task-priority-background-low);
 
-  --color-task-priority-foreground-medium: var(--task-priority-foreground-medium);
-  --color-task-priority-background-medium: var(--task-priority-background-medium);
+  --color-task-priority-foreground-medium: var(
+    --task-priority-foreground-medium
+  );
+  --color-task-priority-background-medium: var(
+    --task-priority-background-medium
+  );
 
   --color-task-priority-foreground-high: var(--task-priority-foreground-high);
   --color-task-priority-background-high: var(--task-priority-background-high);
 
-  --color-task-priority-foreground-critical: var(--task-priority-foreground-critical);
-  --color-task-priority-background-critical: var(--task-priority-background-critical);
+  --color-task-priority-foreground-critical: var(
+    --task-priority-foreground-critical
+  );
+  --color-task-priority-background-critical: var(
+    --task-priority-background-critical
+  );
 }
 
 :root {
@@ -188,8 +229,8 @@
   --accent: oklch(0.97 0 0);
   --accent-foreground: oklch(0.205 0 0);
   --destructive: oklch(0.577 0.245 27.325);
-  --border: oklch(0.922 0 0);
-  --input: oklch(0.922 0 0);
+  --border: oklch(0.962 0 0);
+  --input: oklch(0.952 0 0);
   --ring: oklch(0.708 0 0);
   --chart-1: oklch(0.646 0.222 41.116);
   --chart-2: oklch(0.6 0.118 184.704);
@@ -202,7 +243,7 @@
   --sidebar-primary-foreground: oklch(0.985 0 0);
   --sidebar-accent: oklch(0.97 0 0);
   --sidebar-accent-foreground: oklch(0.205 0 0);
-  --sidebar-border: oklch(0.922 0 0);
+  --sidebar-border: oklch(0.962 0 0);
   --sidebar-ring: oklch(0.708 0 0);
 
   /* Status colors for toast an messages*/
@@ -228,7 +269,7 @@
   /* Calendar colors */
   --calendar-color-gray: oklch(55.6% 0 0);
   --calendar-color-red: oklch(57.7% 0.245 27.325);
-  --calendar-color-yellow: oklch(76.9% 0.188 70.08) ;
+  --calendar-color-yellow: oklch(76.9% 0.188 70.08);
   --calendar-color-orange: oklch(70.5% 0.213 47.604);
   --calendar-color-purple: oklch(55.8% 0.288 302.321);
   --calendar-color-blue: oklch(62.3% 0.214 259.815);
@@ -263,7 +304,7 @@
   --case-status-awaiting-trial-background: oklch(91% 0.01 260);
   --case-status-awaiting-trial-foreground: oklch(29% 0.01 260);
   --case-status-waiting-background: oklch(86% 0.01 260);
-  --case-status-waiting-foreground: oklch(33% 0.01 260); 
+  --case-status-waiting-foreground: oklch(33% 0.01 260);
 
   /* Documents selector colors */
   --selector-rectangle: oklch(90.1% 0.058 230.902);
@@ -272,11 +313,11 @@
 
   /* License status colors */
   --license-valid-foreground: oklch(0.205 0 0);
-  --license-valid-background:oklch(0.97 0 0);
+  --license-valid-background: oklch(0.97 0 0);
   --license-invalid-foreground: oklch(64.5% 0.246 16.439);
   --license-invalid-background: oklch(94.1% 0.03 12.58);
   --license-no-config-foreground: oklch(68.5% 0.169 237.323);
-  --license-no-config-background:oklch(95.1% 0.026 236.824);
+  --license-no-config-background: oklch(95.1% 0.026 236.824);
 
   /* Finances type colors */
   --finance-type-income-background: oklch(96.2% 0.044 156.743);
@@ -318,15 +359,19 @@
   --editor-spacing-8: 2rem;
   --editor-spacing-12: 3rem;
   --editor-spacing-16: 4rem;
-  --editor-font-sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
-  --editor-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
+  --editor-font-sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",
+    Roboto, "Helvetica Neue", Arial, sans-serif;
+  --editor-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
+    monospace;
   --editor-font-serif: Georgia, Cambria, "Times New Roman", Times, serif;
   --editor-transition-fast: 150ms cubic-bezier(0.4, 0, 0.2, 1);
   --editor-transition-normal: 200ms cubic-bezier(0.4, 0, 0.2, 1);
   --editor-transition-slow: 300ms cubic-bezier(0.4, 0, 0.2, 1);
   --editor-shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);
-  --editor-shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
-  --editor-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
+  --editor-shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1),
+    0 2px 4px -2px rgb(0 0 0 / 0.1);
+  --editor-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1),
+    0 4px 6px -4px rgb(0 0 0 / 0.1);
 
   /* Task tag colors */
   --task-tag-foreground-gray: oklch(32% 0.018 260);
@@ -373,36 +418,36 @@
 }
 
 .dark {
-  --background: oklch(0.145 0 0);
+  --background: oklch(0.116 0 0);
   --foreground: oklch(0.985 0 0);
-  --card: oklch(0.205 0 0);
+  --card: oklch(0.164 0 0);
   --card-foreground: oklch(0.985 0 0);
-  --popover: oklch(0.205 0 0);
+  --popover: oklch(0.164 0 0);
   --popover-foreground: oklch(0.985 0 0);
   --primary: oklch(0.922 0 0);
-  --primary-foreground: oklch(0.205 0 0);
-  --secondary: oklch(0.269 0 0);
+  --primary-foreground: oklch(0.164 0 0);
+  --secondary: oklch(0.215 0 0);
   --secondary-foreground: oklch(0.708 0 0);
-  --muted: oklch(0.269 0 0);
+  --muted: oklch(0.215 0 0);
   --muted-foreground: oklch(0.708 0 0);
-  --accent: oklch(0.269 0 0);
+  --accent: oklch(0.215 0 0);
   --accent-foreground: oklch(0.985 0 0);
   --destructive: oklch(0.704 0.191 22.216);
-  --border: oklch(1 0 0 / 10%);
-  --input: oklch(1 0 0 / 15%);
+  --border: oklch(1 0 0 / 2.4%);
+  --input: oklch(1 0 0 / 12%);
   --ring: oklch(0.556 0 0);
   --chart-1: oklch(0.488 0.243 264.376);
   --chart-2: oklch(0.696 0.17 162.48);
   --chart-3: oklch(0.769 0.188 70.08);
   --chart-4: oklch(0.627 0.265 303.9);
   --chart-5: oklch(0.645 0.246 16.439);
-  --sidebar: oklch(0.205 0 0);
+  --sidebar: oklch(0.164 0 0);
   --sidebar-foreground: oklch(0.985 0 0);
   --sidebar-primary: oklch(0.488 0.243 264.376);
   --sidebar-primary-foreground: oklch(0.985 0 0);
-  --sidebar-accent: oklch(0.269 0 0);
+  --sidebar-accent: oklch(0.215 0 0);
   --sidebar-accent-foreground: oklch(0.985 0 0);
-  --sidebar-border: oklch(1 0 0 / 10%);
+  --sidebar-border: oklch(1 0 0 / 2.4%);
   --sidebar-ring: oklch(0.556 0 0);
 
   /* Status colors for toast and messages */
@@ -414,21 +459,21 @@
   --status-foreground-warning: oklch(79.5% 0.184 86.047);
   --status-background-info: oklch(29.3% 0.066 243.157);
   --status-foreground-info: oklch(68.5% 0.169 237.323);
-  --status-background-loading:  oklch(0.269 0 0);
+  --status-background-loading: oklch(0.215 0 0);
   --status-foreground-loading: oklch(0.985 0 0);
 
   /* Status colors for card */
-  --status-card-background-error:  oklch(27.1% 0.105 12.094);
+  --status-card-background-error: oklch(27.1% 0.105 12.094);
   --status-card-foreground-error: oklch(64.5% 0.246 16.439);
-  --status-card-background-icon-error:oklch(33.1% 0.105 12.094);
-  --status-card-background-empty: oklch(0.269 0 0);
+  --status-card-background-icon-error: oklch(33.1% 0.105 12.094);
+  --status-card-background-empty: oklch(0.215 0 0);
   --status-card-foreground-empty: oklch(0.985 0 0);
-  --status-card-background-icon-empty: oklch(0.320 0 0);;
+  --status-card-background-icon-empty: oklch(0.256 0 0);
 
   /* Calendar colors */
   --calendar-color-gray: oklch(55.6% 0 0);
   --calendar-color-red: oklch(25.8% 0.092 26.042);
-  --calendar-color-yellow: oklch(42.1% 0.095 57.708) ;
+  --calendar-color-yellow: oklch(42.1% 0.095 57.708);
   --calendar-color-orange: oklch(47% 0.157 37.304);
   --calendar-color-purple: oklch(38.1% 0.176 304.987);
   --calendar-color-blue: oklch(37.9% 0.146 265.522);
@@ -472,7 +517,7 @@
 
   /* License status colors */
   --license-valid-foreground: oklch(0.708 0 0);
-  --license-valid-background: oklch(0.269 0 0);
+  --license-valid-background: oklch(0.215 0 0);
   --license-invalid-foreground: oklch(64.5% 0.246 16.439);
   --license-invalid-background: oklch(27.1% 0.105 12.094);
   --license-no-config-background: oklch(29.3% 0.066 243.157);
@@ -495,21 +540,21 @@
   --editor-text-purple: hsl(269 97% 85%);
   --editor-text-pink: hsl(336 80% 58%);
   --editor-text-red: hsl(0 84% 60%);
-  --editor-bg-default: hsl(240 10% 3.9%);
-  --editor-bg-subtle: hsl(240 3.7% 15.9%);
-  --editor-bg-muted: hsl(240 5% 26%);
-  --editor-highlight-default: hsl(240 3.7% 15.9%);
-  --editor-highlight-gray: hsl(240 5% 26%);
-  --editor-highlight-brown: hsl(43 96% 10%);
-  --editor-highlight-orange: hsl(33 100% 10%);
-  --editor-highlight-yellow: hsl(54 100% 10%);
-  --editor-highlight-green: hsl(142 71% 10%);
-  --editor-highlight-blue: hsl(217 91% 10%);
-  --editor-highlight-purple: hsl(269 97% 10%);
-  --editor-highlight-pink: hsl(336 80% 10%);
-  --editor-highlight-red: hsl(0 84% 10%);
-  --editor-border-default: hsl(240 5% 26%);
-  --editor-border-strong: hsl(240 5% 64.9%);
+  --editor-bg-default: hsl(240 10% 3.1%);
+  --editor-bg-subtle: hsl(240 3.7% 12.7%);
+  --editor-bg-muted: hsl(240 5% 20.8%);
+  --editor-highlight-default: hsl(240 3.7% 12.7%);
+  --editor-highlight-gray: hsl(240 5% 20.8%);
+  --editor-highlight-brown: hsl(43 96% 8%);
+  --editor-highlight-orange: hsl(33 100% 8%);
+  --editor-highlight-yellow: hsl(54 100% 8%);
+  --editor-highlight-green: hsl(142 71% 8%);
+  --editor-highlight-blue: hsl(217 91% 8%);
+  --editor-highlight-purple: hsl(269 97% 8%);
+  --editor-highlight-pink: hsl(336 80% 8%);
+  --editor-highlight-red: hsl(0 84% 8%);
+  --editor-border-default: hsl(240 5% 20.8%);
+  --editor-border-strong: hsl(240 5% 51.9%);
 
   /* Task colors */
   --task-tag-foreground-gray: oklch(92% 0.01 260);
@@ -600,20 +645,21 @@
   text-decoration: underline;
 }
 
-.prose [style*="text-align: center"], 
+.prose [style*="text-align: center"],
 .prose .text-center {
   text-align: center !important;
 }
-.prose [style*="text-align: right"], 
+.prose [style*="text-align: right"],
 .prose .text-right {
   text-align: right !important;
 }
-.prose [style*="text-align: justify"], 
+.prose [style*="text-align: justify"],
 .prose .text-justify {
   text-align: justify !important;
 }
 
-.prose ul, .prose ol {
+.prose ul,
+.prose ol {
   padding-left: 1.5rem !important;
   margin-top: 1rem !important;
   margin-bottom: 1rem !important;
@@ -681,6 +727,8 @@
 .prose .tableWrapper {
   margin: 1.5rem 0;
   overflow-x: auto;
+  border: 1px solid color-mix(in srgb, var(--color-border), transparent 55%);
+  border-radius: 8px;
 }
 
 .prose.resize-cursor {
@@ -712,6 +760,27 @@
   box-shadow: none;
 }
 
+/* Resaltado al arrastrar / seleccionar nodo de bloque (drag handle) */
+.ProseMirror-selectednode,
+.ProseMirror-selectednoderange {
+  position: relative;
+}
+
+.ProseMirror-selectednode::before,
+.ProseMirror-selectednoderange::before {
+  content: "";
+  position: absolute;
+  inset: -2px -4px;
+  border-radius: 6px;
+  background-color: color-mix(
+    in srgb,
+    var(--editor-highlight-blue),
+    transparent 60%
+  );
+  pointer-events: none;
+  z-index: 0;
+}
+
 .ProseMirror .selection,
 .ProseMirror *::selection {
   background-color: var(--editor-highlight-blue);
@@ -797,6 +866,12 @@
   border: 1px solid var(--editor-border-default);
 }
 
+/* @tailwindcss/typography decora `code` dentro de .prose con backticks en ::before/::after */
+.prose .ProseMirror code::before,
+.prose .ProseMirror code::after {
+  content: none;
+}
+
 .ProseMirror pre {
   margin: var(--editor-spacing-6) 0;
   padding: var(--editor-spacing-4);
@@ -860,6 +935,23 @@
   list-style-type: lower-roman;
 }
 
+.ProseMirror .tableWrapper {
+  position: relative;
+  margin: var(--editor-spacing-6) 0;
+  max-width: 100%;
+  overflow-x: auto;
+  overflow-y: visible;
+  border: 1px solid
+    color-mix(in srgb, var(--editor-border-default), transparent 50%);
+  border-radius: 8px;
+}
+
+.ProseMirror .tableWrapper > table {
+  margin: 0;
+  border: none;
+  border-radius: 0;
+}
+
 .ProseMirror table {
   width: 100%;
   border-collapse: separate;
@@ -870,28 +962,213 @@
   overflow: hidden;
 }
 
-.ProseMirror th {
-  background-color: var(--editor-bg-subtle);
-  font-weight: 600;
-  text-align: left;
-  padding: var(--editor-spacing-3) var(--editor-spacing-4);
-  border-bottom: 2px solid var(--editor-border-default);
-}
-
+.ProseMirror th,
 .ProseMirror td {
+  font-weight: 400;
+  text-align: left;
   padding: var(--editor-spacing-3) var(--editor-spacing-4);
   border-bottom: 1px solid var(--editor-border-default);
   transition: background-color var(--editor-transition-fast);
 }
 
+.ProseMirror tr:last-child th,
 .ProseMirror tr:last-child td {
   border-bottom: none;
 }
 
+.ProseMirror tr:hover th,
 .ProseMirror tr:hover td {
   background-color: var(--editor-bg-subtle);
 }
 
+.ProseMirror th.table-side-controls-selected-cell,
+.ProseMirror td.table-side-controls-selected-cell {
+  border-color: var(--editor-text-blue) !important;
+  box-shadow: inset 0 0 0 1px var(--editor-text-blue);
+  outline: 1px solid var(--editor-text-blue);
+  outline-offset: -1px;
+}
+
+.ProseMirror th.selectedCell::after,
+.ProseMirror td.selectedCell::after {
+  background: transparent !important;
+}
+
+.table-side-controls-cell-action {
+  position: fixed;
+  z-index: 21;
+  width: 12px;
+  height: 18px;
+  border: 1px solid var(--editor-text-blue);
+  border-radius: 999px;
+  background: var(--editor-text-blue);
+  color: var(--editor-bg-default);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+  font-size: 10px;
+  font-weight: 700;
+  line-height: 1;
+  opacity: 0;
+  transform: translateY(-50%);
+  animation: table-side-controls-cell-action-appear 120ms ease-out forwards;
+}
+
+.table-side-controls-cell-action:hover {
+  background: var(--editor-text-blue);
+}
+
+.table-side-controls-multi-cell-selection {
+  position: fixed;
+  z-index: 21;
+  border: 1px solid var(--editor-text-blue);
+  pointer-events: none;
+}
+
+.table-cell-menu {
+  position: fixed;
+  z-index: 30;
+  width: 1px;
+  height: 1px;
+}
+
+.table-cell-menu-main {
+  width: 190px;
+  padding: 4px;
+}
+
+.table-cell-menu-panel {
+  width: 222px;
+  max-height: min(620px, calc(100vh - 24px));
+  padding: 4px;
+}
+
+.table-cell-menu-item,
+.table-cell-menu-color-item {
+  width: 100%;
+  min-height: 28px;
+  cursor: pointer;
+}
+
+.table-cell-menu-icon {
+  width: 16px;
+  height: 16px;
+  flex: 0 0 auto;
+  color: var(--editor-text-gray);
+}
+
+.table-cell-menu-title {
+  padding: 6px 8px 4px;
+  color: var(--editor-text-gray);
+  font-size: 12px;
+  font-weight: 600;
+}
+
+.table-cell-menu-list {
+  display: flex;
+  flex-direction: column;
+  gap: 1px;
+}
+
+.table-cell-menu-color-swatch {
+  width: 26px;
+  height: 26px;
+  border: 1px solid var(--editor-border-default);
+  border-radius: 6px;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  flex: 0 0 auto;
+  font-weight: 700;
+}
+
+.table-side-controls-add-column {
+  position: fixed;
+  z-index: 20;
+  width: 22px;
+  min-height: 26px;
+  border: 1px solid var(--editor-border-default);
+  border-radius: 6px;
+  background: var(--editor-bg-default);
+  color: var(--editor-text-default);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+  font-size: 15px;
+  line-height: 1;
+  box-shadow: var(--editor-shadow-sm);
+  opacity: 0;
+  animation: table-side-controls-appear 140ms ease-out forwards;
+  transition: background-color var(--editor-transition-fast),
+    color var(--editor-transition-fast),
+    box-shadow var(--editor-transition-fast);
+}
+
+.table-side-controls-add-column:hover {
+  background: var(--editor-bg-subtle);
+}
+
+.table-side-controls-add-row {
+  position: fixed;
+  z-index: 20;
+  height: 26px;
+  border: 1px solid var(--editor-border-default);
+  border-radius: 6px;
+  background: var(--editor-bg-default);
+  color: var(--editor-text-default);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+  font-size: 15px;
+  line-height: 1;
+  box-shadow: var(--editor-shadow-sm);
+  opacity: 0;
+  animation: table-side-controls-appear-row 140ms ease-out forwards;
+  transition: background-color var(--editor-transition-fast),
+    color var(--editor-transition-fast),
+    box-shadow var(--editor-transition-fast);
+}
+
+.table-side-controls-add-row:hover {
+  background: var(--editor-bg-subtle);
+}
+
+@keyframes table-side-controls-appear {
+  from {
+    opacity: 0;
+    transform: translateX(-4px);
+  }
+  to {
+    opacity: 1;
+    transform: translateX(0);
+  }
+}
+
+@keyframes table-side-controls-appear-row {
+  from {
+    opacity: 0;
+    transform: translateY(-4px);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+
+@keyframes table-side-controls-cell-action-appear {
+  from {
+    opacity: 0;
+    transform: translate(-2px, -50%);
+  }
+  to {
+    opacity: 1;
+    transform: translate(0, -50%);
+  }
+}
+
 .ProseMirror img {
   max-width: 100%;
   height: auto;
@@ -1036,5 +1313,6 @@
   height: 0;
   pointer-events: none;
 }
+
 ._wrapper_ctoxj_2 .ProseMirror{max-width:none;min-height:0;font-size:.875rem;line-height:1rem;font-family:var(--font-sans);background:0 0;outline:none;margin:0;padding:.375rem .75rem}._wrapper_ctoxj_2{min-height:2.5rem}._wrapper_ctoxj_2 .ProseMirror p,._wrapper_ctoxj_2 .ProseMirror li,._wrapper_ctoxj_2 .ProseMirror blockquote,._wrapper_ctoxj_2 .ProseMirror code,._wrapper_ctoxj_2 .ProseMirror strong,._wrapper_ctoxj_2 .ProseMirror em,._wrapper_ctoxj_2 .ProseMirror u{margin:.5rem 0;font-size:.9rem;line-height:1rem}._wrapper_ctoxj_2 .ProseMirror h1{margin:.375rem 0 .25rem;font-size:1.125rem;font-weight:600;line-height:1.35}._wrapper_ctoxj_2 .ProseMirror h2{margin:.375rem 0 .25rem;font-size:1.05rem;font-weight:600;line-height:1.35}._wrapper_ctoxj_2 .ProseMirror h3{margin:.35rem 0 .2rem;font-size:.95rem;font-weight:600;line-height:1.3}._wrapper_ctoxj_2 .ProseMirror h4{margin:.3rem 0 .15rem;font-size:.875rem;font-weight:600;line-height:1.3}._wrapper_ctoxj_2 .ProseMirror h5,._wrapper_ctoxj_2 .ProseMirror h6{margin:.25rem 0;font-size:.875rem;font-weight:600;line-height:1.25}._wrapper_ctoxj_2 .ProseMirror p{margin:.125rem 0}._wrapper_ctoxj_2 .ProseMirror ul,._wrapper_ctoxj_2 .ProseMirror ol{margin:.25rem 0;padding-left:1.25rem}._wrapper_ctoxj_2 .ProseMirror li{margin:0}._wrapper_ctoxj_2 .ProseMirror blockquote{border-left-width:2px;margin:.25rem 0;padding-left:.75rem}._wrapper_ctoxj_2 .ProseMirror code{font-size:.8125rem}._wrapper_ctoxj_2 .ProseMirror .is-description-editor-empty:before{content:attr(data-placeholder);float:left;pointer-events:none;height:0;color:var(--color-muted-foreground);font-size:.9rem}
 /*$vite$:1*/