@kopexa/theme 17.22.6 → 17.22.9

package/dist/editor.css

@@ -585,255 +585,176 @@
 /* =====================
    TABLE
    ===================== */
-.tiptap.ProseMirror {
-	.table-wrapper {
-		overflow-x: auto;
-		width: fit-content;
-		max-width: 100%;
-		margin-top: 0.5rem;
-		margin-bottom: 1rem;
-	}
-
-	table {
-		border-collapse: collapse;
-		border-style: solid;
-		border-width: 1px;
-		border-color: var(--color-border);
-		width: 100%;
-		table-layout: fixed;
-	}
-
-	td,
-	th {
-		border-style: solid;
-		border-width: 1px;
-		border-color: var(--color-border);
-		min-width: 100px;
-		padding: 0.5rem;
-		text-align: left;
-		vertical-align: top;
-		box-sizing: border-box;
-		position: relative;
-		transition: background-color 0.3s ease;
-
-		&:first-of-type:not(a) {
-			margin-top: 0;
-		}
-
-		p {
-			margin: 0 !important;
 
-			&+p {
-				margin-top: 0.75rem !important;
-			}
-		}
+.ProseMirror .tableWrapper {
+  overflow-x: auto;
+}
 
-		>* {
-			margin-bottom: 0;
-		}
-	}
 
-	th {
-		font-weight: 500;
-		text-align: start;
-	}
+.ProseMirror table {
+  border-collapse: collapse;
+  table-layout: fixed;
+  width: 100%;
+  overflow: hidden;
+}
 
-	.column-resize-handle {
-		background-color: var(--tt-resize-handle-color);
-		position: absolute;
-		right: 0;
-		top: 0;
-		width: 2px;
-		height: 100%;
-		z-index: 5;
-		pointer-events: none;
-	}
+.ProseMirror td,
+.ProseMirror th {
+  vertical-align: top;
+  box-sizing: border-box;
+  position: relative;
+}
 
-	.selectedCell {
-		border-style: double;
-		border-color: var(--tt-selection-color-border);
-		background-color: var(--tt-selection-color);
-	}
 
-	/** Grip Column, Cell Column */
-	.grip-column,
-	.grip-row {
-		display: flex;
-		justify-content: center;
-		align-items: center;
-		position: absolute;
-		z-index: 10;
-		cursor: pointer;
-		background-color: rgba(0, 0, 0, .05);
-	}
+.ProseMirror td:not([data-colwidth]):not(.column-resize-dragging),
+.ProseMirror th:not([data-colwidth]):not(.column-resize-dragging) {
+  /* if there's no explicit width set and the column is not being resized, set a default width */
+  min-width: var(--default-cell-min-width);
+}
 
-	.grip-column {
-		width: calc(100% - 1px);
-		border-left-width: 1px;
-		border-left-color: rgba(0, 0, 0, .2);
-		height: .75rem;
-		left: 0;
-		margin-left: -1px;
-		top: -.75rem;
-
-		&:hover,
-		&.selected {
-			&::before {
-				content: '';
-				width: .625rem;
-			}
-		}
+.ProseMirror.resize-cursor {
+  cursor: ew-resize;
+  cursor: col-resize;
+}
+/* Give selected cells a blue overlay */
+.ProseMirror .selectedCell:after {
+  z-index: 2;
+  position: absolute;
+  content: "";
+  left: 0;
+  right: 0;
+  top: 0;
+  bottom: 0;
+  background: rgba(40, 137, 207, 0.4);
+  pointer-events: none;
+}
 
-		&:hover {
-			background-color: rgba(0, 0, 0, .1);
+:root {
+  --tt-table-cell-padding: 0.5rem;
+  --tt-table-margin-block: 1.25rem;
 
-			&::before {
-				border-bottom-width: 2px;
-				border-style: dotted;
-				border-color: rgba(0, 0, 0, .60);
-			}
-		}
+  --tt-table-pad-block-start: 1rem; /* 8px */
+  --tt-table-pad-block-end: 1.5rem; /* 24px */
+  --tt-table-pad-inline-start: 1rem; /* 8px */
+  --tt-table-pad-inline-end: 1.5rem; /* 24px */
 
-		&.first {
-			border-color: transparent;
-			border-top-left-radius: .125rem;
-		}
+  --tt-table-column-resize-handle-bg: var(--color-primary-400);
+}
 
-		&.last {
-			border-top-right-radius: .125rem;
-		}
+.tiptap [data-content-type="table"] {
+  margin-block: var(--tt-table-margin-block);
+}
 
-		&.selected {
-			--tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05);
-			--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
-			background-color: rgba(0, 0, 0, .30);
-			border-color: rgba(0, 0, 0, .30);
-			box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 
-			&::before {
-				border-bottom-width: 2px;
-				border-style: dotted;
-			}
-		}
-	}
+.tiptap [data-content-type="table"] .tableWrapper {
+  padding-block-start: var(--tt-table-pad-block-start);
+  padding-inline-start: var(--tt-table-pad-inline-start);
+  padding-inline-end: var(--tt-table-pad-inline-end);
+  padding-block-end: var(--tt-table-pad-block-end);
+  margin-left: -1rem;
+  overflow-y: hidden;
+  position: relative;
+  width: 100%;
+}
 
-	.grip-row {
-		height: calc(100% + 1px);
-		border-top-width: 1px;
-		border-color: rgba(0, 0, 0, .2);
-		left: -.75rem;
-		width: .75rem;
-		margin-top: -1px;
-		top: 0;
-
-		&:hover,
-		&.selected {
-			&::before {
-				content: '';
-				height: .625rem;
-			}
-		}
 
-		&:hover {
-			background-color: rgba(0, 0, 0, .1);
+.tiptap table {
+  width: auto !important;
+  word-break: break-word;
+}
 
-			&::before {
-				border-left-width: 2px;
-				border-style: dotted;
-				border-color: rgba(0, 0, 0, .60);
-			}
-		}
+.tiptap th,
+.tiptap td {
+  border: 1px solid var(--color-border);
+  padding: var(--tt-table-cell-padding);
+}
 
-		&.first {
-			border-color: transparent;
-			border-top-left-radius: .125rem;
-		}
 
-		&.last {
-			border-bottom-left-radius: .125rem;
-		}
+.tiptap table th {
+  background-color: var(--color-muted);
+  font-weight: 600;
+  text-align: left;
+}
 
-		&.selected {
-			background-color: rgba(0, 0, 0, .30);
-			border-color: rgba(0, 0, 0, .30);
-			box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+.ProseMirror .column-resize-handle {
+  position: absolute;
+  top: 0;
+  right: 0;
+  width: 2px;
+  margin-inline-start: -1px;
+  margin-top: -1px;
+  height: calc(100% + 2px);
+  background: var(--tt-table-column-resize-handle-bg);
+  cursor: col-resize;
+  transition: background 150ms 50ms;
+  z-index: 1;
+  pointer-events: auto;
+}
 
-			&::before {
-				border-left-width: 2px;
-			}
-		}
-	}
+/* ================================================================================================
+ * TABLE CELL ALIGNMENT STYLES
+ * ================================================================================================ */
 
-	table {
+.tiptap [data-content-type="table"] td[data-text-align="left"],
+.tiptap [data-content-type="table"] th[data-text-align="left"] {
+  text-align: left;
+}
 
-		tr[background="none"],
-		tr:not([background]) {
-			th {
-				background-color: var(--color-muted);
-			}
-		}
-	}
+.tiptap [data-content-type="table"] td[data-text-align="center"],
+.tiptap [data-content-type="table"] th[data-text-align="center"] {
+  text-align: center;
+}
 
-	.table-controls {
-		position: absolute;
-	}
+.tiptap [data-content-type="table"] td[data-text-align="right"],
+.tiptap [data-content-type="table"] th[data-text-align="right"] {
+  text-align: right;
+}
 
-	.table-wrapper .table-controls .columns-control,
-	.table-wrapper .table-controls .rows-control {
-		transition: opacity ease-in 100ms;
-		position: absolute;
-		z-index: 5;
-		display: flex;
-		justify-content: center;
-		align-items: center;
-	}
+.tiptap [data-content-type="table"] td[data-text-align="justify"],
+.tiptap [data-content-type="table"] th[data-text-align="justify"] {
+  text-align: justify;
+}
 
-	.table-wrapper .table-controls .columns-control {
-		height: 20px;
-		transform: translateY(-50%);
-	}
+.tiptap [data-content-type="table"] td[data-vertical-align="top"],
+.tiptap [data-content-type="table"] th[data-vertical-align="top"] {
+  vertical-align: top;
+}
 
-	.table-wrapper .table-controls .columns-control .columns-control-div {
-		color: white;
-		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath fill='%238F95B2' d='M4.5 10.5c-.825 0-1.5.675-1.5 1.5s.675 1.5 1.5 1.5S6 12.825 6 12s-.675-1.5-1.5-1.5zm15 0c-.825 0-1.5.675-1.5 1.5s.675 1.5 1.5 1.5S21 12.825 21 12s-.675-1.5-1.5-1.5zm-7.5 0c-.825 0-1.5.675-1.5 1.5s.675 1.5 1.5 1.5 1.5-.675 1.5-1.5-.675-1.5-1.5-1.5z'/%3E%3C/svg%3E");
-		width: 30px;
-		height: 15px;
-	}
+.tiptap [data-content-type="table"] td[data-vertical-align="middle"],
+.tiptap [data-content-type="table"] th[data-vertical-align="middle"] {
+  vertical-align: middle;
+}
 
-	.table-wrapper .table-controls .rows-control {
-		width: 20px;
-		transform: translateX(-50%);
-		left: -8px;
-	}
+.tiptap [data-content-type="table"] td[data-vertical-align="bottom"],
+.tiptap [data-content-type="table"] th[data-vertical-align="bottom"] {
+  vertical-align: bottom;
+}
 
-	.table-wrapper .table-controls .rows-control .rows-control-div {
-		color: white;
-		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath fill='%238F95B2' d='M12 3c-.825 0-1.5.675-1.5 1.5S11.175 6 12 6s1.5-.675 1.5-1.5S12.825 3 12 3zm0 15c-.825 0-1.5.675-1.5 1.5S11.175 21 12 21s1.5-.675 1.5-1.5S12.825 18 12 18zm0-7.5c-.825 0-1.5.675-1.5 1.5s.675 1.5 1.5 1.5 1.5-.675 1.5-1.5-.675-1.5-1.5-1.5z'/%3E%3C/svg%3E");
-		height: 30px;
-		width: 15px;
-	}
+/* tiptap uses colwidth instead of data-colwidth, se we need to adjust this style from prosemirror-tables */
+.ProseMirror td,
+.ProseMirror th {
+  min-width: auto !important;
+}
+.ProseMirror td:not([colwidth]):not(.column-resize-dragging),
+.ProseMirror th:not([colwidth]):not(.column-resize-dragging) {
+  /* if there's no explicit width set and the column is not being resized, set a default width */
+  min-width: var(--default-cell-min-width) !important;
+}
 
-	.table-wrapper .table-controls .rows-control-div,
-	.table-wrapper .table-controls .columns-control-div {
-		border: 1px solid var(--color-border);
-		background-color: var(--color-muted);
-		box-shadow: var(--shadow-sm);
-		border-radius: 4px;
-		background-size: 1.25rem;
-		background-repeat: no-repeat;
-		background-position: center;
-		transition:
-			transform ease-out 100ms,
-			background-color ease-out 100ms;
-		outline: none;
-		cursor: pointer;
-	}
+.tiptap-table-dropcursor {
+  position: absolute;
+  z-index: 20;
+  background-color: var(--tt-table-column-resize-handle-bg);
+  pointer-events: none;
+}
 
-	.resize-cursor .table-wrapper .table-controls .rows-control,
-	.table-wrapper.controls--disabled .table-controls .rows-control,
-	.resize-cursor .table-wrapper .table-controls .columns-control,
-	.table-wrapper.controls--disabled .table-controls .columns-control {
-		opacity: 0;
-		pointer-events: none;
-	}
+.table-cell-dragging-source {
+  z-index: 2;
+  position: absolute;
+  content: "";
+  left: 0;
+  right: 0;
+  top: 0;
+  bottom: 0;
+  background: rgba(40, 137, 207, 0.4);
 }

package/dist/index.d.mts

@@ -76,5 +76,6 @@ export { ToggleRowSlots, ToggleRowVariantProps, toggleRow } from './components/t
 export { ToolbarVariantProps, toolbar } from './components/toolbar.mjs';
 export { TooltipVariants, tooltip } from './components/tooltip.mjs';
 export { VariableNodeVariants, variableNode } from './components/variable-node.mjs';
+export { extensionTableHandleMenuContent, tableCellHandleMenu } from './components/extension-table.mjs';
 export { SlotsToClasses } from './utils/types.mjs';
 import 'tailwind-merge';

package/dist/index.d.ts

@@ -76,5 +76,6 @@ export { ToggleRowSlots, ToggleRowVariantProps, toggleRow } from './components/t
 export { ToolbarVariantProps, toolbar } from './components/toolbar.js';
 export { TooltipVariants, tooltip } from './components/tooltip.js';
 export { VariableNodeVariants, variableNode } from './components/variable-node.js';
+export { extensionTableHandleMenuContent, tableCellHandleMenu } from './components/extension-table.js';
 export { SlotsToClasses } from './utils/types.js';
 import 'tailwind-merge';

package/dist/index.js

@@ -50,6 +50,7 @@ __export(index_exports, {
   editableText: () => editableText,
   editorBasic: () => editorBasic,
   editorSpinner: () => editorSpinner,
+  extensionTableHandleMenuContent: () => extensionTableHandleMenuContent,
   filter: () => filter,
   frameworkRow: () => frameworkRow,
   heading: () => heading,
@@ -93,6 +94,7 @@ __export(index_exports, {
   switchVariants: () => switchVariants,
   tabNav: () => tabNav,
   table: () => table,
+  tableCellHandleMenu: () => tableCellHandleMenu,
   tabs: () => tabs,
   textarea: () => textarea,
   toc: () => toc,
@@ -2363,18 +2365,18 @@ var import_tailwind_variants27 = require("tailwind-variants");
 var dropdownMenu = (0, import_tailwind_variants27.tv)({
   slots: {
     root: "",
-    content: "min-w-[8rem] bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 max-h-(--radix-dropdown-menu-content-available-height) origin-(--radix-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border p-1 shadow-md",
+    content: "min-w-32 bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 max-h-(--radix-dropdown-menu-content-available-height) origin-(--radix-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border p-1 shadow-md",
     item: "focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:!text-destructive [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
     checkboxItem: "focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
     iconWrapper: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center",
     icon: "size-4",
     radioItem: "focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
     radioItemIcon: "size-4 fill-current",
-    label: "px-2 py-1.5 text-sm font-medium data-[inset]:pl-8",
+    label: "px-2 py-1.5 text-sm font-medium data-inset:pl-8",
     separator: "bg-border -mx-1 my-1 h-px",
     shortcut: "text-muted-foreground ml-auto text-xs tracking-widest",
-    subTrigger: "focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[inset]:pl-8",
-    subTriggerIcon: "size-4 ml-auto",
+    subTrigger: "focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+    subTriggerIcon: "!text-muted-foreground !size-4 ml-auto",
     subContent: "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-lg"
   }
 });
@@ -2965,7 +2967,7 @@ var imagePlaceholder = (0, import_tailwind_variants37.tv)({
       "rounded-lg border-2 border-dashed",
       "transition-colors cursor-pointer"
     ],
-    content: "flex flex-col items-center gap-2 pointer-events-none",
+    content: "flex flex-col items-center gap-2",
     icon: "text-muted-foreground",
     text: "text-muted-foreground",
     hint: "text-muted-foreground",
@@ -2994,7 +2996,8 @@ var imagePlaceholder = (0, import_tailwind_variants37.tv)({
     },
     variant: {
       default: {
-        root: "border-border bg-muted/20 hover:border-primary/50 hover:bg-muted/40"
+        root: "border-border bg-muted/20 hover:border-primary/50 hover:bg-muted/40",
+        content: "pointer-events-none"
       },
       error: {
         root: "border-destructive/50 bg-destructive/10 cursor-default",
@@ -3002,10 +3005,12 @@ var imagePlaceholder = (0, import_tailwind_variants37.tv)({
         text: "text-destructive"
       },
       disabled: {
-        root: "border-border bg-muted/10 cursor-not-allowed opacity-60"
+        root: "border-border bg-muted/10 cursor-not-allowed opacity-60",
+        content: "pointer-events-none"
       },
       uploading: {
-        root: "border-border bg-muted/30 cursor-wait"
+        root: "border-border bg-muted/30 cursor-wait",
+        content: "pointer-events-none"
       }
     }
   },
@@ -5067,6 +5072,73 @@ var variableNode = (0, import_tailwind_variants77.tv)({
     resolved: false
   }
 });
+
+// src/components/extension-table.ts
+var import_tailwind_variants78 = require("tailwind-variants");
+var extensionTableHandleMenuContent = (0, import_tailwind_variants78.tv)({
+  slots: {
+    root: [
+      "flex items-center justify-center bg-muted cursor-grab rounded-md",
+      // orientation=column
+      "data-[orientation=column]:w-(--table-handle-ref-width) data-[orientation=column]:h-3",
+      // orientation=row
+      "data-[orientation=row]:h-(--table-handle-ref-height) data-[orientation=row]:w-3",
+      // dragging state
+      "data-[dragging=true]:cursor-grabbing data-[dragging=true]:bg-primary data-[dragging=true]:text-primary-foreground",
+      // menu open
+      "data-[open=true]:bg-primary data-[open=true]:text-primary-foreground"
+    ],
+    icon: "size-4 shrink-0 data-[orientation=column]:rotate-90"
+  }
+});
+var tableCellHandleMenu = (0, import_tailwind_variants78.tv)({
+  slots: {
+    trigger: [
+      "group",
+      // positioning
+      "absolute top-1/2 -right-2 -translate-y-1/2",
+      // sizing & appearance
+      "size-4 bg-transparent rounded-full cursor-pointer",
+      "flex items-center justify-center",
+      "pointer-events-auto",
+      // ::before pseudo-element (the expanding dot)
+      "before:content-[''] before:absolute before:top-1/2 before:-translate-y-1/2",
+      "before:right-0.75 before:size-2",
+      "before:bg-primary before:rounded-full",
+      "before:transition-[width,height,right,background-color] before:duration-[50ms]",
+      // hover (hover-capable devices): dot expands
+      "[@media(hover:hover)]:hover:before:size-4 [@media(hover:hover)]:hover:before:right-0",
+      // focus-visible: dot expands + outline
+      "focus-visible:before:size-4 focus-visible:before:right-0",
+      "focus-visible:outline-2 focus-visible:outline-primary focus-visible:outline-offset-2",
+      // open state: dot expands
+      "data-[open=true]:before:size-4 data-[open=true]:before:right-0",
+      // touch devices: always expanded
+      "[@media(hover:none)]:before:size-4 [@media(hover:none)]:before:right-0",
+      // disabled
+      "disabled:cursor-not-allowed disabled:opacity-50",
+      "disabled:before:bg-default-300",
+      // reduced motion
+      "motion-reduce:before:transition-none"
+    ],
+    icon: [
+      "relative z-1 size-4 text-white",
+      "opacity-0 scale-[0.9]",
+      "pointer-events-none shrink-0",
+      "transition-[opacity,transform] duration-50",
+      // hover (hover-capable devices)
+      "[@media(hover:hover)]:group-hover:opacity-100 [@media(hover:hover)]:group-hover:scale-100",
+      // focus-visible
+      "group-focus-visible:opacity-100 group-focus-visible:scale-100",
+      // open state
+      "group-data-[open=true]:opacity-100 group-data-[open=true]:scale-100",
+      // touch devices: always visible
+      "[@media(hover:none)]:opacity-100 [@media(hover:none)]:scale-100",
+      // reduced motion
+      "motion-reduce:transition-none"
+    ]
+  }
+});
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   accordion,
@@ -5099,6 +5171,7 @@ var variableNode = (0, import_tailwind_variants77.tv)({
   editableText,
   editorBasic,
   editorSpinner,
+  extensionTableHandleMenuContent,
   filter,
   frameworkRow,
   heading,
@@ -5142,6 +5215,7 @@ var variableNode = (0, import_tailwind_variants77.tv)({
   switchVariants,
   tabNav,
   table,
+  tableCellHandleMenu,
   tabs,
   textarea,
   toc,