@dooherceg/tiptap-controlled-editor-with-table 0.0.2 → 0.0.4

package/dist/assets/simple-editor.css

@@ -1 +1 @@
-@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes zoomIn{0%{transform:scale(.95)}to{transform:scale(1)}}@keyframes zoomOut{0%{transform:scale(1)}to{transform:scale(.95)}}@keyframes zoom{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideFromTop{0%{transform:translateY(-.5rem)}to{transform:translateY(0)}}@keyframes slideFromRight{0%{transform:translate(.5rem)}to{transform:translate(0)}}@keyframes slideFromLeft{0%{transform:translate(-.5rem)}to{transform:translate(0)}}@keyframes slideFromBottom{0%{transform:translateY(.5rem)}to{transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:root{overflow-wrap:break-word;text-size-adjust:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--tt-gray-light-a-50: rgba(56, 56, 56, .04);--tt-gray-light-a-100: rgba(15, 22, 36, .05);--tt-gray-light-a-200: rgba(37, 39, 45, .1);--tt-gray-light-a-300: rgba(47, 50, 55, .2);--tt-gray-light-a-400: rgba(40, 44, 51, .42);--tt-gray-light-a-500: rgba(52, 55, 60, .64);--tt-gray-light-a-600: rgba(36, 39, 46, .78);--tt-gray-light-a-700: rgba(35, 37, 42, .87);--tt-gray-light-a-800: rgba(30, 32, 36, .95);--tt-gray-light-a-900: rgba(29, 30, 32, .98);--tt-gray-light-50: rgba(250, 250, 250, 1);--tt-gray-light-100: rgba(244, 244, 245, 1);--tt-gray-light-200: rgba(234, 234, 235, 1);--tt-gray-light-300: rgba(213, 214, 215, 1);--tt-gray-light-400: rgba(166, 167, 171, 1);--tt-gray-light-500: rgba(125, 127, 130, 1);--tt-gray-light-600: rgba(83, 86, 90, 1);--tt-gray-light-700: rgba(64, 65, 69, 1);--tt-gray-light-800: rgba(44, 45, 48, 1);--tt-gray-light-900: rgba(34, 35, 37, 1);--tt-gray-dark-a-50: rgba(232, 232, 253, .05);--tt-gray-dark-a-100: rgba(231, 231, 243, .07);--tt-gray-dark-a-200: rgba(238, 238, 246, .11);--tt-gray-dark-a-300: rgba(239, 239, 245, .22);--tt-gray-dark-a-400: rgba(244, 244, 255, .37);--tt-gray-dark-a-500: rgba(236, 238, 253, .5);--tt-gray-dark-a-600: rgba(247, 247, 253, .64);--tt-gray-dark-a-700: rgba(251, 251, 254, .75);--tt-gray-dark-a-800: rgba(253, 253, 253, .88);--tt-gray-dark-a-900: rgba(255, 255, 255, .96);--tt-gray-dark-50: rgba(25, 25, 26, 1);--tt-gray-dark-100: rgba(32, 32, 34, 1);--tt-gray-dark-200: rgba(45, 45, 47, 1);--tt-gray-dark-300: rgba(70, 70, 73, 1);--tt-gray-dark-400: rgba(99, 99, 105, 1);--tt-gray-dark-500: rgba(124, 124, 131, 1);--tt-gray-dark-600: rgba(163, 163, 168, 1);--tt-gray-dark-700: rgba(192, 192, 195, 1);--tt-gray-dark-800: rgba(224, 224, 225, 1);--tt-gray-dark-900: rgba(245, 245, 245, 1);--tt-brand-color-50: rgba(239, 238, 255, 1);--tt-brand-color-100: rgba(222, 219, 255, 1);--tt-brand-color-200: rgba(195, 189, 255, 1);--tt-brand-color-300: rgba(157, 138, 255, 1);--tt-brand-color-400: rgba(122, 82, 255, 1);--tt-brand-color-500: rgba(98, 41, 255, 1);--tt-brand-color-600: rgba(84, 0, 229, 1);--tt-brand-color-700: rgba(75, 0, 204, 1);--tt-brand-color-800: rgba(56, 0, 153, 1);--tt-brand-color-900: rgba(43, 25, 102, 1);--tt-brand-color-950: hsla(257, 100%, 9%, 1);--tt-brand-color-a-50: rgba(98, 41, 255, .04);--tt-brand-color-a-100: rgba(98, 41, 255, .06);--tt-brand-color-a-200: rgba(98, 41, 255, .11);--tt-brand-color-a-300: rgba(98, 41, 255, .22);--tt-brand-color-a-400: rgba(98, 41, 255, .37);--tt-brand-color-a-500: rgba(98, 41, 255, .5);--tt-brand-color-a-600: rgba(98, 41, 255, .64);--tt-brand-color-a-700: rgba(98, 41, 255, .75);--tt-brand-color-a-800: rgba(98, 41, 255, .88);--tt-brand-color-a-900: rgba(98, 41, 255, .96);--tt-color-green-inc-5: hsla(129, 100%, 97%, 1);--tt-color-green-inc-4: hsla(129, 100%, 92%, 1);--tt-color-green-inc-3: hsla(131, 100%, 86%, 1);--tt-color-green-inc-2: hsla(133, 98%, 78%, 1);--tt-color-green-inc-1: hsla(137, 99%, 70%, 1);--tt-color-green-base: hsla(147, 99%, 50%, 1);--tt-color-green-dec-1: hsla(147, 97%, 41%, 1);--tt-color-green-dec-2: hsla(146, 98%, 32%, 1);--tt-color-green-dec-3: hsla(146, 100%, 24%, 1);--tt-color-green-dec-4: hsla(144, 100%, 16%, 1);--tt-color-green-dec-5: hsla(140, 100%, 9%, 1);--tt-color-yellow-inc-5: hsla(50, 100%, 97%, 1);--tt-color-yellow-inc-4: hsla(50, 100%, 91%, 1);--tt-color-yellow-inc-3: hsla(50, 100%, 84%, 1);--tt-color-yellow-inc-2: hsla(50, 100%, 77%, 1);--tt-color-yellow-inc-1: hsla(50, 100%, 68%, 1);--tt-color-yellow-base: hsla(52, 100%, 50%, 1);--tt-color-yellow-dec-1: hsla(52, 100%, 41%, 1);--tt-color-yellow-dec-2: hsla(52, 100%, 32%, 1);--tt-color-yellow-dec-3: hsla(52, 100%, 24%, 1);--tt-color-yellow-dec-4: hsla(51, 100%, 16%, 1);--tt-color-yellow-dec-5: hsla(50, 100%, 9%, 1);--tt-color-red-inc-5: hsla(11, 100%, 96%, 1);--tt-color-red-inc-4: hsla(11, 100%, 88%, 1);--tt-color-red-inc-3: hsla(10, 100%, 80%, 1);--tt-color-red-inc-2: hsla(9, 100%, 73%, 1);--tt-color-red-inc-1: hsla(7, 100%, 64%, 1);--tt-color-red-base: hsla(7, 100%, 54%, 1);--tt-color-red-dec-1: hsla(7, 100%, 41%, 1);--tt-color-red-dec-2: hsla(5, 100%, 32%, 1);--tt-color-red-dec-3: hsla(4, 100%, 24%, 1);--tt-color-red-dec-4: hsla(3, 100%, 16%, 1);--tt-color-red-dec-5: hsla(1, 100%, 9%, 1);--white: rgba(255, 255, 255, 1);--black: rgba(14, 14, 17, 1);--transparent: rgba(255, 255, 255, 0);--tt-shadow-elevated-md: 0px 16px 48px 0px rgba(17, 24, 39, .04), 0px 12px 24px 0px rgba(17, 24, 39, .04), 0px 6px 8px 0px rgba(17, 24, 39, .02), 0px 2px 3px 0px rgba(17, 24, 39, .02);--tt-radius-xxs: .125rem;--tt-radius-xs: .25rem;--tt-radius-sm: .375rem;--tt-radius-md: .5rem;--tt-radius-lg: .75rem;--tt-radius-xl: 1rem;--tt-transition-duration-short: .1s;--tt-transition-duration-default: .2s;--tt-transition-duration-long: .64s;--tt-transition-easing-default: cubic-bezier(.46, .03, .52, .96);--tt-transition-easing-cubic: cubic-bezier(.65, .05, .36, 1);--tt-transition-easing-quart: cubic-bezier(.77, 0, .18, 1);--tt-transition-easing-circ: cubic-bezier(.79, .14, .15, .86);--tt-transition-easing-back: cubic-bezier(.68, -.55, .27, 1.55);--tt-accent-contrast: 8%;--tt-destructive-contrast: 8%;--tt-foreground-contrast: 8%}:root,:root *,:root :before,:root :after{box-sizing:border-box;transition:none var(--tt-transition-duration-default) var(--tt-transition-easing-default)}:root{--tt-bg-color: var(--white);--tt-border-color: var(--tt-gray-light-a-200);--tt-border-color-tint: var(--tt-gray-light-a-100);--tt-sidebar-bg-color: var(--tt-gray-light-100);--tt-scrollbar-color: var(--tt-gray-light-a-200);--tt-cursor-color: var(--tt-brand-color-500);--tt-selection-color: rgba(157, 138, 255, .2);--tt-card-bg-color: var(--white);--tt-card-border-color: var(--tt-gray-light-a-100);--tt-table-border-color: var(--tt-gray-light-900);--tt-table-header-bg-color: var(--tt-gray-light-200);--tt-table-header-text-color: var(--black);--tt-table-header-border-color: var(--tt-gray-light-900)}.dark{--tt-bg-color: var(--black);--tt-border-color: var(--tt-gray-dark-a-200);--tt-border-color-tint: var(--tt-gray-dark-a-100);--tt-sidebar-bg-color: var(--tt-gray-dark-100);--tt-scrollbar-color: var(--tt-gray-dark-a-200);--tt-cursor-color: var(--tt-brand-color-400);--tt-selection-color: rgba(122, 82, 255, .2);--tt-card-bg-color: var(--tt-gray-dark-50);--tt-card-border-color: var(--tt-gray-dark-a-50);--tt-shadow-elevated-md: 0px 16px 48px 0px rgba(0, 0, 0, .5), 0px 12px 24px 0px rgba(0, 0, 0, .24), 0px 6px 8px 0px rgba(0, 0, 0, .22), 0px 2px 3px 0px rgba(0, 0, 0, .12);--tt-table-border-color: var(--white);--tt-table-header-bg-color: var(--tt-gray-dark-700);--tt-table-header-text-color: var(--black);--tt-table-header-border-color: var(--white)}:root{--tt-color-text-gray: hsl(45, 2%, 46%);--tt-color-text-brown: hsl(19, 31%, 47%);--tt-color-text-orange: hsl(30, 89%, 45%);--tt-color-text-yellow: hsl(38, 62%, 49%);--tt-color-text-green: hsl(148, 32%, 39%);--tt-color-text-blue: hsl(202, 54%, 43%);--tt-color-text-purple: hsl(274, 32%, 54%);--tt-color-text-pink: hsl(328, 49%, 53%);--tt-color-text-red: hsl(2, 62%, 55%);--tt-color-text-gray-contrast: hsla(39, 26%, 26%, .15);--tt-color-text-brown-contrast: hsla(18, 43%, 69%, .35);--tt-color-text-orange-contrast: hsla(24, 73%, 55%, .27);--tt-color-text-yellow-contrast: hsla(44, 82%, 59%, .39);--tt-color-text-green-contrast: hsla(126, 29%, 60%, .27);--tt-color-text-blue-contrast: hsla(202, 54%, 59%, .27);--tt-color-text-purple-contrast: hsla(274, 37%, 64%, .27);--tt-color-text-pink-contrast: hsla(331, 60%, 71%, .27);--tt-color-text-red-contrast: hsla(8, 79%, 79%, .4)}.dark{--tt-color-text-gray: hsl(0, 0%, 61%);--tt-color-text-brown: hsl(18, 35%, 58%);--tt-color-text-orange: hsl(25, 53%, 53%);--tt-color-text-yellow: hsl(36, 54%, 55%);--tt-color-text-green: hsl(145, 32%, 47%);--tt-color-text-blue: hsl(202, 64%, 52%);--tt-color-text-purple: hsl(270, 55%, 62%);--tt-color-text-pink: hsl(329, 57%, 58%);--tt-color-text-red: hsl(1, 69%, 60%);--tt-color-text-gray-contrast: hsla(0, 0%, 100%, .09);--tt-color-text-brown-contrast: hsla(17, 45%, 50%, .25);--tt-color-text-orange-contrast: hsla(27, 82%, 53%, .2);--tt-color-text-yellow-contrast: hsla(35, 49%, 47%, .2);--tt-color-text-green-contrast: hsla(151, 55%, 39%, .2);--tt-color-text-blue-contrast: hsla(202, 54%, 43%, .2);--tt-color-text-purple-contrast: hsla(271, 56%, 60%, .18);--tt-color-text-pink-contrast: hsla(331, 67%, 58%, .22);--tt-color-text-red-contrast: hsla(0, 67%, 60%, .25)}:root{--tt-color-highlight-yellow: #fef9c3;--tt-color-highlight-green: #dcfce7;--tt-color-highlight-blue: #e0f2fe;--tt-color-highlight-purple: #f3e8ff;--tt-color-highlight-red: #ffe4e6;--tt-color-highlight-gray: rgb(248, 248, 247);--tt-color-highlight-brown: rgb(244, 238, 238);--tt-color-highlight-orange: rgb(251, 236, 221);--tt-color-highlight-pink: rgb(252, 241, 246);--tt-color-highlight-yellow-contrast: #fbe604;--tt-color-highlight-green-contrast: #c7fad8;--tt-color-highlight-blue-contrast: #ceeafd;--tt-color-highlight-purple-contrast: #e4ccff;--tt-color-highlight-red-contrast: #ffccd0;--tt-color-highlight-gray-contrast: rgba(84, 72, 49, .15);--tt-color-highlight-brown-contrast: rgba(210, 162, 141, .35);--tt-color-highlight-orange-contrast: rgba(224, 124, 57, .27);--tt-color-highlight-pink-contrast: rgba(225, 136, 179, .27)}.dark{--tt-color-highlight-yellow: #6b6524;--tt-color-highlight-green: #509568;--tt-color-highlight-blue: #6e92aa;--tt-color-highlight-purple: #583e74;--tt-color-highlight-red: #743e42;--tt-color-highlight-gray: rgb(47, 47, 47);--tt-color-highlight-brown: rgb(74, 50, 40);--tt-color-highlight-orange: rgb(92, 59, 35);--tt-color-highlight-pink: rgb(78, 44, 60);--tt-color-highlight-yellow-contrast: #58531e;--tt-color-highlight-green-contrast: #47855d;--tt-color-highlight-blue-contrast: #5e86a1;--tt-color-highlight-purple-contrast: #4c3564;--tt-color-highlight-red-contrast: #643539;--tt-color-highlight-gray-contrast: rgba(255, 255, 255, .094);--tt-color-highlight-brown-contrast: rgba(184, 101, 69, .25);--tt-color-highlight-orange-contrast: rgba(233, 126, 37, .2);--tt-color-highlight-pink-contrast: rgba(220, 76, 145, .22)}.tiptap.ProseMirror{--blockquote-bg-color: var(--tt-gray-light-900)}.dark .tiptap.ProseMirror{--blockquote-bg-color: var(--tt-gray-dark-900)}.tiptap.ProseMirror blockquote{position:relative;padding-left:1em;padding-top:.375em;padding-bottom:.375em;margin:1.5rem 0}.tiptap.ProseMirror blockquote p{margin-top:0}.tiptap.ProseMirror blockquote:before,.tiptap.ProseMirror blockquote.is-empty:before{position:absolute;bottom:0;left:0;top:0;height:100%;width:.25em;background-color:var(--blockquote-bg-color);content:"";border-radius:0}.tiptap.ProseMirror{--tt-inline-code-bg-color: var(--tt-gray-light-a-100);--tt-inline-code-text-color: var(--tt-gray-light-a-700);--tt-inline-code-border-color: var(--tt-gray-light-a-200);--tt-codeblock-bg: var(--tt-gray-light-a-50);--tt-codeblock-text: var(--tt-gray-light-a-800);--tt-codeblock-border: var(--tt-gray-light-a-200)}.dark .tiptap.ProseMirror{--tt-inline-code-bg-color: var(--tt-gray-dark-a-100);--tt-inline-code-text-color: var(--tt-gray-dark-a-700);--tt-inline-code-border-color: var(--tt-gray-dark-a-200);--tt-codeblock-bg: var(--tt-gray-dark-a-50);--tt-codeblock-text: var(--tt-gray-dark-a-800);--tt-codeblock-border: var(--tt-gray-dark-a-200)}.tiptap.ProseMirror code{background-color:var(--tt-inline-code-bg-color);color:var(--tt-inline-code-text-color);border:1px solid var(--tt-inline-code-border-color);font-family:JetBrains Mono NL,monospace;font-size:.875em;line-height:1.4;border-radius:6px/.375rem;padding:.1em .2em}.tiptap.ProseMirror pre{background-color:var(--tt-codeblock-bg);color:var(--tt-codeblock-text);border:1px solid var(--tt-codeblock-border);margin-top:1.5em;margin-bottom:1.5em;padding:1em;font-size:1rem;border-radius:6px/.375rem}.tiptap.ProseMirror pre code{background-color:transparent;border:none;border-radius:0;-webkit-text-fill-color:inherit;color:inherit}.tiptap.ProseMirror h1,.tiptap.ProseMirror h2,.tiptap.ProseMirror h3,.tiptap.ProseMirror h4{position:relative;color:inherit;font-style:inherit}.tiptap.ProseMirror h1:first-child,.tiptap.ProseMirror h1:first-of-type,.tiptap.ProseMirror h2:first-child,.tiptap.ProseMirror h2:first-of-type,.tiptap.ProseMirror h3:first-child,.tiptap.ProseMirror h3:first-of-type,.tiptap.ProseMirror h4:first-child,.tiptap.ProseMirror h4:first-of-type{margin-top:0}.tiptap.ProseMirror h1{font-size:1.5em;font-weight:700;margin-top:3em}.tiptap.ProseMirror h2{font-size:1.25em;font-weight:700;margin-top:2.5em}.tiptap.ProseMirror h3{font-size:1.125em;font-weight:600;margin-top:2em}.tiptap.ProseMirror h4{font-size:1em;font-weight:600;margin-top:2em}.tiptap.ProseMirror{--horizontal-rule-color: var(--tt-gray-light-a-200)}.dark .tiptap.ProseMirror{--horizontal-rule-color: var(--tt-gray-dark-a-200)}.tiptap.ProseMirror hr{border:none;height:1px;background-color:var(--horizontal-rule-color)}.tiptap.ProseMirror [data-type=horizontalRule]{margin-top:2.25em;margin-bottom:2.25em;padding-top:.75rem;padding-bottom:.75rem}.tiptap.ProseMirror img{max-width:100%;height:auto;display:block}.tiptap.ProseMirror>img:not([data-type=emoji] img){margin:2rem 0;outline:.125rem solid transparent;border-radius:var(--tt-radius-xs, .25rem)}.tiptap.ProseMirror img:not([data-type=emoji] img).ProseMirror-selectednode{outline-color:var(--tt-brand-color-500)}.tiptap.ProseMirror .tiptap-thread:has(>img){margin:2rem 0}.tiptap.ProseMirror .tiptap-thread:has(>img) img{outline:.125rem solid transparent;border-radius:var(--tt-radius-xs, .25rem)}.tiptap.ProseMirror .tiptap-thread img{margin:0}.tiptap.ProseMirror{--tt-checklist-bg-color: var(--tt-gray-light-a-100);--tt-checklist-bg-active-color: var(--tt-gray-light-a-900);--tt-checklist-border-color: var(--tt-gray-light-a-200);--tt-checklist-border-active-color: var(--tt-gray-light-a-900);--tt-checklist-check-icon-color: var(--white);--tt-checklist-text-active: var(--tt-gray-light-a-500)}.dark .tiptap.ProseMirror{--tt-checklist-bg-color: var(--tt-gray-dark-a-100);--tt-checklist-bg-active-color: var(--tt-gray-dark-a-900);--tt-checklist-border-color: var(--tt-gray-dark-a-200);--tt-checklist-border-active-color: var(--tt-gray-dark-a-900);--tt-checklist-check-icon-color: var(--black);--tt-checklist-text-active: var(--tt-gray-dark-a-500)}.tiptap.ProseMirror ol,.tiptap.ProseMirror ul{margin-top:1.5em;margin-bottom:1.5em;padding-left:1.5em}.tiptap.ProseMirror ol:first-child,.tiptap.ProseMirror ul:first-child{margin-top:0}.tiptap.ProseMirror ol:last-child,.tiptap.ProseMirror ul:last-child{margin-bottom:0}.tiptap.ProseMirror ol ol,.tiptap.ProseMirror ol ul,.tiptap.ProseMirror ul ol,.tiptap.ProseMirror ul ul{margin-top:0;margin-bottom:0}.tiptap.ProseMirror li p{margin-top:0;line-height:1.6}.tiptap.ProseMirror ol{list-style:decimal}.tiptap.ProseMirror ol ol{list-style:lower-alpha}.tiptap.ProseMirror ol ol ol{list-style:lower-roman}.tiptap.ProseMirror ul:not([data-type=taskList]){list-style:disc}.tiptap.ProseMirror ul:not([data-type=taskList]) ul{list-style:circle}.tiptap.ProseMirror ul:not([data-type=taskList]) ul ul{list-style:square}.tiptap.ProseMirror ul[data-type=taskList]{padding-left:.25em}.tiptap.ProseMirror ul[data-type=taskList] li{display:flex;flex-direction:row;align-items:flex-start}.tiptap.ProseMirror ul[data-type=taskList] li:not(:has(>p:first-child)){list-style-type:none}.tiptap.ProseMirror ul[data-type=taskList] li[data-checked=true]>div>p{opacity:.5;text-decoration:line-through}.tiptap.ProseMirror ul[data-type=taskList] li[data-checked=true]>div>p span{text-decoration:line-through}.tiptap.ProseMirror ul[data-type=taskList] li label{position:relative;padding-top:.375rem;padding-right:.5rem}.tiptap.ProseMirror ul[data-type=taskList] li label input[type=checkbox]{position:absolute;opacity:0;width:0;height:0}.tiptap.ProseMirror ul[data-type=taskList] li label span{display:block;width:1em;height:1em;border:1px solid var(--tt-checklist-border-color);border-radius:var(--tt-radius-xs, .25rem);position:relative;cursor:pointer;background-color:var(--tt-checklist-bg-color);transition:background-color 80ms ease-out,border-color 80ms ease-out}.tiptap.ProseMirror ul[data-type=taskList] li label span:before{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:.75em;height:.75em;background-color:var(--tt-checklist-check-icon-color);opacity:0;-webkit-mask:url(data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22currentColor%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M21.4142%204.58579C22.1953%205.36683%2022.1953%206.63317%2021.4142%207.41421L10.4142%2018.4142C9.63317%2019.1953%208.36684%2019.1953%207.58579%2018.4142L2.58579%2013.4142C1.80474%2012.6332%201.80474%2011.3668%202.58579%2010.5858C3.36683%209.80474%204.63317%209.80474%205.41421%2010.5858L9%2014.1716L18.5858%204.58579C19.3668%203.80474%2020.6332%203.80474%2021.4142%204.58579Z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E) center/contain no-repeat;mask:url(data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22currentColor%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M21.4142%204.58579C22.1953%205.36683%2022.1953%206.63317%2021.4142%207.41421L10.4142%2018.4142C9.63317%2019.1953%208.36684%2019.1953%207.58579%2018.4142L2.58579%2013.4142C1.80474%2012.6332%201.80474%2011.3668%202.58579%2010.5858C3.36683%209.80474%204.63317%209.80474%205.41421%2010.5858L9%2014.1716L18.5858%204.58579C19.3668%203.80474%2020.6332%203.80474%2021.4142%204.58579Z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E) center/contain no-repeat}.tiptap.ProseMirror ul[data-type=taskList] li label input[type=checkbox]:checked+span{background:var(--tt-checklist-bg-active-color);border-color:var(--tt-checklist-border-active-color)}.tiptap.ProseMirror ul[data-type=taskList] li label input[type=checkbox]:checked+span:before{opacity:1}.tiptap.ProseMirror ul[data-type=taskList] li div{flex:1 1 0%;min-width:0}.tiptap.ProseMirror{--tt-collaboration-carets-label: var(--tt-gray-light-900);--link-text-color: var(--tt-brand-color-500);--thread-text: var(--tt-gray-light-900);--placeholder-color: var(--tt-gray-light-a-400);--thread-bg-color: var(--tt-color-yellow-inc-2);--tiptap-ai-insertion-color: var(--tt-brand-color-600)}.dark .tiptap.ProseMirror{--tt-collaboration-carets-label: var(--tt-gray-dark-100);--link-text-color: var(--tt-brand-color-400);--thread-text: var(--tt-gray-dark-900);--placeholder-color: var(--tt-gray-dark-a-400);--thread-bg-color: var(--tt-color-yellow-dec-2);--tiptap-ai-insertion-color: var(--tt-brand-color-400)}.tiptap.ProseMirror>*{position:relative}.tiptap.ProseMirror{white-space:pre-wrap;outline:none;caret-color:var(--tt-cursor-color)}.tiptap.ProseMirror p:not(:first-child):not(td p):not(th p){font-size:1rem;line-height:1.6;font-weight:400;margin-top:20px}.tiptap.ProseMirror:not(.readonly):not(.ProseMirror-hideselection) ::selection{background-color:var(--tt-selection-color)}.tiptap.ProseMirror:not(.readonly):not(.ProseMirror-hideselection) .selection::selection{background:transparent}.tiptap.ProseMirror .selection{display:inline;background-color:var(--tt-selection-color)}.tiptap.ProseMirror .ProseMirror-selectednode:not(img):not(pre):not(.react-renderer){border-radius:var(--tt-radius-md);background-color:var(--tt-selection-color)}.tiptap.ProseMirror .ProseMirror-hideselection{caret-color:transparent}.tiptap.ProseMirror.resize-cursor{cursor:ew-resize;cursor:col-resize}.tiptap.ProseMirror a span{text-decoration:underline}.tiptap.ProseMirror s span{text-decoration:line-through}.tiptap.ProseMirror u span{text-decoration:underline}.tiptap.ProseMirror .tiptap-ai-insertion{color:var(--tiptap-ai-insertion-color)}.tiptap.ProseMirror .collaboration-carets__caret{border-right:1px solid transparent;border-left:1px solid transparent;pointer-events:none;margin-left:-1px;margin-right:-1px;position:relative;word-break:normal}.tiptap.ProseMirror .collaboration-carets__label{color:var(--tt-collaboration-carets-label);border-radius:.25rem;border-bottom-left-radius:0;font-size:.75rem;font-weight:600;left:-1px;line-height:1;padding:.125rem .375rem;position:absolute;top:-1.3em;-webkit-user-select:none;user-select:none;white-space:nowrap}.tiptap.ProseMirror [data-type=emoji] img{display:inline-block;width:1.25em;height:1.25em;cursor:text}.tiptap.ProseMirror a{color:var(--link-text-color);text-decoration:underline}.tiptap.ProseMirror [data-type=mention]{display:inline-block;color:var(--tt-brand-color-500)}.tiptap.ProseMirror .tiptap-thread.tiptap-thread--unresolved.tiptap-thread--inline{transition:color .2s ease-in-out,background-color .2s ease-in-out;color:var(--thread-text);border-bottom:2px dashed var(--tt-color-yellow-base);font-weight:600}.tiptap.ProseMirror .tiptap-thread.tiptap-thread--unresolved.tiptap-thread--inline.tiptap-thread--selected,.tiptap.ProseMirror .tiptap-thread.tiptap-thread--unresolved.tiptap-thread--inline.tiptap-thread--hovered{background-color:var(--thread-bg-color);border-bottom-color:transparent}.tiptap.ProseMirror .tiptap-thread.tiptap-thread--unresolved.tiptap-thread--block:has(img){outline:.125rem solid var(--tt-color-yellow-base);border-radius:var(--tt-radius-xs, .25rem);overflow:hidden;width:fit-content}.tiptap.ProseMirror .tiptap-thread.tiptap-thread--unresolved.tiptap-thread--block:has(img).tiptap-thread--selected{outline-width:.25rem;outline-color:var(--tt-color-yellow-base)}.tiptap.ProseMirror .tiptap-thread.tiptap-thread--unresolved.tiptap-thread--block:has(img).tiptap-thread--hovered{outline-width:.25rem}.tiptap.ProseMirror .tiptap-thread.tiptap-thread--unresolved.tiptap-thread--block:not(:has(img)){border-radius:.25rem;border-bottom:.125rem dashed var(--tt-color-yellow-base);border-top:.125rem dashed var(--tt-color-yellow-base);outline:.25rem solid transparent}.tiptap.ProseMirror .tiptap-thread.tiptap-thread--unresolved.tiptap-thread--block:not(:has(img)).tiptap-thread--hovered,.tiptap.ProseMirror .tiptap-thread.tiptap-thread--unresolved.tiptap-thread--block:not(:has(img)).tiptap-thread--selected{background-color:var(--tt-color-yellow-base);outline-color:var(--tt-color-yellow-base)}.tiptap.ProseMirror .tiptap-thread.tiptap-thread--resolved.tiptap-thread--inline.tiptap-thread--selected{background-color:var(--tt-color-yellow-base);border-color:transparent;opacity:.5}.tiptap.ProseMirror .tiptap-thread.tiptap-thread--block:has(.react-renderer){margin-top:3rem;margin-bottom:3rem}.is-empty:not(.with-slash)[data-placeholder]:has(>.ProseMirror-trailingBreak:only-child):before{content:attr(data-placeholder)}.is-empty.with-slash[data-placeholder]:has(>.ProseMirror-trailingBreak:only-child):before{content:"Write, type '/' for commands…";font-style:italic}.is-empty[data-placeholder]:has(>.ProseMirror-trailingBreak:only-child):before{pointer-events:none;height:0;position:absolute;width:100%;text-align:inherit;left:0;right:0}.is-empty[data-placeholder]:has(>.ProseMirror-trailingBreak):before{color:var(--placeholder-color)}.prosemirror-dropcursor-block,.prosemirror-dropcursor-inline{background:var(--tt-brand-color-400)!important;border-radius:.25rem;margin-left:-1px;margin-right:-1px;width:100%;height:.188rem;cursor:grabbing}body{--tt-toolbar-height: 44px;--tt-theme-text: var(--tt-gray-light-900)}.dark body{--tt-theme-text: var(--tt-gray-dark-900)}::-webkit-scrollbar{width:.25rem}*{scrollbar-width:thin;scrollbar-color:var(--tt-scrollbar-color) transparent}::-webkit-scrollbar-thumb{background-color:var(--tt-scrollbar-color);border-radius:9999px}::-webkit-scrollbar-track{background:transparent}.tiptap.ProseMirror{font-family:DM Sans,sans-serif}.simple-editor-wrapper{width:100%;height:100%;overflow:hidden;display:flex;flex-direction:column}.simple-editor-content{width:100%;height:100%;display:flex;flex-direction:column;flex:1;overflow:auto}.simple-editor-content .tiptap.ProseMirror.simple-editor{flex:1;padding:3rem 1rem}@media screen and (max-width:480px){.simple-editor-content .tiptap.ProseMirror.simple-editor{padding:1rem 1.5rem 30vh}}table{border-collapse:collapse;margin:0;overflow:hidden;table-layout:fixed;width:100%}table td,table th{border:1px solid var(--table-border-color);box-sizing:border-box;min-width:1em;padding:6px 8px;position:relative;vertical-align:top}table td>*,table th>*{margin-bottom:0}table th{background:var(--th-bg-color);color:var(--th-text-color);border:1px solid var(--table-border-color);font-weight:700;text-align:left;position:relative;overflow:visible}table td{background:var(--td-bg-color);color:var(--tt-color-text-gray)}table .selectedCell:after{background:var(--gray-2);content:"";inset:0;pointer-events:none;position:absolute;z-index:2}table .column-resize-handle{background-color:var(--purple);bottom:-2px;pointer-events:none;position:absolute;right:-2px;top:0;width:4px}.tiptap :first-child{margin-top:0}.tiptap table{border-collapse:collapse;overflow:hidden;table-layout:fixed;margin:48px 0}.tiptap table td,.tiptap table th{border:1px solid var(--tt-table-border-color);box-sizing:border-box;min-width:1em;padding:6px 8px;position:relative;vertical-align:top}.tiptap table td>*,.tiptap table th>*{margin-bottom:0}.tiptap table th{background-color:var(--tt-table-header-bg-color);font-weight:700;text-align:left;color:var(--tt-table-header-text-color);border-color:var(--tt-table-header-border-color)}.tiptap table .selectedCell:after{background:var(--tt-brand-color-a-500);content:"";inset:0;pointer-events:none;position:absolute;z-index:2}.tiptap table .column-resize-handle{background-color:purple;bottom:-2px;pointer-events:none;position:absolute;right:-2px;top:0;width:4px;z-index:99}.tiptap.resize-cursor{cursor:ew-resize;cursor:col-resize}
+@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes zoomIn{0%{transform:scale(.95)}to{transform:scale(1)}}@keyframes zoomOut{0%{transform:scale(1)}to{transform:scale(.95)}}@keyframes zoom{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideFromTop{0%{transform:translateY(-.5rem)}to{transform:translateY(0)}}@keyframes slideFromRight{0%{transform:translate(.5rem)}to{transform:translate(0)}}@keyframes slideFromLeft{0%{transform:translate(-.5rem)}to{transform:translate(0)}}@keyframes slideFromBottom{0%{transform:translateY(.5rem)}to{transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:root{overflow-wrap:break-word;text-size-adjust:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--tt-gray-light-a-50: rgba(56, 56, 56, .04);--tt-gray-light-a-100: rgba(15, 22, 36, .05);--tt-gray-light-a-200: rgba(37, 39, 45, .1);--tt-gray-light-a-300: rgba(47, 50, 55, .2);--tt-gray-light-a-400: rgba(40, 44, 51, .42);--tt-gray-light-a-500: rgba(52, 55, 60, .64);--tt-gray-light-a-600: rgba(36, 39, 46, .78);--tt-gray-light-a-700: rgba(35, 37, 42, .87);--tt-gray-light-a-800: rgba(30, 32, 36, .95);--tt-gray-light-a-900: rgba(29, 30, 32, .98);--tt-gray-light-50: rgba(250, 250, 250, 1);--tt-gray-light-100: rgba(244, 244, 245, 1);--tt-gray-light-200: rgba(234, 234, 235, 1);--tt-gray-light-300: rgba(213, 214, 215, 1);--tt-gray-light-400: rgba(166, 167, 171, 1);--tt-gray-light-500: rgba(125, 127, 130, 1);--tt-gray-light-600: rgba(83, 86, 90, 1);--tt-gray-light-700: rgba(64, 65, 69, 1);--tt-gray-light-800: rgba(44, 45, 48, 1);--tt-gray-light-900: rgba(34, 35, 37, 1);--tt-gray-dark-a-50: rgba(232, 232, 253, .05);--tt-gray-dark-a-100: rgba(231, 231, 243, .07);--tt-gray-dark-a-200: rgba(238, 238, 246, .11);--tt-gray-dark-a-300: rgba(239, 239, 245, .22);--tt-gray-dark-a-400: rgba(244, 244, 255, .37);--tt-gray-dark-a-500: rgba(236, 238, 253, .5);--tt-gray-dark-a-600: rgba(247, 247, 253, .64);--tt-gray-dark-a-700: rgba(251, 251, 254, .75);--tt-gray-dark-a-800: rgba(253, 253, 253, .88);--tt-gray-dark-a-900: rgba(255, 255, 255, .96);--tt-gray-dark-50: rgba(25, 25, 26, 1);--tt-gray-dark-100: rgba(32, 32, 34, 1);--tt-gray-dark-200: rgba(45, 45, 47, 1);--tt-gray-dark-300: rgba(70, 70, 73, 1);--tt-gray-dark-400: rgba(99, 99, 105, 1);--tt-gray-dark-500: rgba(124, 124, 131, 1);--tt-gray-dark-600: rgba(163, 163, 168, 1);--tt-gray-dark-700: rgba(192, 192, 195, 1);--tt-gray-dark-800: rgba(224, 224, 225, 1);--tt-gray-dark-900: rgba(245, 245, 245, 1);--tt-brand-color-50: rgba(239, 238, 255, 1);--tt-brand-color-100: rgba(222, 219, 255, 1);--tt-brand-color-200: rgba(195, 189, 255, 1);--tt-brand-color-300: rgba(157, 138, 255, 1);--tt-brand-color-400: rgba(122, 82, 255, 1);--tt-brand-color-500: rgba(98, 41, 255, 1);--tt-brand-color-600: rgba(84, 0, 229, 1);--tt-brand-color-700: rgba(75, 0, 204, 1);--tt-brand-color-800: rgba(56, 0, 153, 1);--tt-brand-color-900: rgba(43, 25, 102, 1);--tt-brand-color-950: hsla(257, 100%, 9%, 1);--tt-brand-color-a-50: rgba(98, 41, 255, .04);--tt-brand-color-a-100: rgba(98, 41, 255, .06);--tt-brand-color-a-200: rgba(98, 41, 255, .11);--tt-brand-color-a-300: rgba(98, 41, 255, .22);--tt-brand-color-a-400: rgba(98, 41, 255, .37);--tt-brand-color-a-500: rgba(98, 41, 255, .5);--tt-brand-color-a-600: rgba(98, 41, 255, .64);--tt-brand-color-a-700: rgba(98, 41, 255, .75);--tt-brand-color-a-800: rgba(98, 41, 255, .88);--tt-brand-color-a-900: rgba(98, 41, 255, .96);--tt-color-green-inc-5: hsla(129, 100%, 97%, 1);--tt-color-green-inc-4: hsla(129, 100%, 92%, 1);--tt-color-green-inc-3: hsla(131, 100%, 86%, 1);--tt-color-green-inc-2: hsla(133, 98%, 78%, 1);--tt-color-green-inc-1: hsla(137, 99%, 70%, 1);--tt-color-green-base: hsla(147, 99%, 50%, 1);--tt-color-green-dec-1: hsla(147, 97%, 41%, 1);--tt-color-green-dec-2: hsla(146, 98%, 32%, 1);--tt-color-green-dec-3: hsla(146, 100%, 24%, 1);--tt-color-green-dec-4: hsla(144, 100%, 16%, 1);--tt-color-green-dec-5: hsla(140, 100%, 9%, 1);--tt-color-yellow-inc-5: hsla(50, 100%, 97%, 1);--tt-color-yellow-inc-4: hsla(50, 100%, 91%, 1);--tt-color-yellow-inc-3: hsla(50, 100%, 84%, 1);--tt-color-yellow-inc-2: hsla(50, 100%, 77%, 1);--tt-color-yellow-inc-1: hsla(50, 100%, 68%, 1);--tt-color-yellow-base: hsla(52, 100%, 50%, 1);--tt-color-yellow-dec-1: hsla(52, 100%, 41%, 1);--tt-color-yellow-dec-2: hsla(52, 100%, 32%, 1);--tt-color-yellow-dec-3: hsla(52, 100%, 24%, 1);--tt-color-yellow-dec-4: hsla(51, 100%, 16%, 1);--tt-color-yellow-dec-5: hsla(50, 100%, 9%, 1);--tt-color-red-inc-5: hsla(11, 100%, 96%, 1);--tt-color-red-inc-4: hsla(11, 100%, 88%, 1);--tt-color-red-inc-3: hsla(10, 100%, 80%, 1);--tt-color-red-inc-2: hsla(9, 100%, 73%, 1);--tt-color-red-inc-1: hsla(7, 100%, 64%, 1);--tt-color-red-base: hsla(7, 100%, 54%, 1);--tt-color-red-dec-1: hsla(7, 100%, 41%, 1);--tt-color-red-dec-2: hsla(5, 100%, 32%, 1);--tt-color-red-dec-3: hsla(4, 100%, 24%, 1);--tt-color-red-dec-4: hsla(3, 100%, 16%, 1);--tt-color-red-dec-5: hsla(1, 100%, 9%, 1);--white: rgba(255, 255, 255, 1);--black: rgba(14, 14, 17, 1);--transparent: rgba(255, 255, 255, 0);--tt-shadow-elevated-md: 0px 16px 48px 0px rgba(17, 24, 39, .04), 0px 12px 24px 0px rgba(17, 24, 39, .04), 0px 6px 8px 0px rgba(17, 24, 39, .02), 0px 2px 3px 0px rgba(17, 24, 39, .02);--tt-radius-xxs: .125rem;--tt-radius-xs: .25rem;--tt-radius-sm: .375rem;--tt-radius-md: .5rem;--tt-radius-lg: .75rem;--tt-radius-xl: 1rem;--tt-transition-duration-short: .1s;--tt-transition-duration-default: .2s;--tt-transition-duration-long: .64s;--tt-transition-easing-default: cubic-bezier(.46, .03, .52, .96);--tt-transition-easing-cubic: cubic-bezier(.65, .05, .36, 1);--tt-transition-easing-quart: cubic-bezier(.77, 0, .18, 1);--tt-transition-easing-circ: cubic-bezier(.79, .14, .15, .86);--tt-transition-easing-back: cubic-bezier(.68, -.55, .27, 1.55);--tt-accent-contrast: 8%;--tt-destructive-contrast: 8%;--tt-foreground-contrast: 8%}:root,:root *,:root :before,:root :after{box-sizing:border-box;transition:none var(--tt-transition-duration-default) var(--tt-transition-easing-default)}:root{--tt-bg-color: var(--white);--tt-border-color: var(--tt-gray-light-a-200);--tt-border-color-tint: var(--tt-gray-light-a-100);--tt-sidebar-bg-color: var(--tt-gray-light-100);--tt-scrollbar-color: var(--tt-gray-light-a-200);--tt-cursor-color: var(--tt-brand-color-500);--tt-selection-color: rgba(157, 138, 255, .2);--tt-card-bg-color: var(--white);--tt-card-border-color: var(--tt-gray-light-a-100);--tt-table-border-color: var(--tt-gray-light-900);--tt-table-header-bg-color: var(--tt-gray-light-200);--tt-table-header-text-color: var(--black);--tt-table-header-border-color: var(--tt-gray-light-900)}.dark{--tt-bg-color: var(--black);--tt-border-color: var(--tt-gray-dark-a-200);--tt-border-color-tint: var(--tt-gray-dark-a-100);--tt-sidebar-bg-color: var(--tt-gray-dark-100);--tt-scrollbar-color: var(--tt-gray-dark-a-200);--tt-cursor-color: var(--tt-brand-color-400);--tt-selection-color: rgba(122, 82, 255, .2);--tt-card-bg-color: var(--tt-gray-dark-50);--tt-card-border-color: var(--tt-gray-dark-a-50);--tt-shadow-elevated-md: 0px 16px 48px 0px rgba(0, 0, 0, .5), 0px 12px 24px 0px rgba(0, 0, 0, .24), 0px 6px 8px 0px rgba(0, 0, 0, .22), 0px 2px 3px 0px rgba(0, 0, 0, .12);--tt-table-border-color: var(--white);--tt-table-header-bg-color: var(--tt-gray-dark-700);--tt-table-header-text-color: var(--black);--tt-table-header-border-color: var(--white)}:root{--tt-color-text-gray: hsl(45, 2%, 46%);--tt-color-text-brown: hsl(19, 31%, 47%);--tt-color-text-orange: hsl(30, 89%, 45%);--tt-color-text-yellow: hsl(38, 62%, 49%);--tt-color-text-green: hsl(148, 32%, 39%);--tt-color-text-blue: hsl(202, 54%, 43%);--tt-color-text-purple: hsl(274, 32%, 54%);--tt-color-text-pink: hsl(328, 49%, 53%);--tt-color-text-red: hsl(2, 62%, 55%);--tt-color-text-gray-contrast: hsla(39, 26%, 26%, .15);--tt-color-text-brown-contrast: hsla(18, 43%, 69%, .35);--tt-color-text-orange-contrast: hsla(24, 73%, 55%, .27);--tt-color-text-yellow-contrast: hsla(44, 82%, 59%, .39);--tt-color-text-green-contrast: hsla(126, 29%, 60%, .27);--tt-color-text-blue-contrast: hsla(202, 54%, 59%, .27);--tt-color-text-purple-contrast: hsla(274, 37%, 64%, .27);--tt-color-text-pink-contrast: hsla(331, 60%, 71%, .27);--tt-color-text-red-contrast: hsla(8, 79%, 79%, .4)}.dark{--tt-color-text-gray: hsl(0, 0%, 61%);--tt-color-text-brown: hsl(18, 35%, 58%);--tt-color-text-orange: hsl(25, 53%, 53%);--tt-color-text-yellow: hsl(36, 54%, 55%);--tt-color-text-green: hsl(145, 32%, 47%);--tt-color-text-blue: hsl(202, 64%, 52%);--tt-color-text-purple: hsl(270, 55%, 62%);--tt-color-text-pink: hsl(329, 57%, 58%);--tt-color-text-red: hsl(1, 69%, 60%);--tt-color-text-gray-contrast: hsla(0, 0%, 100%, .09);--tt-color-text-brown-contrast: hsla(17, 45%, 50%, .25);--tt-color-text-orange-contrast: hsla(27, 82%, 53%, .2);--tt-color-text-yellow-contrast: hsla(35, 49%, 47%, .2);--tt-color-text-green-contrast: hsla(151, 55%, 39%, .2);--tt-color-text-blue-contrast: hsla(202, 54%, 43%, .2);--tt-color-text-purple-contrast: hsla(271, 56%, 60%, .18);--tt-color-text-pink-contrast: hsla(331, 67%, 58%, .22);--tt-color-text-red-contrast: hsla(0, 67%, 60%, .25)}:root{--tt-color-highlight-yellow: #fef9c3;--tt-color-highlight-green: #dcfce7;--tt-color-highlight-blue: #e0f2fe;--tt-color-highlight-purple: #f3e8ff;--tt-color-highlight-red: #ffe4e6;--tt-color-highlight-gray: rgb(248, 248, 247);--tt-color-highlight-brown: rgb(244, 238, 238);--tt-color-highlight-orange: rgb(251, 236, 221);--tt-color-highlight-pink: rgb(252, 241, 246);--tt-color-highlight-yellow-contrast: #fbe604;--tt-color-highlight-green-contrast: #c7fad8;--tt-color-highlight-blue-contrast: #ceeafd;--tt-color-highlight-purple-contrast: #e4ccff;--tt-color-highlight-red-contrast: #ffccd0;--tt-color-highlight-gray-contrast: rgba(84, 72, 49, .15);--tt-color-highlight-brown-contrast: rgba(210, 162, 141, .35);--tt-color-highlight-orange-contrast: rgba(224, 124, 57, .27);--tt-color-highlight-pink-contrast: rgba(225, 136, 179, .27)}.dark{--tt-color-highlight-yellow: #6b6524;--tt-color-highlight-green: #509568;--tt-color-highlight-blue: #6e92aa;--tt-color-highlight-purple: #583e74;--tt-color-highlight-red: #743e42;--tt-color-highlight-gray: rgb(47, 47, 47);--tt-color-highlight-brown: rgb(74, 50, 40);--tt-color-highlight-orange: rgb(92, 59, 35);--tt-color-highlight-pink: rgb(78, 44, 60);--tt-color-highlight-yellow-contrast: #58531e;--tt-color-highlight-green-contrast: #47855d;--tt-color-highlight-blue-contrast: #5e86a1;--tt-color-highlight-purple-contrast: #4c3564;--tt-color-highlight-red-contrast: #643539;--tt-color-highlight-gray-contrast: rgba(255, 255, 255, .094);--tt-color-highlight-brown-contrast: rgba(184, 101, 69, .25);--tt-color-highlight-orange-contrast: rgba(233, 126, 37, .2);--tt-color-highlight-pink-contrast: rgba(220, 76, 145, .22)}.tiptap.ProseMirror{--blockquote-bg-color: var(--tt-gray-light-900)}.dark .tiptap.ProseMirror{--blockquote-bg-color: var(--tt-gray-dark-900)}.tiptap.ProseMirror blockquote{position:relative;padding-left:1em;padding-top:.375em;padding-bottom:.375em;margin:1.5rem 0}.tiptap.ProseMirror blockquote p{margin-top:0}.tiptap.ProseMirror blockquote:before,.tiptap.ProseMirror blockquote.is-empty:before{position:absolute;bottom:0;left:0;top:0;height:100%;width:.25em;background-color:var(--blockquote-bg-color);content:"";border-radius:0}.tiptap.ProseMirror{--tt-inline-code-bg-color: var(--tt-gray-light-a-100);--tt-inline-code-text-color: var(--tt-gray-light-a-700);--tt-inline-code-border-color: var(--tt-gray-light-a-200);--tt-codeblock-bg: var(--tt-gray-light-a-50);--tt-codeblock-text: var(--tt-gray-light-a-800);--tt-codeblock-border: var(--tt-gray-light-a-200)}.dark .tiptap.ProseMirror{--tt-inline-code-bg-color: var(--tt-gray-dark-a-100);--tt-inline-code-text-color: var(--tt-gray-dark-a-700);--tt-inline-code-border-color: var(--tt-gray-dark-a-200);--tt-codeblock-bg: var(--tt-gray-dark-a-50);--tt-codeblock-text: var(--tt-gray-dark-a-800);--tt-codeblock-border: var(--tt-gray-dark-a-200)}.tiptap.ProseMirror code{background-color:var(--tt-inline-code-bg-color);color:var(--tt-inline-code-text-color);border:1px solid var(--tt-inline-code-border-color);font-family:JetBrains Mono NL,monospace;font-size:.875em;line-height:1.4;border-radius:6px/.375rem;padding:.1em .2em}.tiptap.ProseMirror pre{background-color:var(--tt-codeblock-bg);color:var(--tt-codeblock-text);border:1px solid var(--tt-codeblock-border);margin-top:1.5em;margin-bottom:1.5em;padding:1em;font-size:1rem;border-radius:6px/.375rem}.tiptap.ProseMirror pre code{background-color:transparent;border:none;border-radius:0;-webkit-text-fill-color:inherit;color:inherit}.tiptap.ProseMirror h1,.tiptap.ProseMirror h2,.tiptap.ProseMirror h3,.tiptap.ProseMirror h4{position:relative;color:inherit;font-style:inherit}.tiptap.ProseMirror h1:first-child,.tiptap.ProseMirror h1:first-of-type,.tiptap.ProseMirror h2:first-child,.tiptap.ProseMirror h2:first-of-type,.tiptap.ProseMirror h3:first-child,.tiptap.ProseMirror h3:first-of-type,.tiptap.ProseMirror h4:first-child,.tiptap.ProseMirror h4:first-of-type{margin-top:0}.tiptap.ProseMirror h1{font-size:1.5em;font-weight:700;margin-top:3em}.tiptap.ProseMirror h2{font-size:1.25em;font-weight:700;margin-top:2.5em}.tiptap.ProseMirror h3{font-size:1.125em;font-weight:600;margin-top:2em}.tiptap.ProseMirror h4{font-size:1em;font-weight:600;margin-top:2em}.tiptap.ProseMirror{--horizontal-rule-color: var(--tt-gray-light-a-200)}.dark .tiptap.ProseMirror{--horizontal-rule-color: var(--tt-gray-dark-a-200)}.tiptap.ProseMirror hr{border:none;height:1px;background-color:var(--horizontal-rule-color)}.tiptap.ProseMirror [data-type=horizontalRule]{margin-top:2.25em;margin-bottom:2.25em;padding-top:.75rem;padding-bottom:.75rem}.tiptap.ProseMirror img{max-width:100%;height:auto;display:block}.tiptap.ProseMirror>img:not([data-type=emoji] img){margin:2rem 0;outline:.125rem solid transparent;border-radius:var(--tt-radius-xs, .25rem)}.tiptap.ProseMirror img:not([data-type=emoji] img).ProseMirror-selectednode{outline-color:var(--tt-brand-color-500)}.tiptap.ProseMirror .tiptap-thread:has(>img){margin:2rem 0}.tiptap.ProseMirror .tiptap-thread:has(>img) img{outline:.125rem solid transparent;border-radius:var(--tt-radius-xs, .25rem)}.tiptap.ProseMirror .tiptap-thread img{margin:0}.tiptap.ProseMirror{--tt-checklist-bg-color: var(--tt-gray-light-a-100);--tt-checklist-bg-active-color: var(--tt-gray-light-a-900);--tt-checklist-border-color: var(--tt-gray-light-a-200);--tt-checklist-border-active-color: var(--tt-gray-light-a-900);--tt-checklist-check-icon-color: var(--white);--tt-checklist-text-active: var(--tt-gray-light-a-500)}.dark .tiptap.ProseMirror{--tt-checklist-bg-color: var(--tt-gray-dark-a-100);--tt-checklist-bg-active-color: var(--tt-gray-dark-a-900);--tt-checklist-border-color: var(--tt-gray-dark-a-200);--tt-checklist-border-active-color: var(--tt-gray-dark-a-900);--tt-checklist-check-icon-color: var(--black);--tt-checklist-text-active: var(--tt-gray-dark-a-500)}.tiptap.ProseMirror ol,.tiptap.ProseMirror ul{margin-top:1.5em;margin-bottom:1.5em;padding-left:1.5em}.tiptap.ProseMirror ol:first-child,.tiptap.ProseMirror ul:first-child{margin-top:0}.tiptap.ProseMirror ol:last-child,.tiptap.ProseMirror ul:last-child{margin-bottom:0}.tiptap.ProseMirror ol ol,.tiptap.ProseMirror ol ul,.tiptap.ProseMirror ul ol,.tiptap.ProseMirror ul ul{margin-top:0;margin-bottom:0}.tiptap.ProseMirror li p{margin-top:0;line-height:1.6}.tiptap.ProseMirror ol{list-style:decimal}.tiptap.ProseMirror ol ol{list-style:lower-alpha}.tiptap.ProseMirror ol ol ol{list-style:lower-roman}.tiptap.ProseMirror ul:not([data-type=taskList]){list-style:disc}.tiptap.ProseMirror ul:not([data-type=taskList]) ul{list-style:circle}.tiptap.ProseMirror ul:not([data-type=taskList]) ul ul{list-style:square}.tiptap.ProseMirror ul[data-type=taskList]{padding-left:.25em}.tiptap.ProseMirror ul[data-type=taskList] li{display:flex;flex-direction:row;align-items:flex-start}.tiptap.ProseMirror ul[data-type=taskList] li:not(:has(>p:first-child)){list-style-type:none}.tiptap.ProseMirror ul[data-type=taskList] li[data-checked=true]>div>p{opacity:.5;text-decoration:line-through}.tiptap.ProseMirror ul[data-type=taskList] li[data-checked=true]>div>p span{text-decoration:line-through}.tiptap.ProseMirror ul[data-type=taskList] li label{position:relative;padding-top:.375rem;padding-right:.5rem}.tiptap.ProseMirror ul[data-type=taskList] li label input[type=checkbox]{position:absolute;opacity:0;width:0;height:0}.tiptap.ProseMirror ul[data-type=taskList] li label span{display:block;width:1em;height:1em;border:1px solid var(--tt-checklist-border-color);border-radius:var(--tt-radius-xs, .25rem);position:relative;cursor:pointer;background-color:var(--tt-checklist-bg-color);transition:background-color 80ms ease-out,border-color 80ms ease-out}.tiptap.ProseMirror ul[data-type=taskList] li label span:before{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:.75em;height:.75em;background-color:var(--tt-checklist-check-icon-color);opacity:0;-webkit-mask:url(data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22currentColor%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M21.4142%204.58579C22.1953%205.36683%2022.1953%206.63317%2021.4142%207.41421L10.4142%2018.4142C9.63317%2019.1953%208.36684%2019.1953%207.58579%2018.4142L2.58579%2013.4142C1.80474%2012.6332%201.80474%2011.3668%202.58579%2010.5858C3.36683%209.80474%204.63317%209.80474%205.41421%2010.5858L9%2014.1716L18.5858%204.58579C19.3668%203.80474%2020.6332%203.80474%2021.4142%204.58579Z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E) center/contain no-repeat;mask:url(data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22currentColor%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M21.4142%204.58579C22.1953%205.36683%2022.1953%206.63317%2021.4142%207.41421L10.4142%2018.4142C9.63317%2019.1953%208.36684%2019.1953%207.58579%2018.4142L2.58579%2013.4142C1.80474%2012.6332%201.80474%2011.3668%202.58579%2010.5858C3.36683%209.80474%204.63317%209.80474%205.41421%2010.5858L9%2014.1716L18.5858%204.58579C19.3668%203.80474%2020.6332%203.80474%2021.4142%204.58579Z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E) center/contain no-repeat}.tiptap.ProseMirror ul[data-type=taskList] li label input[type=checkbox]:checked+span{background:var(--tt-checklist-bg-active-color);border-color:var(--tt-checklist-border-active-color)}.tiptap.ProseMirror ul[data-type=taskList] li label input[type=checkbox]:checked+span:before{opacity:1}.tiptap.ProseMirror ul[data-type=taskList] li div{flex:1 1 0%;min-width:0}.tiptap.ProseMirror{--tt-collaboration-carets-label: var(--tt-gray-light-900);--link-text-color: var(--tt-brand-color-500);--thread-text: var(--tt-gray-light-900);--placeholder-color: var(--tt-gray-light-a-400);--thread-bg-color: var(--tt-color-yellow-inc-2);--tiptap-ai-insertion-color: var(--tt-brand-color-600)}.dark .tiptap.ProseMirror{--tt-collaboration-carets-label: var(--tt-gray-dark-100);--link-text-color: var(--tt-brand-color-400);--thread-text: var(--tt-gray-dark-900);--placeholder-color: var(--tt-gray-dark-a-400);--thread-bg-color: var(--tt-color-yellow-dec-2);--tiptap-ai-insertion-color: var(--tt-brand-color-400)}.tiptap.ProseMirror>*{position:relative}.tiptap.ProseMirror{white-space:pre-wrap;outline:none;caret-color:var(--tt-cursor-color)}.tiptap.ProseMirror p:not(:first-child):not(td p):not(th p){font-size:1rem;line-height:1.6;font-weight:400;margin-top:20px}.tiptap.ProseMirror:not(.readonly):not(.ProseMirror-hideselection) ::selection{background-color:var(--tt-selection-color)}.tiptap.ProseMirror:not(.readonly):not(.ProseMirror-hideselection) .selection::selection{background:transparent}.tiptap.ProseMirror .selection{display:inline;background-color:var(--tt-selection-color)}.tiptap.ProseMirror .ProseMirror-selectednode:not(img):not(pre):not(.react-renderer){border-radius:var(--tt-radius-md);background-color:var(--tt-selection-color)}.tiptap.ProseMirror .ProseMirror-hideselection{caret-color:transparent}.tiptap.ProseMirror.resize-cursor{cursor:ew-resize;cursor:col-resize}.tiptap.ProseMirror a span{text-decoration:underline}.tiptap.ProseMirror s span{text-decoration:line-through}.tiptap.ProseMirror u span{text-decoration:underline}.tiptap.ProseMirror .tiptap-ai-insertion{color:var(--tiptap-ai-insertion-color)}.tiptap.ProseMirror .collaboration-carets__caret{border-right:1px solid transparent;border-left:1px solid transparent;pointer-events:none;margin-left:-1px;margin-right:-1px;position:relative;word-break:normal}.tiptap.ProseMirror .collaboration-carets__label{color:var(--tt-collaboration-carets-label);border-radius:.25rem;border-bottom-left-radius:0;font-size:.75rem;font-weight:600;left:-1px;line-height:1;padding:.125rem .375rem;position:absolute;top:-1.3em;-webkit-user-select:none;user-select:none;white-space:nowrap}.tiptap.ProseMirror [data-type=emoji] img{display:inline-block;width:1.25em;height:1.25em;cursor:text}.tiptap.ProseMirror a{color:var(--link-text-color);text-decoration:underline}.tiptap.ProseMirror [data-type=mention]{display:inline-block;color:var(--tt-brand-color-500)}.tiptap.ProseMirror .tiptap-thread.tiptap-thread--unresolved.tiptap-thread--inline{transition:color .2s ease-in-out,background-color .2s ease-in-out;color:var(--thread-text);border-bottom:2px dashed var(--tt-color-yellow-base);font-weight:600}.tiptap.ProseMirror .tiptap-thread.tiptap-thread--unresolved.tiptap-thread--inline.tiptap-thread--selected,.tiptap.ProseMirror .tiptap-thread.tiptap-thread--unresolved.tiptap-thread--inline.tiptap-thread--hovered{background-color:var(--thread-bg-color);border-bottom-color:transparent}.tiptap.ProseMirror .tiptap-thread.tiptap-thread--unresolved.tiptap-thread--block:has(img){outline:.125rem solid var(--tt-color-yellow-base);border-radius:var(--tt-radius-xs, .25rem);overflow:hidden;width:fit-content}.tiptap.ProseMirror .tiptap-thread.tiptap-thread--unresolved.tiptap-thread--block:has(img).tiptap-thread--selected{outline-width:.25rem;outline-color:var(--tt-color-yellow-base)}.tiptap.ProseMirror .tiptap-thread.tiptap-thread--unresolved.tiptap-thread--block:has(img).tiptap-thread--hovered{outline-width:.25rem}.tiptap.ProseMirror .tiptap-thread.tiptap-thread--unresolved.tiptap-thread--block:not(:has(img)){border-radius:.25rem;border-bottom:.125rem dashed var(--tt-color-yellow-base);border-top:.125rem dashed var(--tt-color-yellow-base);outline:.25rem solid transparent}.tiptap.ProseMirror .tiptap-thread.tiptap-thread--unresolved.tiptap-thread--block:not(:has(img)).tiptap-thread--hovered,.tiptap.ProseMirror .tiptap-thread.tiptap-thread--unresolved.tiptap-thread--block:not(:has(img)).tiptap-thread--selected{background-color:var(--tt-color-yellow-base);outline-color:var(--tt-color-yellow-base)}.tiptap.ProseMirror .tiptap-thread.tiptap-thread--resolved.tiptap-thread--inline.tiptap-thread--selected{background-color:var(--tt-color-yellow-base);border-color:transparent;opacity:.5}.tiptap.ProseMirror .tiptap-thread.tiptap-thread--block:has(.react-renderer){margin-top:3rem;margin-bottom:3rem}.is-empty:not(.with-slash)[data-placeholder]:has(>.ProseMirror-trailingBreak:only-child):before{content:attr(data-placeholder)}.is-empty.with-slash[data-placeholder]:has(>.ProseMirror-trailingBreak:only-child):before{content:"Write, type '/' for commands…";font-style:italic}.is-empty[data-placeholder]:has(>.ProseMirror-trailingBreak:only-child):before{pointer-events:none;height:0;position:absolute;width:100%;text-align:inherit;left:0;right:0}.is-empty[data-placeholder]:has(>.ProseMirror-trailingBreak):before{color:var(--placeholder-color)}.prosemirror-dropcursor-block,.prosemirror-dropcursor-inline{background:var(--tt-brand-color-400)!important;border-radius:.25rem;margin-left:-1px;margin-right:-1px;width:100%;height:.188rem;cursor:grabbing}body{--tt-toolbar-height: 44px;--tt-theme-text: var(--tt-gray-light-900)}.dark body{--tt-theme-text: var(--tt-gray-dark-900)}::-webkit-scrollbar{width:.25rem}*{scrollbar-width:thin;scrollbar-color:var(--tt-scrollbar-color) transparent}::-webkit-scrollbar-thumb{background-color:var(--tt-scrollbar-color);border-radius:9999px}::-webkit-scrollbar-track{background:transparent}.tiptap.ProseMirror{font-family:DM Sans,sans-serif}.simple-editor-wrapper{width:100%;height:100%;overflow:hidden;display:flex;flex-direction:column}.simple-editor-content{width:100%;height:100%;display:flex;flex-direction:column;flex:1;overflow:auto}.simple-editor-content .tiptap.ProseMirror.simple-editor{flex:1;padding:.5rem 1rem}@media screen and (max-width:480px){.simple-editor-content .tiptap.ProseMirror.simple-editor{padding:1rem 1.5rem 30vh}}table{border-collapse:collapse;margin:0;overflow:hidden;table-layout:fixed;width:100%}table td,table th{border:1px solid var(--table-border-color);box-sizing:border-box;min-width:1em;padding:6px 8px;position:relative;vertical-align:top}table td>*,table th>*{margin-bottom:0}table th{background:var(--th-bg-color);color:var(--th-text-color);border:1px solid var(--table-border-color);font-weight:700;text-align:left;position:relative;overflow:visible}table td{background:var(--td-bg-color);color:var(--tt-color-text-gray)}table .selectedCell:after{background:var(--gray-2);content:"";inset:0;pointer-events:none;position:absolute;z-index:2}table .column-resize-handle{background-color:var(--purple);bottom:-2px;pointer-events:none;position:absolute;right:-2px;top:0;width:4px}.tiptap table{border-collapse:collapse;overflow:hidden;table-layout:fixed;margin:28px 0}.tiptap table :first-child{margin-top:0}.tiptap table td,.tiptap table th{border:1px solid var(--tt-table-border-color);box-sizing:border-box;min-width:1em;padding:6px 8px;position:relative;vertical-align:top}.tiptap table td>*,.tiptap table th>*{margin-bottom:0}.tiptap table th{background-color:var(--tt-table-header-bg-color);font-weight:700;text-align:left;color:var(--tt-table-header-text-color);border-color:var(--tt-table-header-border-color)}.tiptap table .selectedCell:after{background:var(--tt-brand-color-a-500);content:"";inset:0;pointer-events:none;position:absolute;z-index:2}.tiptap table .column-resize-handle{background-color:purple;bottom:-2px;pointer-events:none;position:absolute;right:-2px;top:0;width:4px;z-index:99}.tiptap.resize-cursor{cursor:ew-resize;cursor:col-resize}

package/dist/components/tiptap-templates/simple/simple-editor.d.ts

@@ -3,6 +3,7 @@ interface SimpleEditorProps extends Omit<Partial<EditorOptions>, "content"> {
     themeMode: "dark" | "light";
     content?: string;
     onContentChange?: (content: string) => void;
+    placeholder?: string;
 }
-export declare function SimpleEditor({ themeMode, content, onContentChange, }: SimpleEditorProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function SimpleEditor({ themeMode, content, onContentChange, placeholder, }: SimpleEditorProps): import("react/jsx-runtime").JSX.Element | null;
 export {};

package/dist/components/tiptap-templates/simple/simple-editor.js

@@ -171,14 +171,14 @@ import '../../../assets/simple-editor.css';var Me = /(?:^|\s)(==(?!\s+==)((?:[^=
     const { directions: t, minWidth: e, minHeight: r, alwaysPreserveAspectRatio: n } = this.options.resize;
     return ({ node: s, getPos: i, HTMLAttributes: a }) => {
       const o = document.createElement("img");
-      Object.entries(a).forEach(([d, u]) => {
-        if (u != null)
-          switch (d) {
+      Object.entries(a).forEach(([u, d]) => {
+        if (d != null)
+          switch (u) {
             case "width":
             case "height":
               break;
             default:
-              o.setAttribute(d, u);
+              o.setAttribute(u, d);
               break;
           }
       }), o.src = a.src;
@@ -186,17 +186,17 @@ import '../../../assets/simple-editor.css';var Me = /(?:^|\s)(==(?!\s+==)((?:[^=
         element: o,
         node: s,
         getPos: i,
-        onResize: (d, u) => {
-          o.style.width = `${d}px`, o.style.height = `${u}px`;
+        onResize: (u, d) => {
+          o.style.width = `${u}px`, o.style.height = `${d}px`;
         },
-        onCommit: (d, u) => {
+        onCommit: (u, d) => {
           const h = i();
           h !== void 0 && this.editor.chain().setNodeSelection(h).updateAttributes(this.name, {
-            width: d,
-            height: u
+            width: u,
+            height: d
           }).run();
         },
-        onUpdate: (d, u, h) => d.type === s.type,
+        onUpdate: (u, d, h) => u.type === s.type,
         options: {
           directions: t,
           min: {
@@ -405,11 +405,11 @@ var $ = (t, e) => {
     c.node().descendants((h, b) => {
       h.type.name === e && l.push({ node: h, pos: b });
     });
-    const d = l.at(-1);
-    if (!d)
+    const u = l.at(-1);
+    if (!u)
       return !1;
-    const u = t.state.doc.resolve(c.start() + d.pos + 1);
-    return t.chain().cut({ from: o.start() - 1, to: o.end() + 1 }, u.end()).joinForward().run();
+    const d = t.state.doc.resolve(c.start() + u.pos + 1);
+    return t.chain().cut({ from: o.start() - 1, to: o.end() + 1 }, d.end()).joinForward().run();
   }
   if (!_(t.state, e) || !St(t.state))
     return !1;
@@ -486,28 +486,28 @@ function _e(t) {
     if (!i)
       break;
     const [, a, o, c] = i, l = a.length;
-    let d = c, u = r + 1;
+    let u = c, d = r + 1;
     const h = [s];
-    for (; u < t.length; ) {
-      const b = t[u];
+    for (; d < t.length; ) {
+      const b = t[d];
       if (b.match(et))
         break;
       if (b.trim() === "")
-        h.push(b), d += `
-`, u += 1;
+        h.push(b), u += `
+`, d += 1;
       else if (b.match(De))
-        h.push(b), d += `
-${b.slice(l + 2)}`, u += 1;
+        h.push(b), u += `
+${b.slice(l + 2)}`, d += 1;
       else
         break;
     }
     e.push({
       indent: l,
       number: parseInt(o, 10),
-      content: d.trim(),
+      content: u.trim(),
       raw: h.join(`
 `)
-    }), n = u, r = u;
+    }), n = d, r = d;
   }
   return [e, n];
 }
@@ -525,16 +525,16 @@ function yt(t, e, r) {
         raw: c,
         tokens: r.inlineTokens(c)
       });
-      const d = o.slice(1).join(`
+      const u = o.slice(1).join(`
 `).trim();
-      if (d) {
-        const b = r.blockTokens(d);
+      if (u) {
+        const b = r.blockTokens(u);
         l.push(...b);
       }
-      let u = i + 1;
+      let d = i + 1;
       const h = [];
-      for (; u < t.length && t[u].indent > e; )
-        h.push(t[u]), u += 1;
+      for (; d < t.length && t[d].indent > e; )
+        h.push(t[d]), d += 1;
       if (h.length > 0) {
         const b = Math.min(...h.map((g) => g.indent)), f = yt(h, b, r);
         l.push({
@@ -550,7 +550,7 @@ function yt(t, e, r) {
         type: "list_item",
         raw: a.raw,
         tokens: l
-      }), i = u;
+      }), i = d;
     } else
       i += 1;
   }
@@ -769,16 +769,16 @@ var We = "listItem", rt = "textStyle", nt = /^(\d+)\.\s$/, je = L.create({
   },
   addNodeView() {
     return ({ node: t, HTMLAttributes: e, getPos: r, editor: n }) => {
-      const s = document.createElement("li"), i = document.createElement("label"), a = document.createElement("span"), o = document.createElement("input"), c = document.createElement("div"), l = (d) => {
-        var u, h;
-        o.ariaLabel = ((h = (u = this.options.a11y) == null ? void 0 : u.checkboxLabel) == null ? void 0 : h.call(u, d, o.checked)) || `Task item checkbox for ${d.textContent || "empty task item"}`;
+      const s = document.createElement("li"), i = document.createElement("label"), a = document.createElement("span"), o = document.createElement("input"), c = document.createElement("div"), l = (u) => {
+        var d, h;
+        o.ariaLabel = ((h = (d = this.options.a11y) == null ? void 0 : d.checkboxLabel) == null ? void 0 : h.call(d, u, o.checked)) || `Task item checkbox for ${u.textContent || "empty task item"}`;
       };
-      return l(t), i.contentEditable = "false", o.type = "checkbox", o.addEventListener("mousedown", (d) => d.preventDefault()), o.addEventListener("change", (d) => {
+      return l(t), i.contentEditable = "false", o.type = "checkbox", o.addEventListener("mousedown", (u) => u.preventDefault()), o.addEventListener("change", (u) => {
         if (!n.isEditable && !this.options.onReadOnlyChecked) {
           o.checked = !o.checked;
           return;
         }
-        const { checked: u } = d.target;
+        const { checked: d } = u.target;
         n.isEditable && typeof r == "function" && n.chain().focus(void 0, { scrollIntoView: !1 }).command(({ tr: h }) => {
           const b = r();
           if (typeof b != "number")
@@ -786,17 +786,17 @@ var We = "listItem", rt = "textStyle", nt = /^(\d+)\.\s$/, je = L.create({
           const f = h.doc.nodeAt(b);
           return h.setNodeMarkup(b, void 0, {
             ...f?.attrs,
-            checked: u
+            checked: d
           }), !0;
-        }).run(), !n.isEditable && this.options.onReadOnlyChecked && (this.options.onReadOnlyChecked(t, u) || (o.checked = !o.checked));
-      }), Object.entries(this.options.HTMLAttributes).forEach(([d, u]) => {
-        s.setAttribute(d, u);
-      }), s.dataset.checked = t.attrs.checked, o.checked = t.attrs.checked, i.append(o, a), s.append(i, c), Object.entries(e).forEach(([d, u]) => {
-        s.setAttribute(d, u);
+        }).run(), !n.isEditable && this.options.onReadOnlyChecked && (this.options.onReadOnlyChecked(t, d) || (o.checked = !o.checked));
+      }), Object.entries(this.options.HTMLAttributes).forEach(([u, d]) => {
+        s.setAttribute(u, d);
+      }), s.dataset.checked = t.attrs.checked, o.checked = t.attrs.checked, i.append(o, a), s.append(i, c), Object.entries(e).forEach(([u, d]) => {
+        s.setAttribute(u, d);
       }), {
         dom: s,
         contentDOM: c,
-        update: (d) => d.type !== this.type ? !1 : (s.dataset.checked = d.attrs.checked, o.checked = d.attrs.checked, l(d), !0)
+        update: (u) => u.type !== this.type ? !1 : (s.dataset.checked = u.attrs.checked, o.checked = u.attrs.checked, l(u), !0)
       };
     };
   },
@@ -1203,8 +1203,8 @@ C.create({
             return !0;
           if (s > n && i > n && i > s || !e.getMeta("paste"))
             return !1;
-          const o = e.selection.$head.pos, c = i - n, l = o - c, d = o;
-          return e.deleteRange(l, d), !(this.storage.characters({ node: e.doc }) > n);
+          const o = e.selection.$head.pos, c = i - n, l = o - c, u = o;
+          return e.deleteRange(l, u), !(this.storage.characters({ node: e.doc }) > n);
         }
       })
     ];
@@ -1283,7 +1283,7 @@ C.create({
     };
   }
 });
-C.create({
+var gr = C.create({
   name: "placeholder",
   addOptions() {
     return {
@@ -1308,10 +1308,10 @@ C.create({
             return t.descendants((a, o) => {
               const c = n >= o && n <= o + a.nodeSize, l = !a.isLeaf && $t(a);
               if ((c || !this.options.showOnlyCurrent) && l) {
-                const d = [this.options.emptyNodeClass];
-                i && d.push(this.options.emptyEditorClass);
-                const u = K.node(o, o + a.nodeSize, {
-                  class: d.join(" "),
+                const u = [this.options.emptyNodeClass];
+                i && u.push(this.options.emptyEditorClass);
+                const d = K.node(o, o + a.nodeSize, {
+                  class: u.join(" "),
                   "data-placeholder": typeof this.options.placeholder == "function" ? this.options.placeholder({
                     editor: this.editor,
                     node: a,
@@ -1319,7 +1319,7 @@ C.create({
                     hasAnchor: c
                   }) : this.options.placeholder
                 });
-                s.push(u);
+                s.push(d);
               }
               return this.options.includeChildren;
             }), B.create(t, s);
@@ -1328,8 +1328,7 @@ C.create({
       })
     ];
   }
-});
-var gr = C.create({
+}), br = C.create({
   name: "selection",
   addOptions() {
     return {
@@ -1372,9 +1371,9 @@ C.create({
       new H({
         key: e,
         appendTransaction: (s, i, a) => {
-          const { doc: o, tr: c, schema: l } = a, d = e.getState(a), u = o.content.size, h = l.nodes[r];
-          if (d)
-            return c.insert(u, h.create());
+          const { doc: o, tr: c, schema: l } = a, u = e.getState(a), d = o.content.size, h = l.nodes[r];
+          if (u)
+            return c.insert(d, h.create());
         },
         state: {
           init: (s, i) => {
@@ -1382,7 +1381,7 @@ C.create({
             return !st({ node: a, types: n });
           },
           apply: (s, i) => {
-            if (!s.docChanged)
+            if (!s.docChanged || s.getMeta("__uniqueIDTransaction"))
               return i;
             const a = s.doc.lastChild;
             return !st({ node: a, types: n });
@@ -1420,7 +1419,7 @@ C.create({
     };
   }
 });
-var br = L.create({
+var yr = L.create({
   name: "tableCell",
   addOptions() {
     return {
@@ -1461,7 +1460,7 @@ var br = L.create({
   renderHTML({ HTMLAttributes: t }) {
     return ["td", k(this.options.HTMLAttributes, t), 0];
   }
-}), yr = L.create({
+}), kr = L.create({
   name: "tableHeader",
   addOptions() {
     return {
@@ -1494,7 +1493,7 @@ var br = L.create({
   renderHTML({ HTMLAttributes: t }) {
     return ["th", k(this.options.HTMLAttributes, t), 0];
   }
-}), kr = L.create({
+}), Tr = L.create({
   name: "tableRow",
   addOptions() {
     return {
@@ -1516,10 +1515,10 @@ function j(t, e) {
 function it(t, e, r, n, s, i) {
   var a;
   let o = 0, c = !0, l = e.firstChild;
-  const d = t.firstChild;
-  if (d !== null)
-    for (let h = 0, b = 0; h < d.childCount; h += 1) {
-      const { colspan: f, colwidth: g } = d.child(h).attrs;
+  const u = t.firstChild;
+  if (u !== null)
+    for (let h = 0, b = 0; h < u.childCount; h += 1) {
+      const { colspan: f, colwidth: g } = u.child(h).attrs;
       for (let m = 0; m < f; m += 1, b += 1) {
         const T = s === b ? i : g && g[m], v = T ? `${T}px` : "";
         if (o += T || n, T || (c = !1), l) {
@@ -1538,10 +1537,10 @@ function it(t, e, r, n, s, i) {
     const h = l.nextSibling;
     (a = l.parentNode) == null || a.removeChild(l), l = h;
   }
-  const u = t.attrs.style && typeof t.attrs.style == "string" && /\bwidth\s*:/i.test(t.attrs.style);
-  c && !u ? (r.style.width = `${o}px`, r.style.minWidth = "") : (r.style.width = "", r.style.minWidth = `${o}px`);
+  const d = t.attrs.style && typeof t.attrs.style == "string" && /\bwidth\s*:/i.test(t.attrs.style);
+  c && !d ? (r.style.width = `${o}px`, r.style.minWidth = "") : (r.style.width = "", r.style.minWidth = `${o}px`);
 }
-var Tr = class {
+var Cr = class {
   constructor(t, e) {
     this.node = t, this.cellMinWidth = e, this.dom = document.createElement("div"), this.dom.className = "tableWrapper", this.table = this.dom.appendChild(document.createElement("table")), t.attrs.style && (this.table.style.cssText = t.attrs.style), this.colgroup = this.table.appendChild(document.createElement("colgroup")), it(t, this.colgroup, this.table, e), this.contentDOM = this.table.appendChild(document.createElement("tbody"));
   }
@@ -1553,13 +1552,13 @@ var Tr = class {
     return !!(r && !n && (t.type === "attributes" || t.type === "childList" || t.type === "characterData"));
   }
 };
-function Cr(t, e, r, n) {
+function Lr(t, e, r, n) {
   let s = 0, i = !0;
   const a = [], o = t.firstChild;
   if (!o)
     return {};
-  for (let u = 0, h = 0; u < o.childCount; u += 1) {
-    const { colspan: b, colwidth: f } = o.child(u).attrs;
+  for (let d = 0, h = 0; d < o.childCount; d += 1) {
+    const { colspan: b, colwidth: f } = o.child(d).attrs;
     for (let g = 0; g < b; g += 1, h += 1) {
       const m = r === h ? n : f && f[g];
       s += m || e, m || (i = !1);
@@ -1573,7 +1572,7 @@ function Cr(t, e, r, n) {
 function ot(t, e) {
   return t.createAndFill();
 }
-function Lr(t) {
+function wr(t) {
   if (t.cached.tableNodeTypes)
     return t.cached.tableNodeTypes;
   const e = {};
@@ -1582,13 +1581,13 @@ function Lr(t) {
     n.spec.tableRole && (e[n.spec.tableRole] = n);
   }), t.cached.tableNodeTypes = e, e;
 }
-function wr(t, e, r, n, s) {
-  const i = Lr(t), a = [], o = [];
+function vr(t, e, r, n, s) {
+  const i = wr(t), a = [], o = [];
   for (let l = 0; l < r; l += 1) {
-    const d = ot(i.cell);
-    if (d && o.push(d), n) {
-      const u = ot(i.header_cell);
-      u && a.push(u);
+    const u = ot(i.cell);
+    if (u && o.push(u), n) {
+      const d = ot(i.header_cell);
+      d && a.push(d);
     }
   }
   const c = [];
@@ -1596,12 +1595,12 @@ function wr(t, e, r, n, s) {
     c.push(i.row.createChecked(null, n && l === 0 ? a : o));
   return i.table.createChecked(null, c);
 }
-function vr(t) {
+function Mr(t) {
   return t instanceof pt;
 }
 var P = ({ editor: t }) => {
   const { selection: e } = t.state;
-  if (!vr(e))
+  if (!Mr(e))
     return !1;
   let r = 0;
   const n = Rt(e.ranges[0].$from, (i) => i.type.name === "table");
@@ -1610,13 +1609,13 @@ var P = ({ editor: t }) => {
       return !1;
     ["tableCell", "tableHeader"].includes(i.type.name) && (r += 1);
   }), r === e.ranges.length ? (t.commands.deleteTable(), !0) : !1;
-}, Mr = "";
-function xr(t) {
+}, xr = "";
+function Ar(t) {
   return (t || "").replace(/\s+/g, " ").trim();
 }
-function Ar(t, e, r = {}) {
+function Ir(t, e, r = {}) {
   var n;
-  const s = (n = r.cellLineSeparator) != null ? n : Mr;
+  const s = (n = r.cellLineSeparator) != null ? n : xr;
   if (!t || !t.content || t.content.length === 0)
     return "";
   const i = [];
@@ -1625,7 +1624,7 @@ function Ar(t, e, r = {}) {
     f.content && f.content.forEach((m) => {
       let T = "";
       m.content && Array.isArray(m.content) && m.content.length > 1 ? T = m.content.map((O) => e.renderChildren(O)).join(s) : T = m.content ? e.renderChildren(m.content) : "";
-      const v = xr(T), I = m.type === "tableHeader";
+      const v = Ar(T), I = m.type === "tableHeader";
       g.push({ text: v, isHeader: I });
     }), i.push(g);
   });
@@ -1640,18 +1639,18 @@ function Ar(t, e, r = {}) {
       v > o[m] && (o[m] = v), o[m] < 3 && (o[m] = 3);
     }
   });
-  const c = (f, g) => f + " ".repeat(Math.max(0, g - f.length)), l = i[0], d = l.some((f) => f.isHeader);
-  let u = `
+  const c = (f, g) => f + " ".repeat(Math.max(0, g - f.length)), l = i[0], u = l.some((f) => f.isHeader);
+  let d = `
 `;
-  const h = new Array(a).fill(0).map((f, g) => d && l[g] && l[g].text || "");
-  return u += `| ${h.map((f, g) => c(f, o[g])).join(" | ")} |
-`, u += `| ${o.map((f) => "-".repeat(Math.max(3, f))).join(" | ")} |
-`, (d ? i.slice(1) : i).forEach((f) => {
-    u += `| ${new Array(a).fill(0).map((g, m) => c(f[m] && f[m].text || "", o[m])).join(" | ")} |
+  const h = new Array(a).fill(0).map((f, g) => u && l[g] && l[g].text || "");
+  return d += `| ${h.map((f, g) => c(f, o[g])).join(" | ")} |
+`, d += `| ${o.map((f) => "-".repeat(Math.max(3, f))).join(" | ")} |
+`, (u ? i.slice(1) : i).forEach((f) => {
+    d += `| ${new Array(a).fill(0).map((g, m) => c(f[m] && f[m].text || "", o[m])).join(" | ")} |
 `;
-  }), u;
+  }), d;
 }
-var Ir = Ar, Sr = L.create({
+var Sr = Ir, Hr = L.create({
   name: "table",
   // @ts-ignore
   addOptions() {
@@ -1662,7 +1661,7 @@ var Ir = Ar, Sr = L.create({
       handleWidth: 5,
       cellMinWidth: 25,
       // TODO: fix
-      View: Tr,
+      View: Cr,
       lastColumnResizable: !0,
       allowTableNodeSelection: !1
     };
@@ -1675,7 +1674,7 @@ var Ir = Ar, Sr = L.create({
     return [{ tag: "table" }];
   },
   renderHTML({ node: t, HTMLAttributes: e }) {
-    const { colgroup: r, tableWidth: n, tableMinWidth: s } = Cr(t, this.options.cellMinWidth), i = e.style;
+    const { colgroup: r, tableWidth: n, tableMinWidth: s } = Lr(t, this.options.cellMinWidth), i = e.style;
     function a() {
       return i || (n ? `width: ${n}` : `min-width: ${s}`);
     }
@@ -1704,11 +1703,11 @@ var Ir = Ar, Sr = L.create({
       }), r.push(e.createNode("tableRow", {}, s));
     }), e.createNode("table", void 0, r);
   },
-  renderMarkdown: (t, e) => Ir(t, e),
+  renderMarkdown: (t, e) => Sr(t, e),
   addCommands() {
     return {
       insertTable: ({ rows: t = 3, cols: e = 3, withHeaderRow: r = !0 } = {}) => ({ tr: n, dispatch: s, editor: i }) => {
-        const a = wr(i.schema, t, e, r);
+        const a = vr(i.schema, t, e, r);
         if (s) {
           const o = n.selection.from + 1;
           n.replaceSelectionWith(a).scrollIntoView().setSelection(Pt.near(n.doc.resolve(o)));
@@ -1777,14 +1776,14 @@ var Ir = Ar, Sr = L.create({
       tableRole: dt(ct(t, "tableRole", e))
     };
   }
-}), Hr = C.create({
+}), Er = C.create({
   name: "tableKit",
   addExtensions() {
     const t = [];
-    return this.options.table !== !1 && t.push(Sr.configure(this.options.table)), this.options.tableCell !== !1 && t.push(br.configure(this.options.tableCell)), this.options.tableHeader !== !1 && t.push(yr.configure(this.options.tableHeader)), this.options.tableRow !== !1 && t.push(kr.configure(this.options.tableRow)), t;
+    return this.options.table !== !1 && t.push(Hr.configure(this.options.table)), this.options.tableCell !== !1 && t.push(yr.configure(this.options.tableCell)), this.options.tableHeader !== !1 && t.push(kr.configure(this.options.tableHeader)), this.options.tableRow !== !1 && t.push(Tr.configure(this.options.tableRow)), t;
   }
 });
-const Er = ({
+const $r = ({
   onHighlighterClick: t,
   onLinkClick: e,
   isMobile: r
@@ -1836,7 +1835,7 @@ const Er = ({
     } }) }),
     r && /* @__PURE__ */ p(A, {})
   ] });
-}, $r = ({
+}, Nr = ({
   type: t,
   onBack: e
 }) => /* @__PURE__ */ w(at, { children: [
@@ -1847,14 +1846,15 @@ const Er = ({
   /* @__PURE__ */ p(A, {}),
   t === "highlighter" ? /* @__PURE__ */ p(Te, {}) : /* @__PURE__ */ p(we, {})
 ] });
-function fn({
+function mn({
   themeMode: t,
   content: e,
-  onContentChange: r
+  onContentChange: r,
+  placeholder: n = ""
 }) {
-  const n = Ut(), { height: s } = Gt(), [i, a] = vt(
+  const s = Ut(), { height: i } = Gt(), [a, o] = vt(
     "main"
-  ), o = q(null), c = q(!1), l = Ct({
+  ), c = q(null), l = q(!1), u = Ct({
     immediatelyRender: !1,
     shouldRerenderOnTransaction: !1,
     editorProps: {
@@ -1883,59 +1883,62 @@ function fn({
       mr,
       Ve,
       Ke,
-      gr,
+      br,
       Qt.configure({
         accept: "image/*",
         maxSize: Yt,
         limit: 3,
         upload: Xt,
-        onError: (u) => console.error("Upload failed:", u)
+        onError: (h) => console.error("Upload failed:", h)
       }),
-      Hr.configure({
+      Er.configure({
         table: {
           resizable: !0
         }
+      }),
+      gr.configure({
+        placeholder: n
       })
     ],
     content: e,
-    onUpdate: ({ editor: u }) => {
-      if (!c.current && r) {
-        const h = u.getHTML();
-        r(h);
+    onUpdate: ({ editor: h }) => {
+      if (!l.current && r) {
+        const b = h.getHTML();
+        r(b);
       }
     }
   }), d = Ft({
-    editor: l,
-    overlayHeight: o.current?.getBoundingClientRect().height ?? 0
+    editor: u,
+    overlayHeight: c.current?.getBoundingClientRect().height ?? 0
   });
   return D(() => {
-    !n && i !== "main" && a("main");
-  }, [n, i]), D(() => {
-    l && e !== void 0 && l.getHTML() !== e && (c.current = !0, l.commands.setContent(e, { emitUpdate: !1 }), c.current = !1);
-  }, [e, l]), D(() => {
+    !s && a !== "main" && o("main");
+  }, [s, a]), D(() => {
+    u && e !== void 0 && u.getHTML() !== e && (l.current = !0, u.commands.setContent(e, { emitUpdate: !1 }), l.current = !1);
+  }, [e, u]), D(() => {
     document.documentElement.classList.toggle("dark", t === "dark");
-  }, [t]), l ? /* @__PURE__ */ p("div", { className: "simple-editor-wrapper", children: /* @__PURE__ */ w(Lt.Provider, { value: { editor: l }, children: [
+  }, [t]), u ? /* @__PURE__ */ p("div", { className: "simple-editor-wrapper", children: /* @__PURE__ */ w(Lt.Provider, { value: { editor: u }, children: [
     /* @__PURE__ */ p(
       he,
       {
-        ref: o,
+        ref: c,
         style: {
-          ...n ? {
-            bottom: `calc(100% - ${s - d.y}px)`
+          ...s ? {
+            bottom: `calc(100% - ${i - d.y}px)`
           } : {}
         },
-        children: i === "main" ? /* @__PURE__ */ p(
-          Er,
+        children: a === "main" ? /* @__PURE__ */ p(
+          $r,
           {
-            onHighlighterClick: () => a("highlighter"),
-            onLinkClick: () => a("link"),
-            isMobile: n
+            onHighlighterClick: () => o("highlighter"),
+            onLinkClick: () => o("link"),
+            isMobile: s
           }
         ) : /* @__PURE__ */ p(
-          $r,
+          Nr,
           {
-            type: i === "highlighter" ? "highlighter" : "link",
-            onBack: () => a("main")
+            type: a === "highlighter" ? "highlighter" : "link",
+            onBack: () => o("main")
           }
         )
       }
@@ -1944,7 +1947,7 @@ function fn({
     /* @__PURE__ */ p(
       wt,
       {
-        editor: l,
+        editor: u,
         role: "presentation",
         className: "simple-editor-content"
       }
@@ -1952,5 +1955,5 @@ function fn({
   ] }) }) : null;
 }
 export {
-  fn as SimpleEditor
+  mn as SimpleEditor
 };

package/dist/hooks/use-throttled-callback.js

@@ -103,7 +103,6 @@ const ne = /* @__PURE__ */ Z(te), re = {
 function ae(o, g = 250, j = [], v = re) {
   const b = V(
     () => ne(o, g, v),
-    // eslint-disable-next-line react-hooks/exhaustive-deps
     j
   );
   return Y(() => {

package/package.json

@@ -2,7 +2,7 @@
   "name": "@dooherceg/tiptap-controlled-editor-with-table",
   "private": false,
   "baseUrl": "./",
-  "version": "0.0.2",
+  "version": "0.0.4",
   "type": "module",
   "main": "dist/main.js",
   "types": "dist/main.d.ts",
@@ -27,16 +27,16 @@
     "@eslint/js": "^9.36.0",
     "@types/lodash.throttle": "^4.1.9",
     "@types/node": "^24.10.0",
-    "@types/react": "^18.3.0",
-    "@types/react-dom": "^18.3.0",
+    "@types/react": "^19.2.4",
+    "@types/react-dom": "^19.2.3",
     "@vitejs/plugin-react": "^5.0.4",
     "eslint": "^9.36.0",
-    "eslint-plugin-react-hooks": "^5.2.0",
+    "eslint-plugin-react-hooks": "^7.0.1",
     "eslint-plugin-react-refresh": "^0.4.22",
     "glob": "^11.0.3",
     "globals": "^16.4.0",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1",
+    "react": "^19.2.0",
+    "react-dom": "^19.2.0",
     "sass-embedded": "^1.93.3",
     "typescript": "~5.9.3",
     "typescript-eslint": "^8.45.0",