@kopexa/theme 17.22.7 → 17.22.9

package/dist/components/index.mjs

@@ -1,13 +1,4 @@
-import "../chunk-T3C4PJPS.mjs";
-import {
-  tabs
-} from "../chunk-I6M4S2KZ.mjs";
-import {
-  textarea
-} from "../chunk-ARLLAC5V.mjs";
-import {
-  toc
-} from "../chunk-ODC3GJTR.mjs";
+import "../chunk-EWID76V7.mjs";
 import {
   toggleRow
 } from "../chunk-F7MJHRZX.mjs";
@@ -20,15 +11,6 @@ import {
 import {
   variableNode
 } from "../chunk-EKOZ2ZVU.mjs";
-import {
-  slashDropdownMenu
-} from "../chunk-U4BRPFG2.mjs";
-import {
-  spinner
-} from "../chunk-4UDOCFU5.mjs";
-import {
-  splitPageLayout
-} from "../chunk-B5JVXVSG.mjs";
 import {
   standardChip
 } from "../chunk-XQZL7LCP.mjs";
@@ -45,14 +27,14 @@ import {
   table
 } from "../chunk-YC2FQDBV.mjs";
 import {
-  riskRating
-} from "../chunk-CNYKIUVC.mjs";
+  tabs
+} from "../chunk-I6M4S2KZ.mjs";
 import {
-  scrollArea
-} from "../chunk-SPQE7K66.mjs";
+  textarea
+} from "../chunk-ARLLAC5V.mjs";
 import {
-  sectionRow
-} from "../chunk-CC225WUG.mjs";
+  toc
+} from "../chunk-ODC3GJTR.mjs";
 import {
   select
 } from "../chunk-KPVLNOO5.mjs";
@@ -66,19 +48,19 @@ import {
 } from "../chunk-2Z4QAY6O.mjs";
 import {
   skeletonAvatar
-} from "../chunk-7Q2RNHL5.mjs";
+} from "../chunk-RGZCKQNI.mjs";
 import {
   skeleton
 } from "../chunk-VNQEJU4P.mjs";
 import {
-  pageLayout
-} from "../chunk-OULAICSC.mjs";
+  slashDropdownMenu
+} from "../chunk-U4BRPFG2.mjs";
 import {
-  popover
-} from "../chunk-TQVRNEIH.mjs";
+  spinner
+} from "../chunk-4UDOCFU5.mjs";
 import {
-  previewCard
-} from "../chunk-GWRIERN6.mjs";
+  splitPageLayout
+} from "../chunk-B5JVXVSG.mjs";
 import {
   promptInput
 } from "../chunk-UCVBVFHQ.mjs";
@@ -95,11 +77,14 @@ import {
   riskIndicator
 } from "../chunk-CZMZHA7U.mjs";
 import {
-  inputWrapper
-} from "../chunk-VSVGOX3P.mjs";
+  riskRating
+} from "../chunk-CNYKIUVC.mjs";
 import {
-  integrationCard
-} from "../chunk-QOW6FLZ6.mjs";
+  scrollArea
+} from "../chunk-SPQE7K66.mjs";
+import {
+  sectionRow
+} from "../chunk-CC225WUG.mjs";
 import {
   kbd
 } from "../chunk-BETLBSSF.mjs";
@@ -116,14 +101,14 @@ import {
   pageHeader
 } from "../chunk-HAVJ6EQ6.mjs";
 import {
-  frameworkRow
-} from "../chunk-TPFAZH22.mjs";
+  pageLayout
+} from "../chunk-OULAICSC.mjs";
 import {
-  heading
-} from "../chunk-NWKBPO37.mjs";
+  popover
+} from "../chunk-TQVRNEIH.mjs";
 import {
-  hoverCard
-} from "../chunk-UTCVHVWF.mjs";
+  previewCard
+} from "../chunk-GWRIERN6.mjs";
 import {
   imageCrop
 } from "../chunk-GMFZLUU4.mjs";
@@ -137,23 +122,21 @@ import {
   inputGroup
 } from "../chunk-HWEYNK3O.mjs";
 import {
-  drawer
-} from "../chunk-7V3NMVQH.mjs";
-import {
-  dialog
-} from "../chunk-OJDCD74N.mjs";
-import {
-  dropdownMenu
-} from "../chunk-3PCDCW7G.mjs";
+  inputWrapper
+} from "../chunk-VSVGOX3P.mjs";
 import {
-  editableText
-} from "../chunk-GZJAA5RZ.mjs";
+  integrationCard
+} from "../chunk-QOW6FLZ6.mjs";
 import {
   editorBasic
 } from "../chunk-LPNA4ATD.mjs";
 import {
   editorSpinner
 } from "../chunk-TVC4THD6.mjs";
+import {
+  extensionTableHandleMenuContent,
+  tableCellHandleMenu
+} from "../chunk-WQLVUMHF.mjs";
 import {
   avatarUpload
 } from "../chunk-QGL2OK4B.mjs";
@@ -161,17 +144,14 @@ import {
   filter
 } from "../chunk-GT463S76.mjs";
 import {
-  colorHighlightButton
-} from "../chunk-CPERWXKN.mjs";
-import {
-  combobox
-} from "../chunk-3T7EOMXR.mjs";
+  frameworkRow
+} from "../chunk-TPFAZH22.mjs";
 import {
-  command
-} from "../chunk-YPHFKGNI.mjs";
+  heading
+} from "../chunk-NWKBPO37.mjs";
 import {
-  complianceBadge
-} from "../chunk-RZ45NVOH.mjs";
+  hoverCard
+} from "../chunk-UTCVHVWF.mjs";
 import {
   controlExtension
 } from "../chunk-M4TXKRUU.mjs";
@@ -185,17 +165,17 @@ import {
   dataTable
 } from "../chunk-GNYTZGE5.mjs";
 import {
-  breadcrumb
-} from "../chunk-W6TZSSAU.mjs";
+  drawer
+} from "../chunk-7V3NMVQH.mjs";
 import {
-  button
-} from "../chunk-OTETLRUE.mjs";
+  dialog
+} from "../chunk-OJDCD74N.mjs";
 import {
-  calendar
-} from "../chunk-JWF5ABNP.mjs";
+  dropdownMenu
+} from "../chunk-BWUVMOSV.mjs";
 import {
-  callout
-} from "../chunk-A3F4CV54.mjs";
+  editableText
+} from "../chunk-GZJAA5RZ.mjs";
 import {
   card
 } from "../chunk-5YHTCPJL.mjs";
@@ -209,14 +189,17 @@ import {
   code
 } from "../chunk-VQ2OAHGP.mjs";
 import {
-  accordion
-} from "../chunk-AEWKHJEI.mjs";
+  colorHighlightButton
+} from "../chunk-CPERWXKN.mjs";
 import {
-  alertDialog
-} from "../chunk-XGUDXC5P.mjs";
+  combobox
+} from "../chunk-3T7EOMXR.mjs";
 import {
-  auditInfo
-} from "../chunk-CPAF7VNM.mjs";
+  command
+} from "../chunk-YPHFKGNI.mjs";
+import {
+  complianceBadge
+} from "../chunk-RZ45NVOH.mjs";
 import {
   autocomplete
 } from "../chunk-OHZBQRA4.mjs";
@@ -229,12 +212,33 @@ import {
 } from "../chunk-XCLEKBCJ.mjs";
 import {
   avatar
-} from "../chunk-D5FKEY7B.mjs";
-import "../chunk-7T563RF7.mjs";
-import "../chunk-6IZPAS4O.mjs";
+} from "../chunk-VPA2TZYQ.mjs";
 import {
   blankstate
 } from "../chunk-DICHD74Q.mjs";
+import {
+  breadcrumb
+} from "../chunk-W6TZSSAU.mjs";
+import {
+  button
+} from "../chunk-GNJCCXFJ.mjs";
+import {
+  calendar
+} from "../chunk-JWF5ABNP.mjs";
+import {
+  callout
+} from "../chunk-A3F4CV54.mjs";
+import "../chunk-6IZPAS4O.mjs";
+import "../chunk-7T563RF7.mjs";
+import {
+  accordion
+} from "../chunk-AEWKHJEI.mjs";
+import {
+  alertDialog
+} from "../chunk-XGUDXC5P.mjs";
+import {
+  auditInfo
+} from "../chunk-CPAF7VNM.mjs";
 export {
   accordion,
   alertDialog,
@@ -266,6 +270,7 @@ export {
   editableText,
   editorBasic,
   editorSpinner,
+  extensionTableHandleMenuContent,
   filter,
   frameworkRow,
   heading,
@@ -309,6 +314,7 @@ export {
   switchVariants,
   tabNav,
   table,
+  tableCellHandleMenu,
   tabs,
   textarea,
   toc,

package/dist/components/skeleton-avatar.mjs

@@ -1,9 +1,9 @@
 import {
   skeletonAvatar
-} from "../chunk-7Q2RNHL5.mjs";
-import "../chunk-D5FKEY7B.mjs";
-import "../chunk-7T563RF7.mjs";
+} from "../chunk-RGZCKQNI.mjs";
+import "../chunk-VPA2TZYQ.mjs";
 import "../chunk-6IZPAS4O.mjs";
+import "../chunk-7T563RF7.mjs";
 export {
   skeletonAvatar
 };

package/dist/editor.css

@@ -585,156 +585,176 @@
 /* =====================
    TABLE
    ===================== */
-.tiptap.ProseMirror {
-	.table-node-view {
-		position: relative;
-		width: fit-content;
-		max-width: 100%;
-		margin-top: 0.5rem;
-		margin-bottom: 1rem;
-		padding-top: 20px;
-		padding-left: 20px;
-	}
 
-	.table-wrapper {
-		overflow-x: auto;
-	}
+.ProseMirror .tableWrapper {
+  overflow-x: auto;
+}
 
-	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;
+.ProseMirror table {
+  border-collapse: collapse;
+  table-layout: fixed;
+  width: 100%;
+  overflow: hidden;
+}
 
-		&:first-of-type:not(a) {
-			margin-top: 0;
-		}
+.ProseMirror td,
+.ProseMirror th {
+  vertical-align: top;
+  box-sizing: border-box;
+  position: relative;
+}
 
-		p {
-			margin: 0 !important;
 
-			&+p {
-				margin-top: 0.75rem !important;
-			}
-		}
+.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);
+}
 
-		>* {
-			margin-bottom: 0;
-		}
-	}
+.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;
+}
 
-	th {
-		font-weight: 500;
-		text-align: start;
-		background-color: var(--color-muted);
-	}
+:root {
+  --tt-table-cell-padding: 0.5rem;
+  --tt-table-margin-block: 1.25rem;
 
-	td[data-align="center"],
-	th[data-align="center"] {
-		text-align: center;
-	}
+  --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 */
 
-	td[data-align="right"],
-	th[data-align="right"] {
-		text-align: right;
-	}
+  --tt-table-column-resize-handle-bg: var(--color-primary-400);
+}
 
-	.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;
-	}
+.tiptap [data-content-type="table"] {
+  margin-block: var(--tt-table-margin-block);
+}
 
-	.selectedCell {
-		border-style: double;
-		border-color: var(--tt-selection-color-border);
-		background-color: var(--tt-selection-color);
-	}
 
-	.table-controls {
-		position: absolute;
-		top: 0;
-		left: 0;
-		z-index: 10;
-	}
+.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%;
+}
 
-	.table-node-view .table-controls .columns-control,
-	.table-node-view .table-controls .rows-control {
-		transition: opacity ease-in 100ms;
-		position: absolute;
-		z-index: 5;
-		display: flex;
-		justify-content: center;
-		align-items: center;
-	}
 
-	.table-node-view .table-controls .columns-control {
-		height: 20px;
-		top: 0;
-	}
+.tiptap table {
+  width: auto !important;
+  word-break: break-word;
+}
 
-	.table-node-view .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 th,
+.tiptap td {
+  border: 1px solid var(--color-border);
+  padding: var(--tt-table-cell-padding);
+}
 
-	.table-node-view .table-controls .rows-control {
-		width: 20px;
-		left: 0;
-		top: 20px;
-	}
 
-	.table-node-view .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 table th {
+  background-color: var(--color-muted);
+  font-weight: 600;
+  text-align: left;
+}
 
-	.table-node-view .table-controls .rows-control-div,
-	.table-node-view .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;
-	}
+.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;
+}
 
-	.resize-cursor .table-node-view .table-controls .rows-control,
-	.table-node-view.controls--disabled .table-controls .rows-control,
-	.resize-cursor .table-node-view .table-controls .columns-control,
-	.table-node-view.controls--disabled .table-controls .columns-control {
-		opacity: 0;
-		pointer-events: none;
-	}
+/* ================================================================================================
+ * TABLE CELL ALIGNMENT STYLES
+ * ================================================================================================ */
+
+.tiptap [data-content-type="table"] td[data-text-align="left"],
+.tiptap [data-content-type="table"] th[data-text-align="left"] {
+  text-align: left;
+}
+
+.tiptap [data-content-type="table"] td[data-text-align="center"],
+.tiptap [data-content-type="table"] th[data-text-align="center"] {
+  text-align: center;
+}
+
+.tiptap [data-content-type="table"] td[data-text-align="right"],
+.tiptap [data-content-type="table"] th[data-text-align="right"] {
+  text-align: right;
+}
+
+.tiptap [data-content-type="table"] td[data-text-align="justify"],
+.tiptap [data-content-type="table"] th[data-text-align="justify"] {
+  text-align: justify;
+}
+
+.tiptap [data-content-type="table"] td[data-vertical-align="top"],
+.tiptap [data-content-type="table"] th[data-vertical-align="top"] {
+  vertical-align: top;
+}
+
+.tiptap [data-content-type="table"] td[data-vertical-align="middle"],
+.tiptap [data-content-type="table"] th[data-vertical-align="middle"] {
+  vertical-align: middle;
+}
+
+.tiptap [data-content-type="table"] td[data-vertical-align="bottom"],
+.tiptap [data-content-type="table"] th[data-vertical-align="bottom"] {
+  vertical-align: bottom;
+}
+
+/* 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;
+}
+
+.tiptap-table-dropcursor {
+  position: absolute;
+  z-index: 20;
+  background-color: var(--tt-table-column-resize-handle-bg);
+  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';