@fuma-content/studio 1.0.1 → 1.0.3

package/build/server/__ssr_build/assets/{client-BqW9rGyi.js → client-JNaR8Jey.js}

@@ -4,36 +4,36 @@ import minproc from "node:process";
 import minpath from "node:path";
 import { fileURLToPath } from "node:url";
 import clsx$1, { clsx } from "clsx";
-import { c as createDialogScope, R as Root$2, W as WarningProvider, C as Content, P as Portal$1, O as Overlay, T as Title, D as Description, a as Close, b as Trigger$1, s as shimExports, u as useSyncExternalStoreExports, d as ContextMenu, e as ContextMenuTrigger, f as ContextMenuContent, g as ContextMenuGroup, h as ContextMenuItem, i as ContextMenuSub, j as ContextMenuSubTrigger, k as ContextMenuSubContent, l as Tooltip, m as TooltipTrigger, n as Portal$3, o as Content2$2, p as TooltipProvider, q as TooltipContent$1, r as formatErrorMessage, t as createSelector, N as NOOP, E as EMPTY_OBJECT, v as useStableCallback, w as useIsoLayoutEffect, x as useBaseUiId, y as EMPTY_ARRAY, z as useRefWithInit, S as Store, A as useStore$1, B as useValueAsRef, F as useTransitionStatus, G as useOpenInteractionType, H as createGenericEventDetails, I as inputClear, J as inputChange, K as createChangeEventDetails, L as focusOut, M as outsidePress, Q as getTarget, U as itemPress, V as none, X as useOpenChangeComplete, Y as useFloatingRootContext$1, Z as useClick, _ as useDismiss, $ as contains$1, a0 as useListNavigation, a1 as useInteractions, a2 as useMergedRefs, a3 as visuallyHiddenInput, a4 as visuallyHidden, a5 as pressableTriggerOpenStateMapping, a6 as useDirection$1, a7 as useRenderElement, a8 as stopEvent, a9 as isFirefox, aa as escapeKey, ab as isAndroid, ac as CompositeList, ad as FloatingPortal, ae as DROPDOWN_COLLISION_AVOIDANCE, af as useAnchorPositioning, ag as useScrollLock, ah as InternalBackdrop, ai as inertValue, aj as popupStateMapping, ak as FloatingFocusManager, al as transitionStatusMapping, am as getDisabledMountTransitionStyles, an as useCompositeListItem, ao as IndexGuessBehavior, ap as useButton, aq as ChevronRight } from "./tooltip-DZ4WdJt-.js";
-import { c as createLucideIcon, u as useComposedRefs, a as createContextScope, b as composeEventHandlers, d as createSlottable, P as Primitive, e as useCallbackRef, f as useLayoutEffect2, g as Presence, h as useControllableState, i as useSize, j as createPopperScope, R as Root2$3, k as useId$1, A as Anchor$1, l as Portal$2, m as hideOthers, n as ReactRemoveScroll, o as createSlot$1, p as useFocusGuards, F as FocusScope, D as DismissableLayer, C as Content$1, q as Arrow, r as composeRefs$1, s as cn, B as Button$2, X as X$1, t as isElement$2, v as buttonVariants$1, w as useFloating$1, x as autoUpdate, y as offset, z as flip } from "./button-C_-b_vqm.js";
+import { c as createDialogScope, R as Root$2, W as WarningProvider, C as Content, P as Portal$1, O as Overlay, T as Title, D as Description, a as Close, b as Trigger$1, s as shimExports, u as useSyncExternalStoreExports, d as ContextMenu, e as ContextMenuTrigger, f as ContextMenuContent, g as ContextMenuGroup, h as ContextMenuItem, i as ContextMenuSub, j as ContextMenuSubTrigger, k as ContextMenuSubContent, l as Tooltip, m as TooltipTrigger, n as Portal$3, o as Content2$2, p as TooltipProvider, q as TooltipContent$1, r as formatErrorMessage, t as createSelector, N as NOOP, E as EMPTY_OBJECT, v as useStableCallback, w as useIsoLayoutEffect, x as useBaseUiId, y as EMPTY_ARRAY, z as useRefWithInit, S as Store, A as useStore$1, B as useValueAsRef, F as useTransitionStatus, G as useOpenInteractionType, H as createGenericEventDetails, I as inputClear, J as inputChange, K as createChangeEventDetails, L as focusOut, M as outsidePress, Q as getTarget, U as itemPress, V as none, X as useOpenChangeComplete, Y as useFloatingRootContext$1, Z as useClick, _ as useDismiss, $ as contains$1, a0 as useListNavigation, a1 as useInteractions, a2 as useMergedRefs, a3 as visuallyHiddenInput, a4 as visuallyHidden, a5 as pressableTriggerOpenStateMapping, a6 as useDirection$1, a7 as useRenderElement, a8 as stopEvent, a9 as isFirefox, aa as escapeKey, ab as isAndroid, ac as CompositeList, ad as FloatingPortal, ae as DROPDOWN_COLLISION_AVOIDANCE, af as useAnchorPositioning, ag as useScrollLock, ah as InternalBackdrop, ai as inertValue, aj as popupStateMapping, ak as FloatingFocusManager, al as transitionStatusMapping, am as getDisabledMountTransitionStyles, an as useCompositeListItem, ao as IndexGuessBehavior, ap as useButton } from "./tooltip-B2NV0tpS.js";
+import { c as createLucideIcon, u as useComposedRefs, a as createContextScope, b as composeEventHandlers, d as createSlottable, P as Primitive, e as useCallbackRef, f as useLayoutEffect2, g as Presence, h as useControllableState, i as useSize, j as createPopperScope, R as Root2$3, k as useId$1, A as Anchor$1, l as Portal$2, m as hideOthers, n as ReactRemoveScroll, o as createSlot$1, p as useFocusGuards, F as FocusScope, D as DismissableLayer, C as Content$1, q as Arrow, r as composeRefs$1, s as cn, B as Button$2, X as X$1, t as isElement$2, v as ChevronRight, w as buttonVariants$1, x as useFloating$1, y as autoUpdate, z as offset, E as flip } from "./button-U-KvP9zg.js";
 import { cva } from "class-variance-authority";
-import { c as createRovingFocusGroupScope, u as useDirection, R as Root$3, I as Item, C as Check } from "./index-DBc0nhEL.js";
+import { c as createRovingFocusGroupScope, u as useDirection, R as Root$3, I as Item, C as Check } from "./index-BloUStie.js";
 import { createLowlight, all as all$1 } from "lowlight";
 import remarkGfm from "remark-gfm";
 import remarkMath from "remark-math";
-import { u as usePrevious, L as LoaderCircle, C as ChevronDown } from "./spinner-BXcLlTNs.js";
+import { u as usePrevious, L as LoaderCircle, C as ChevronDown } from "./spinner-w3Q_wkh3.js";
 import { AbstractChat, DefaultChatTransport } from "ai";
 import { differenceInMinutes, differenceInHours, differenceInDays, format as format$1, addDays, addMonths, addWeeks, addYears, differenceInCalendarDays, differenceInCalendarMonths, eachMonthOfInterval, eachYearOfInterval, endOfISOWeek, endOfMonth, endOfWeek, endOfYear, getISOWeek, getMonth, getYear, getWeek, isAfter as isAfter$1, isBefore as isBefore$1, isDate as isDate$1, isSameDay, isSameMonth, isSameYear, max as max$1, min as min$1, setMonth, setYear, startOfDay, startOfISOWeek, startOfMonth, startOfWeek, startOfYear } from "date-fns";
-import { D as DropdownMenu, a as DropdownMenuTrigger, E as Ellipsis, b as DropdownMenuContent, c as DropdownMenuGroup, d as DropdownMenuItem, T as Trash, e as DropdownMenuSeparator, f as DropdownMenuRadioGroup, g as DropdownMenuLabel, h as DropdownMenuRadioItem, i as DropdownMenuItemIndicator, j as DropdownMenuSub, k as DropdownMenuSubTrigger, l as DropdownMenuSubContent, m as DropdownMenuPortal, n as DropdownMenuCheckboxItem } from "./dropdown-menu-D2YyT3lP.js";
+import { D as DropdownMenu, a as DropdownMenuTrigger, E as Ellipsis, b as DropdownMenuContent, c as DropdownMenuGroup, d as DropdownMenuItem, T as Trash, e as DropdownMenuSeparator, f as DropdownMenuRadioGroup, g as DropdownMenuLabel, h as DropdownMenuRadioItem, i as DropdownMenuItemIndicator, j as DropdownMenuSub, k as DropdownMenuSubTrigger, l as DropdownMenuSubContent, m as DropdownMenuPortal, n as DropdownMenuCheckboxItem } from "./dropdown-menu-gcIcDMHP.js";
 import { NativeTypes, getEmptyImage, HTML5Backend } from "react-dnd-html5-backend";
-import { R as Root$4, S as Separator } from "./separator-8UA_ceSq.js";
-import { S as Search, t as toast } from "./index-Dtw6X3NW.js";
+import { R as Root$4, S as Separator } from "./separator-CKrKBtv4.js";
+import { S as Search, t as toast } from "./index-CWwW5yWZ.js";
 import highlight from "highlight.js";
-import { f as Trash2, P as Plus, I as Input, u as useForm, L as Label, a as useSync, T as Tabs, b as TabsList, c as TabsTrigger, d as TabsContent, J as JSONSchemaEditorProvider, e as JSONSchemaEditorContent, Y as YamlEditorLazy, S as StatusBar } from "./use-sync-TRS0zL-Y.js";
 import { enUS as enUS$1 } from "date-fns/locale";
 import debounce$1 from "lodash.debounce";
+import { P as Plus, I as Input, f as Trash2, u as useForm, L as Label, a as useSync, T as Tabs, b as TabsList, c as TabsTrigger, d as TabsContent, J as JSONSchemaEditorProvider, e as JSONSchemaEditorContent, Y as YamlEditorLazy, S as StatusBar } from "./use-sync-p_-o0jkt.js";
 import { genUploader, version as version$2 } from "uploadthing/client";
 import { z } from "zod";
 import "../__vite_rsc_assets_manifest.js";
 import "node:async_hooks";
 import "tailwind-merge";
 import "ajv/dist/2020.js";
-const __iconNode$1r = [
+const __iconNode$1q = [
   ["rect", { width: "18", height: "18", x: "3", y: "3", rx: "2", ry: "2", key: "1m3agn" }],
   ["polyline", { points: "11 3 11 11 14 8 17 11 17 3", key: "1wcwz3" }]
 ];
-const Album = createLucideIcon("album", __iconNode$1r);
-const __iconNode$1q = [
+const Album = createLucideIcon("album", __iconNode$1q);
+const __iconNode$1p = [
   ["path", { d: "M12 6.528V3a1 1 0 0 1 1-1h0", key: "11qiee" }],
   [
     "path",
@@ -43,28 +43,28 @@ const __iconNode$1q = [
     }
   ]
 ];
-const Apple = createLucideIcon("apple", __iconNode$1q);
-const __iconNode$1p = [
+const Apple = createLucideIcon("apple", __iconNode$1p);
+const __iconNode$1o = [
   ["path", { d: "M12 5v14", key: "s699le" }],
   ["path", { d: "m19 12-7 7-7-7", key: "1idqje" }]
 ];
-const ArrowDown = createLucideIcon("arrow-down", __iconNode$1p);
-const __iconNode$1o = [
+const ArrowDown = createLucideIcon("arrow-down", __iconNode$1o);
+const __iconNode$1n = [
   ["path", { d: "m12 19-7-7 7-7", key: "1l729n" }],
   ["path", { d: "M19 12H5", key: "x3x0zl" }]
 ];
-const ArrowLeft = createLucideIcon("arrow-left", __iconNode$1o);
-const __iconNode$1n = [
+const ArrowLeft = createLucideIcon("arrow-left", __iconNode$1n);
+const __iconNode$1m = [
   ["path", { d: "M5 12h14", key: "1ays0h" }],
   ["path", { d: "m12 5 7 7-7 7", key: "xquz4c" }]
 ];
-const ArrowRight = createLucideIcon("arrow-right", __iconNode$1n);
-const __iconNode$1m = [
+const ArrowRight = createLucideIcon("arrow-right", __iconNode$1m);
+const __iconNode$1l = [
   ["path", { d: "m5 12 7-7 7 7", key: "hav0vg" }],
   ["path", { d: "M12 19V5", key: "x0mq9r" }]
 ];
-const ArrowUp = createLucideIcon("arrow-up", __iconNode$1m);
-const __iconNode$1l = [
+const ArrowUp = createLucideIcon("arrow-up", __iconNode$1l);
+const __iconNode$1k = [
   ["path", { d: "M2 10v3", key: "1fnikh" }],
   ["path", { d: "M6 6v11", key: "11sgs0" }],
   ["path", { d: "M10 3v18", key: "yhl04a" }],
@@ -72,8 +72,8 @@ const __iconNode$1l = [
   ["path", { d: "M18 5v13", key: "123xd1" }],
   ["path", { d: "M22 10v3", key: "154ddg" }]
 ];
-const AudioLines = createLucideIcon("audio-lines", __iconNode$1l);
-const __iconNode$1k = [
+const AudioLines = createLucideIcon("audio-lines", __iconNode$1k);
+const __iconNode$1j = [
   [
     "path",
     {
@@ -84,21 +84,21 @@ const __iconNode$1k = [
   ["path", { d: "M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3", key: "1u773s" }],
   ["line", { x1: "12", x2: "12.01", y1: "17", y2: "17", key: "io3f8k" }]
 ];
-const BadgeQuestionMark = createLucideIcon("badge-question-mark", __iconNode$1k);
-const __iconNode$1j = [
+const BadgeQuestionMark = createLucideIcon("badge-question-mark", __iconNode$1j);
+const __iconNode$1i = [
   ["path", { d: "M4 20h16", key: "14thso" }],
   ["path", { d: "m6 16 6-12 6 12", key: "1b4byz" }],
   ["path", { d: "M8 12h8", key: "1wcyev" }]
 ];
-const Baseline = createLucideIcon("baseline", __iconNode$1j);
-const __iconNode$1i = [
+const Baseline = createLucideIcon("baseline", __iconNode$1i);
+const __iconNode$1h = [
   [
     "path",
     { d: "M6 12h9a4 4 0 0 1 0 8H7a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1h7a4 4 0 0 1 0 8", key: "mg9rjx" }
   ]
 ];
-const Bold = createLucideIcon("bold", __iconNode$1i);
-const __iconNode$1h = [
+const Bold = createLucideIcon("bold", __iconNode$1h);
+const __iconNode$1g = [
   ["path", { d: "M12 21V7", key: "gj6g52" }],
   ["path", { d: "m16 12 2 2 4-4", key: "mdajum" }],
   [
@@ -109,8 +109,8 @@ const __iconNode$1h = [
     }
   ]
 ];
-const BookOpenCheck = createLucideIcon("book-open-check", __iconNode$1h);
-const __iconNode$1g = [
+const BookOpenCheck = createLucideIcon("book-open-check", __iconNode$1g);
+const __iconNode$1f = [
   [
     "path",
     { d: "M8 3H7a2 2 0 0 0-2 2v5a2 2 0 0 1-2 2 2 2 0 0 1 2 2v5c0 1.1.9 2 2 2h1", key: "ezmyqa" }
@@ -123,34 +123,34 @@ const __iconNode$1g = [
     }
   ]
 ];
-const Braces = createLucideIcon("braces", __iconNode$1g);
-const __iconNode$1f = [
+const Braces = createLucideIcon("braces", __iconNode$1f);
+const __iconNode$1e = [
   ["path", { d: "M8 2v4", key: "1cmpym" }],
   ["path", { d: "M16 2v4", key: "4m81vk" }],
   ["rect", { width: "18", height: "18", x: "3", y: "4", rx: "2", key: "1hopcy" }],
   ["path", { d: "M3 10h18", key: "8toen8" }]
 ];
-const Calendar$1 = createLucideIcon("calendar", __iconNode$1f);
-const __iconNode$1e = [["path", { d: "m15 18-6-6 6-6", key: "1wnfg3" }]];
-const ChevronLeft = createLucideIcon("chevron-left", __iconNode$1e);
-const __iconNode$1d = [
+const Calendar$1 = createLucideIcon("calendar", __iconNode$1e);
+const __iconNode$1d = [["path", { d: "m15 18-6-6 6-6", key: "1wnfg3" }]];
+const ChevronLeft = createLucideIcon("chevron-left", __iconNode$1d);
+const __iconNode$1c = [
   ["path", { d: "M12 6v6l4 2", key: "mmk7yg" }],
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }]
 ];
-const Clock = createLucideIcon("clock", __iconNode$1d);
-const __iconNode$1c = [
+const Clock = createLucideIcon("clock", __iconNode$1c);
+const __iconNode$1b = [
   ["path", { d: "m18 16 4-4-4-4", key: "1inbqp" }],
   ["path", { d: "m6 8-4 4 4 4", key: "15zrgr" }],
   ["path", { d: "m14.5 4-5 16", key: "e7oirm" }]
 ];
-const CodeXml = createLucideIcon("code-xml", __iconNode$1c);
-const __iconNode$1b = [
+const CodeXml = createLucideIcon("code-xml", __iconNode$1b);
+const __iconNode$1a = [
   ["rect", { width: "18", height: "18", x: "3", y: "3", rx: "2", key: "afitv7" }],
   ["path", { d: "M9 3v18", key: "fh3hqa" }],
   ["path", { d: "M15 3v18", key: "14nvp0" }]
 ];
-const Columns3 = createLucideIcon("columns-3", __iconNode$1b);
-const __iconNode$1a = [
+const Columns3 = createLucideIcon("columns-3", __iconNode$1a);
+const __iconNode$19 = [
   ["path", { d: "M14 3a1 1 0 0 1 1 1v5a1 1 0 0 1-1 1", key: "1l7d7l" }],
   ["path", { d: "M19 3a1 1 0 0 1 1 1v5a1 1 0 0 1-1 1", key: "9955pe" }],
   ["path", { d: "m7 15 3 3", key: "4hkfgk" }],
@@ -158,8 +158,8 @@ const __iconNode$1a = [
   ["rect", { x: "14", y: "14", width: "7", height: "7", rx: "1", key: "1cdgtw" }],
   ["rect", { x: "3", y: "3", width: "7", height: "7", rx: "1", key: "zi3rio" }]
 ];
-const Combine = createLucideIcon("combine", __iconNode$1a);
-const __iconNode$19 = [
+const Combine = createLucideIcon("combine", __iconNode$19);
+const __iconNode$18 = [
   [
     "path",
     {
@@ -169,29 +169,29 @@ const __iconNode$19 = [
   ],
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }]
 ];
-const Compass = createLucideIcon("compass", __iconNode$19);
-const __iconNode$18 = [
+const Compass = createLucideIcon("compass", __iconNode$18);
+const __iconNode$17 = [
   ["rect", { width: "14", height: "14", x: "8", y: "8", rx: "2", ry: "2", key: "17jyea" }],
   ["path", { d: "M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2", key: "zix9uf" }]
 ];
-const Copy = createLucideIcon("copy", __iconNode$18);
-const __iconNode$17 = [
+const Copy = createLucideIcon("copy", __iconNode$17);
+const __iconNode$16 = [
   ["path", { d: "M20 4v7a4 4 0 0 1-4 4H4", key: "6o5b7l" }],
   ["path", { d: "m9 10-5 5 5 5", key: "1kshq7" }]
 ];
-const CornerDownLeft = createLucideIcon("corner-down-left", __iconNode$17);
-const __iconNode$16 = [
+const CornerDownLeft = createLucideIcon("corner-down-left", __iconNode$16);
+const __iconNode$15 = [
   ["path", { d: "M20 20v-7a4 4 0 0 0-4-4H4", key: "1nkjon" }],
   ["path", { d: "M9 14 4 9l5-5", key: "102s5s" }]
 ];
-const CornerUpLeft = createLucideIcon("corner-up-left", __iconNode$16);
-const __iconNode$15 = [
+const CornerUpLeft = createLucideIcon("corner-up-left", __iconNode$15);
+const __iconNode$14 = [
   ["path", { d: "M12 15V3", key: "m9g1x1" }],
   ["path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4", key: "ih7n3h" }],
   ["path", { d: "m7 10 5 5 5-5", key: "brsn70" }]
 ];
-const Download = createLucideIcon("download", __iconNode$15);
-const __iconNode$14 = [
+const Download = createLucideIcon("download", __iconNode$14);
+const __iconNode$13 = [
   [
     "path",
     {
@@ -201,14 +201,14 @@ const __iconNode$14 = [
   ],
   ["path", { d: "m5.082 11.09 8.828 8.828", key: "1wx5vj" }]
 ];
-const Eraser = createLucideIcon("eraser", __iconNode$14);
-const __iconNode$13 = [
+const Eraser = createLucideIcon("eraser", __iconNode$13);
+const __iconNode$12 = [
   ["path", { d: "M15 3h6v6", key: "1q9fwt" }],
   ["path", { d: "M10 14 21 3", key: "gplh6r" }],
   ["path", { d: "M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6", key: "a6xqqp" }]
 ];
-const ExternalLink = createLucideIcon("external-link", __iconNode$13);
-const __iconNode$12 = [
+const ExternalLink = createLucideIcon("external-link", __iconNode$12);
+const __iconNode$11 = [
   [
     "path",
     {
@@ -218,8 +218,8 @@ const __iconNode$12 = [
   ],
   ["circle", { cx: "12", cy: "12", r: "3", key: "1v7zrd" }]
 ];
-const Eye = createLucideIcon("eye", __iconNode$12);
-const __iconNode$11 = [
+const Eye = createLucideIcon("eye", __iconNode$11);
+const __iconNode$10 = [
   [
     "path",
     {
@@ -230,8 +230,8 @@ const __iconNode$11 = [
   ["path", { d: "M16 8 2 22", key: "vp34q" }],
   ["path", { d: "M17.5 15H9", key: "1oz8nu" }]
 ];
-const Feather = createLucideIcon("feather", __iconNode$11);
-const __iconNode$10 = [
+const Feather = createLucideIcon("feather", __iconNode$10);
+const __iconNode$$ = [
   [
     "path",
     {
@@ -243,8 +243,8 @@ const __iconNode$10 = [
   ["path", { d: "M10 12.5 8 15l2 2.5", key: "1tg20x" }],
   ["path", { d: "m14 12.5 2 2.5-2 2.5", key: "yinavb" }]
 ];
-const FileCode = createLucideIcon("file-code", __iconNode$10);
-const __iconNode$$ = [
+const FileCode = createLucideIcon("file-code", __iconNode$$);
+const __iconNode$_ = [
   [
     "path",
     {
@@ -256,8 +256,8 @@ const __iconNode$$ = [
   ["path", { d: "M12 12v6", key: "3ahymv" }],
   ["path", { d: "m15 15-3-3-3 3", key: "15xj92" }]
 ];
-const FileUp = createLucideIcon("file-up", __iconNode$$);
-const __iconNode$_ = [
+const FileUp = createLucideIcon("file-up", __iconNode$_);
+const __iconNode$Z = [
   ["rect", { width: "18", height: "18", x: "3", y: "3", rx: "2", key: "afitv7" }],
   ["path", { d: "M7 3v18", key: "bbkbws" }],
   ["path", { d: "M3 7.5h4", key: "zfgn84" }],
@@ -267,8 +267,8 @@ const __iconNode$_ = [
   ["path", { d: "M17 7.5h4", key: "myr1c1" }],
   ["path", { d: "M17 16.5h4", key: "go4c1d" }]
 ];
-const Film = createLucideIcon("film", __iconNode$_);
-const __iconNode$Z = [
+const Film = createLucideIcon("film", __iconNode$Z);
+const __iconNode$Y = [
   [
     "path",
     {
@@ -277,30 +277,21 @@ const __iconNode$Z = [
     }
   ]
 ];
-const Flag = createLucideIcon("flag", __iconNode$Z);
-const __iconNode$Y = [
+const Flag = createLucideIcon("flag", __iconNode$Y);
+const __iconNode$X = [
   ["path", { d: "M12 3v18", key: "108xh3" }],
   ["path", { d: "M3 12h18", key: "1i2n21" }],
   ["rect", { x: "3", y: "3", width: "18", height: "18", rx: "2", key: "h1oib" }]
 ];
-const Grid2x2 = createLucideIcon("grid-2x2", __iconNode$Y);
-const __iconNode$X = [
+const Grid2x2 = createLucideIcon("grid-2x2", __iconNode$X);
+const __iconNode$W = [
   ["rect", { width: "18", height: "18", x: "3", y: "3", rx: "2", key: "afitv7" }],
   ["path", { d: "M3 9h18", key: "1pudct" }],
   ["path", { d: "M3 15h18", key: "5xshup" }],
   ["path", { d: "M9 3v18", key: "fh3hqa" }],
   ["path", { d: "M15 3v18", key: "14nvp0" }]
 ];
-const Grid3x3 = createLucideIcon("grid-3x3", __iconNode$X);
-const __iconNode$W = [
-  ["circle", { cx: "12", cy: "9", r: "1", key: "124mty" }],
-  ["circle", { cx: "19", cy: "9", r: "1", key: "1ruzo2" }],
-  ["circle", { cx: "5", cy: "9", r: "1", key: "1a8b28" }],
-  ["circle", { cx: "12", cy: "15", r: "1", key: "1e56xg" }],
-  ["circle", { cx: "19", cy: "15", r: "1", key: "1a92ep" }],
-  ["circle", { cx: "5", cy: "15", r: "1", key: "5r1jwy" }]
-];
-const GripHorizontal = createLucideIcon("grip-horizontal", __iconNode$W);
+const Grid3x3 = createLucideIcon("grid-3x3", __iconNode$W);
 const __iconNode$V = [
   ["circle", { cx: "9", cy: "12", r: "1", key: "1vctgf" }],
   ["circle", { cx: "9", cy: "5", r: "1", key: "hp0tcf" }],
@@ -67288,201 +67279,6 @@ const BaseCodeBlockKit = [
   BaseCodeLinePlugin.withComponent(CodeLineElementStatic),
   BaseCodeSyntaxPlugin.withComponent(CodeSyntaxLeafStatic)
 ];
-const withColumn = ({ editor, tf: { normalizeNode: normalizeNode2, selectAll: selectAll2 }, type }) => ({ transforms: {
-  normalizeNode([n2, path3]) {
-    if (ElementApi.isElement(n2) && n2.type === editor.getType(KEYS.columnGroup)) {
-      const node3 = n2;
-      const firstChild = node3.children[0];
-      if (node3.children.length === 1 && firstChild.type === editor.getType(KEYS.p)) editor.tf.unwrapNodes({ at: PathApi.child(path3, 0) });
-      if (!node3.children.some((child) => ElementApi.isElement(child) && child.type === type)) {
-        editor.tf.removeNodes({ at: path3 });
-        return;
-      }
-      if (node3.children.length < 2) {
-        editor.tf.withoutNormalizing(() => {
-          editor.tf.unwrapNodes({ at: path3 });
-          editor.tf.unwrapNodes({ at: path3 });
-        });
-        return;
-      }
-      editor.tf.withoutNormalizing(() => {
-        const totalColumns = node3.children.length;
-        let widths = node3.children.map((col) => {
-          const parsed = Number.parseFloat(col.width);
-          return Number.isNaN(parsed) ? 0 : parsed;
-        });
-        const sum = widths.reduce((acc, w2) => acc + w2, 0);
-        if (sum !== 100) {
-          const adjustment = (100 - sum) / totalColumns;
-          widths = widths.map((w2) => w2 + adjustment);
-          widths.forEach((w2, i) => {
-            const columnPath = path3.concat([i]);
-            editor.tf.setNodes({ width: `${w2}%` }, { at: columnPath });
-          });
-        }
-      });
-    }
-    if (ElementApi.isElement(n2) && n2.type === type) {
-      if (n2.children.length === 0) {
-        editor.tf.removeNodes({ at: path3 });
-        return;
-      }
-    }
-    return normalizeNode2([n2, path3]);
-  },
-  selectAll: () => {
-    const apply2 = () => {
-      const at3 = editor.selection;
-      if (!at3) return;
-      const column = editor.api.above({ match: { type } });
-      if (!column) return;
-      let targetPath = column[1];
-      if (editor.api.isStart(editor.api.start(at3), targetPath) && editor.api.isEnd(editor.api.end(at3), targetPath)) targetPath = PathApi.parent(targetPath);
-      if (targetPath.length === 0) return;
-      editor.tf.select(targetPath);
-      return true;
-    };
-    if (apply2()) return true;
-    return selectAll2();
-  }
-} });
-const BaseColumnItemPlugin = createSlatePlugin({
-  key: KEYS.column,
-  node: {
-    isContainer: true,
-    isElement: true,
-    isStrictSiblings: true
-  }
-}).overrideEditor(withColumn);
-const BaseColumnPlugin = createSlatePlugin({
-  key: KEYS.columnGroup,
-  node: {
-    isContainer: true,
-    isElement: true
-  },
-  plugins: [BaseColumnItemPlugin]
-});
-const insertColumnGroup = (editor, { columns = 2, select: selectProp, ...options2 } = {}) => {
-  const width = 100 / columns;
-  editor.tf.withoutNormalizing(() => {
-    editor.tf.insertNodes({
-      children: new Array(columns).fill(null).map(() => ({
-        children: [editor.api.create.block()],
-        type: editor.getType(KEYS.column),
-        width: `${width}%`
-      })),
-      type: editor.getType(KEYS.columnGroup)
-    }, options2);
-    if (selectProp) {
-      const entry = editor.api.node({
-        at: options2.at,
-        match: { type: editor.getType(KEYS.column) }
-      });
-      if (!entry) return;
-      editor.tf.select(entry[1].concat([0]));
-    }
-  });
-};
-const columnsToWidths = ({ columns = 2 } = {}) => new Array(columns).fill(null).map(() => `${100 / columns}%`);
-const setColumns = (editor, { at: at3, columns, widths }) => {
-  editor.tf.withoutNormalizing(() => {
-    if (!at3) return;
-    widths = widths ?? columnsToWidths({ columns });
-    if (widths.length === 0) return;
-    const columnGroup = editor.api.node(at3);
-    if (!columnGroup) return;
-    const [{ children }, path3] = columnGroup;
-    const currentCount = children.length;
-    const targetCount = widths.length;
-    if (currentCount === targetCount) {
-      widths.forEach((width, i) => {
-        editor.tf.setNodes({ width }, { at: path3.concat([i]) });
-      });
-      return;
-    }
-    if (targetCount > currentCount) {
-      const columnsToAdd = targetCount - currentCount;
-      const insertPath = path3.concat([currentCount]);
-      const newColumns = new Array(columnsToAdd).fill(null).map((_, i) => ({
-        children: [editor.api.create.block()],
-        type: editor.getType(KEYS.column),
-        width: widths[currentCount + i] || `${100 / targetCount}%`
-      }));
-      editor.tf.insertNodes(newColumns, { at: insertPath });
-      widths.forEach((width, i) => {
-        editor.tf.setNodes({ width }, { at: path3.concat([i]) });
-      });
-      return;
-    }
-    if (targetCount < currentCount) {
-      const keepColumnIndex = targetCount - 1;
-      const keepColumnPath = path3.concat([keepColumnIndex]);
-      const keepColumnNode = NodeApi.get(editor, keepColumnPath);
-      if (!keepColumnNode) return;
-      const to2 = keepColumnPath.concat([keepColumnNode.children.length]);
-      for (let i = currentCount - 1; i > keepColumnIndex; i--) {
-        const columnPath = path3.concat([i]);
-        const columnEntry = editor.api.node(columnPath);
-        if (!columnEntry) continue;
-        editor.tf.moveNodes({
-          at: columnEntry[1],
-          children: true,
-          to: to2
-        });
-      }
-      for (let i = currentCount - 1; i > keepColumnIndex; i--) editor.tf.removeNodes({ at: path3.concat([i]) });
-      widths.forEach((width, i) => {
-        editor.tf.setNodes({ width }, { at: path3.concat([i]) });
-      });
-    }
-  });
-};
-const toggleColumnGroup = (editor, { at: at3, columns = 2, widths } = {}) => {
-  const entry = editor.api.block({ at: at3 });
-  const columnGroupEntry = editor.api.block({
-    above: true,
-    at: at3,
-    match: { type: editor.getType(KEYS.columnGroup) }
-  });
-  if (!entry) return;
-  const [node3, path3] = entry;
-  if (columnGroupEntry) setColumns(editor, {
-    at: columnGroupEntry[1],
-    columns,
-    widths
-  });
-  else {
-    const columnWidths = widths || columnsToWidths({ columns });
-    const nodes2 = {
-      children: new Array(columns).fill(null).map((_, index2) => ({
-        children: [index2 === 0 ? node3 : editor.api.create.block()],
-        type: editor.getType(KEYS.column),
-        width: columnWidths[index2]
-      })),
-      type: editor.getType(KEYS.columnGroup)
-    };
-    editor.tf.replaceNodes(nodes2, { at: path3 });
-    editor.tf.select(editor.api.start(path3.concat([0])));
-  }
-};
-function ColumnElementStatic(props) {
-  const { width } = props.element;
-  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "group/column relative", style: { width: width ?? "100%" }, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-    SlateElement,
-    {
-      className: "h-full px-2 pt-2 group-first/column:pl-0 group-last/column:pr-0",
-      ...props,
-      children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "relative h-full border border-transparent p-1.5", children: props.children })
-    }
-  ) });
-}
-function ColumnGroupElementStatic(props) {
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(SlateElement, { className: "mb-2", ...props, children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex size-full rounded", children: props.children }) });
-}
-const BaseColumnKit = [
-  BaseColumnPlugin.withComponent(ColumnGroupElementStatic),
-  BaseColumnItemPlugin.withComponent(ColumnElementStatic)
-];
 function CommentLeafStatic(props) {
   return /* @__PURE__ */ jsxRuntimeExports.jsx(SlateLeaf, { ...props, className: "border-b-2 border-b-highlight/35 bg-highlight/15", children: props.children });
 }
@@ -68568,7 +68364,28 @@ const MarkdownKit = [
   MarkdownPlugin.configure({
     options: {
       plainMarks: [KEYS.suggestion, KEYS.comment],
-      remarkPlugins: [remarkMath, remarkGfm, remarkMdx]
+      remarkPlugins: [remarkMath, remarkGfm, remarkMdx],
+      rules: {
+        code_block: {
+          deserialize: (mdastNode, _deco, options2) => ({
+            children: (mdastNode.value || "").split("\n").map((line) => ({
+              children: [{ text: line }],
+              type: getPluginType(options2.editor, KEYS.codeLine)
+            })),
+            lang: mdastNode.lang ?? void 0,
+            meta: mdastNode.meta,
+            type: getPluginType(options2.editor, KEYS.codeBlock)
+          }),
+          serialize: (node3) => ({
+            lang: node3.lang,
+            type: "code",
+            meta: node3.meta,
+            value: node3.children.map(
+              (child) => child?.children === void 0 ? child.text : child.children.map((c2) => c2.text).join("")
+            ).join("\n")
+          })
+        }
+      }
     }
   })
 ];
@@ -87313,7 +87130,6 @@ const BaseEditorKit = [
   ...BaseTableKit,
   ...BaseMediaKit,
   ...BaseCalloutKit,
-  ...BaseColumnKit,
   ...BaseMathKit,
   ...BaseDateKit,
   ...BaseLinkKit,
@@ -93627,7 +93443,7 @@ const useDropLine = (t0) => {
   const $2 = distExports.c(5);
   let t1;
   if ($2[0] !== t0) {
-    t1 = t0 === void 0 ? {} : t0;
+    t1 = {};
     $2[0] = t0;
     $2[1] = t1;
   } else t1 = $2[1];
@@ -98423,7 +98239,7 @@ function ComboboxChipsInput({ className, ...props }) {
     ComboboxInput,
     {
       "data-slot": "combobox-chip-input",
-      className: cn("min-w-16 flex-1 outline-none", className),
+      className: cn("outline-none", className),
       ...props
     }
   );
@@ -98439,10 +98255,11 @@ function CodeBlockElement(props) {
         /* @__PURE__ */ jsxRuntimeExports.jsxs(
           "div",
           {
-            className: "flex items-center select-none px-3 pb-1 contain-layout",
+            className: "flex items-center select-none pb-1 contain-layout gap-1",
             contentEditable: false,
             children: [
               /* @__PURE__ */ jsxRuntimeExports.jsx(CodeBlockCombobox, {}),
+              /* @__PURE__ */ jsxRuntimeExports.jsx(CodeBlockMeta, {}),
               isLangSupported(element.lang) && /* @__PURE__ */ jsxRuntimeExports.jsxs(
                 Button$2,
                 {
@@ -98480,46 +98297,87 @@ function CodeBlockElement(props) {
     }
   );
 }
+function CodeBlockMeta() {
+  const editor = useEditorRef();
+  const readOnly = useReadOnly();
+  const element = useElement();
+  const [value, setValue2] = reactExports.useState(element.meta);
+  if (readOnly)
+    return /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "px-2 flex-1 font-mono text-sm text-muted-foreground", children: value });
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    "input",
+    {
+      value,
+      onChange: (e2) => setValue2(e2.target.value),
+      onBlur: () => {
+        editor.transforms.setNodes({ meta: value }, { at: element });
+      },
+      placeholder: "custom meta",
+      className: "px-2 rounded-lg flex-1 min-w-0 w-fit font-mono text-sm hover:bg-accent hover:text-accent-foreground focus-visible:outline-none not-focus-visible:text-muted-foreground placeholder:text-muted-foreground"
+    }
+  );
+}
+const languageItems = lowlight.listLanguages().map((lang) => {
+  const info = highlight.getLanguage(lang);
+  return {
+    label: info.name ?? lang,
+    value: lang
+  };
+});
 function CodeBlockCombobox() {
   const editor = useEditorRef();
   const element = useElement();
   const readOnly = useReadOnly();
-  const items2 = reactExports.useMemo(() => {
-    return lowlight.listLanguages().map((lang) => {
-      const info = highlight.getLanguage(lang);
-      return {
-        label: info.name ?? lang,
-        value: lang
-      };
-    });
-  }, []);
-  const value = reactExports.useMemo(() => {
-    if (!element.lang) return null;
-    const name = highlight.getLanguage(element.lang)?.name ?? element.lang;
-    return items2.find((item) => item.label === name) ?? null;
+  const [open2, setOpen] = reactExports.useState(false);
+  const selectOnCloseRef = reactExports.useRef(null);
+  const [items2, value] = reactExports.useMemo(() => {
+    let items22 = languageItems;
+    let value2 = null;
+    if (element.lang) {
+      const info = highlight.getLanguage(element.lang);
+      if (info) {
+        value2 = languageItems.find((item) => item.label === info.name) ?? null;
+      } else {
+        value2 = {
+          label: element.lang,
+          value: element.lang
+        };
+        items22 = [...items22, value2];
+      }
+    }
+    return [items22, value2];
   }, [element.lang]);
+  function setLang(lang) {
+    editor.tf.setNodes({ lang }, { at: element });
+    editor.tf.replaceNodes(element.children, { at: element, children: true });
+  }
   if (readOnly) {
-    return /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "font-mono text-sm text-muted-foreground me-auto", children: value?.label });
+    return /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "px-2 font-mono text-sm text-muted-foreground", children: value?.label });
   }
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(
     Combobox,
     {
       items: items2,
       value,
+      onInputValueChange: (v) => {
+        selectOnCloseRef.current = v;
+      },
       onValueChange: (item) => {
-        if (item) {
-          editor.tf.replaceNodes(
-            { ...element, lang: item.value },
-            { at: element, select: true }
-          );
-        }
+        if (item === null) return;
+        setLang(item.value);
+        selectOnCloseRef.current = null;
+      },
+      open: open2,
+      onOpenChange: (v) => {
+        if (!v && selectOnCloseRef.current) setLang(selectOnCloseRef.current);
+        setOpen(v);
       },
       children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx(
           ComboboxChipsInput,
           {
             placeholder: "Select Language",
-            className: "flex-1 font-mono text-sm not-data-popup-open:text-muted-foreground"
+            className: "px-2 rounded-lg font-mono text-sm not-data-popup-open:text-muted-foreground hover:bg-accent hover:text-accent-foreground"
           }
         ),
         /* @__PURE__ */ jsxRuntimeExports.jsx(ComboboxContent, { className: "max-w-[200px]", children: /* @__PURE__ */ jsxRuntimeExports.jsx(ComboboxList2, { children: (item) => /* @__PURE__ */ jsxRuntimeExports.jsx(ComboboxItem2, { value: item, children: item.label }, item.value) }) })
@@ -98568,614 +98426,6 @@ const CodeBlockKit = [
   CodeLinePlugin.withComponent(CodeLineElement),
   CodeSyntaxPlugin.withComponent(CodeSyntaxLeaf)
 ];
-const ColumnItemPlugin = toPlatePlugin(BaseColumnItemPlugin);
-const ColumnPlugin = toPlatePlugin(BaseColumnPlugin, { plugins: [ColumnItemPlugin] });
-const isTouchEvent = (event) => "touches" in event;
-const resizeLengthToRelative = (length, parentLength) => {
-  if (typeof length === "number") return `${length / parentLength * 100}%`;
-  return length;
-};
-const resizeLengthToStatic = (length, parentLength) => {
-  if (typeof length === "string") return parentLength * Number.parseFloat(length) / 100;
-  return length;
-};
-const resizeLengthClampStatic = (length, { max: max2, min: min2 }) => {
-  let result = length;
-  if (min2 !== void 0) result = Math.max(result, min2);
-  if (max2 !== void 0) result = Math.min(result, max2);
-  return result;
-};
-const resizeLengthClamp = (length, parentLength, { max: max2, min: min2 }) => {
-  const clampedStaticLength = resizeLengthClampStatic(resizeLengthToStatic(length, parentLength), {
-    max: max2 === void 0 ? void 0 : resizeLengthToStatic(max2, parentLength),
-    min: min2 === void 0 ? void 0 : resizeLengthToStatic(min2, parentLength)
-  });
-  switch (typeof length) {
-    case "number":
-      return clampedStaticLength;
-    case "string":
-      return resizeLengthToRelative(clampedStaticLength, parentLength);
-    default:
-      throw new Error("Invalid length type");
-  }
-};
-const initialState = { onResize: null };
-const { ResizeHandleProvider, useResizeHandleValue } = createAtomStore(initialState, {
-  name: "resizeHandle",
-  suppressWarnings: true
-});
-const useResizeHandleState = (t0) => {
-  const $2 = distExports.c(21);
-  const { direction: t1, initialSize: _initialSize, onHover, onHoverEnd, onMouseDown, onResize: onResizeProp, onTouchStart } = t0;
-  const direction = t1 === void 0 ? "left" : t1;
-  const readOnly = useReadOnly();
-  const onResizeStore = useResizeHandleValue("onResize");
-  const onResize = onResizeProp ?? onResizeStore;
-  const [isResizing, setIsResizing] = We.useState(false);
-  const [initialPosition, setInitialPosition] = We.useState(0);
-  const [initialSizeState, setInitialSize] = We.useState(0);
-  const initialSize = _initialSize ?? initialSizeState;
-  const isHorizontal = direction === "left" || direction === "right";
-  let t2;
-  let t3;
-  if ($2[0] !== direction || $2[1] !== initialPosition || $2[2] !== initialSize || $2[3] !== isHorizontal || $2[4] !== isResizing || $2[5] !== onHoverEnd || $2[6] !== onResize) {
-    t2 = () => {
-      if (!isResizing) return;
-      const sendResizeEvent = (event, finished) => {
-        const { clientX, clientY } = isTouchEvent(event) ? event.touches[0] || event.changedTouches[0] : event;
-        onResize({
-          delta: (isHorizontal ? clientX : clientY) - initialPosition,
-          direction,
-          finished,
-          initialSize
-        });
-      };
-      const handleMouseMove = (event_0) => sendResizeEvent(event_0, false);
-      const handleMouseUp = (event_1) => {
-        setIsResizing(false);
-        onHoverEnd?.();
-        sendResizeEvent(event_1, true);
-      };
-      window.addEventListener("mousemove", handleMouseMove);
-      window.addEventListener("mouseup", handleMouseUp);
-      window.addEventListener("touchmove", handleMouseMove);
-      window.addEventListener("touchend", handleMouseUp);
-      return () => {
-        window.removeEventListener("mousemove", handleMouseMove);
-        window.removeEventListener("mouseup", handleMouseUp);
-        window.removeEventListener("touchmove", handleMouseMove);
-        window.removeEventListener("touchend", handleMouseUp);
-      };
-    };
-    t3 = [
-      isResizing,
-      initialPosition,
-      initialSize,
-      onResize,
-      isHorizontal,
-      onHoverEnd,
-      direction
-    ];
-    $2[0] = direction;
-    $2[1] = initialPosition;
-    $2[2] = initialSize;
-    $2[3] = isHorizontal;
-    $2[4] = isResizing;
-    $2[5] = onHoverEnd;
-    $2[6] = onResize;
-    $2[7] = t2;
-    $2[8] = t3;
-  } else {
-    t2 = $2[7];
-    t3 = $2[8];
-  }
-  We.useEffect(t2, t3);
-  let t4;
-  if ($2[9] !== direction || $2[10] !== initialPosition || $2[11] !== initialSize || $2[12] !== isHorizontal || $2[13] !== isResizing || $2[14] !== onHover || $2[15] !== onHoverEnd || $2[16] !== onMouseDown || $2[17] !== onResize || $2[18] !== onTouchStart || $2[19] !== readOnly) {
-    t4 = {
-      direction,
-      initialPosition,
-      initialSize,
-      isHorizontal,
-      isResizing,
-      readOnly,
-      setInitialPosition,
-      setInitialSize,
-      setIsResizing,
-      onHover,
-      onHoverEnd,
-      onMouseDown,
-      onResize,
-      onTouchStart
-    };
-    $2[9] = direction;
-    $2[10] = initialPosition;
-    $2[11] = initialSize;
-    $2[12] = isHorizontal;
-    $2[13] = isResizing;
-    $2[14] = onHover;
-    $2[15] = onHoverEnd;
-    $2[16] = onMouseDown;
-    $2[17] = onResize;
-    $2[18] = onTouchStart;
-    $2[19] = readOnly;
-    $2[20] = t4;
-  } else t4 = $2[20];
-  return t4;
-};
-const useResizeHandle = ({ isHorizontal, isResizing, readOnly, setInitialPosition, setInitialSize, setIsResizing, onHover, onHoverEnd, onMouseDown, onTouchStart }) => {
-  const handleMouseDown = (event) => {
-    const { clientX, clientY } = event;
-    setInitialPosition(isHorizontal ? clientX : clientY);
-    const element = event.target.parentElement;
-    setInitialSize(isHorizontal ? element.offsetWidth : element.offsetHeight);
-    setIsResizing(true);
-    onMouseDown?.(event);
-  };
-  const handleTouchStart = (event) => {
-    const { touches } = event;
-    const { clientX, clientY } = touches[0];
-    setInitialPosition(isHorizontal ? clientX : clientY);
-    const element = event.target.parentElement;
-    setInitialSize(isHorizontal ? element.offsetWidth : element.offsetHeight);
-    setIsResizing(true);
-    onTouchStart?.(event);
-  };
-  const handleMouseOver = () => {
-    onHover?.();
-  };
-  const handleMouseOut = () => {
-    if (!isResizing) onHoverEnd?.();
-  };
-  return {
-    hidden: readOnly,
-    props: {
-      onMouseDown: handleMouseDown,
-      onMouseOut: handleMouseOut,
-      onMouseOver: handleMouseOver,
-      onTouchEnd: handleMouseOut,
-      onTouchMove: handleMouseOver,
-      onTouchStart: handleTouchStart
-    }
-  };
-};
-createPrimitiveComponent("div")({
-  propsHook: useResizeHandle,
-  stateHook: useResizeHandleState
-});
-const { ResizableProvider, useResizableSet, useResizableValue } = createAtomStore({ width: 0 }, { name: "resizable" });
-const useResizableState = (t0) => {
-  const $2 = distExports.c(17);
-  let t1;
-  if ($2[0] !== t0) {
-    t1 = t0 === void 0 ? {} : t0;
-    $2[0] = t0;
-    $2[1] = t1;
-  } else t1 = $2[1];
-  const { align: t2, maxWidth: t3, minWidth: t4 } = t1;
-  const align = t2 === void 0 ? "center" : t2;
-  const maxWidth = t3 === void 0 ? "100%" : t3;
-  const minWidth = t4 === void 0 ? 92 : t4;
-  const editor = useEditorRef();
-  const element = useElement();
-  const path3 = usePath();
-  const nodeWidth = element?.width ?? "100%";
-  const width = useResizableValue("width");
-  const setWidth = useResizableSet("width");
-  let t5;
-  if ($2[2] !== editor || $2[3] !== nodeWidth || $2[4] !== path3) {
-    t5 = (w2) => {
-      if (w2 === nodeWidth) editor.tf.select(path3);
-      else editor.tf.setNodes({ width: w2 }, { at: path3 });
-    };
-    $2[2] = editor;
-    $2[3] = nodeWidth;
-    $2[4] = path3;
-    $2[5] = t5;
-  } else t5 = $2[5];
-  const setNodeWidth = t5;
-  let t6;
-  let t7;
-  if ($2[6] !== nodeWidth || $2[7] !== setWidth) {
-    t6 = () => {
-      setWidth(nodeWidth);
-    };
-    t7 = [nodeWidth, setWidth];
-    $2[6] = nodeWidth;
-    $2[7] = setWidth;
-    $2[8] = t6;
-    $2[9] = t7;
-  } else {
-    t6 = $2[8];
-    t7 = $2[9];
-  }
-  We.useEffect(t6, t7);
-  let t8;
-  if ($2[10] !== align || $2[11] !== maxWidth || $2[12] !== minWidth || $2[13] !== setNodeWidth || $2[14] !== setWidth || $2[15] !== width) {
-    t8 = {
-      align,
-      maxWidth,
-      minWidth,
-      setNodeWidth,
-      setWidth,
-      width
-    };
-    $2[10] = align;
-    $2[11] = maxWidth;
-    $2[12] = minWidth;
-    $2[13] = setNodeWidth;
-    $2[14] = setWidth;
-    $2[15] = width;
-    $2[16] = t8;
-  } else t8 = $2[16];
-  return t8;
-};
-const useResizable = (t0) => {
-  const $2 = distExports.c(19);
-  const { align, maxWidth, minWidth, setNodeWidth, setWidth, width } = t0;
-  const wrapperRef = We.useRef(null);
-  let t1;
-  if ($2[0] !== align || $2[1] !== maxWidth || $2[2] !== minWidth || $2[3] !== setNodeWidth || $2[4] !== setWidth) {
-    t1 = (t2$1) => {
-      const { delta, direction, finished, initialSize } = t2$1;
-      const wrapperStaticWidth = wrapperRef.current.offsetWidth;
-      const newWidth = resizeLengthClamp(initialSize + delta * ((align === "center" ? 2 : 1) * (direction === "left" ? -1 : 1)), wrapperStaticWidth, {
-        max: maxWidth,
-        min: minWidth
-      });
-      if (finished) setNodeWidth(newWidth);
-      else setWidth(newWidth);
-    };
-    $2[0] = align;
-    $2[1] = maxWidth;
-    $2[2] = minWidth;
-    $2[3] = setNodeWidth;
-    $2[4] = setWidth;
-    $2[5] = t1;
-  } else t1 = $2[5];
-  const t2 = t1;
-  let t3;
-  if ($2[6] !== t2) {
-    t3 = { onResize: t2 };
-    $2[6] = t2;
-    $2[7] = t3;
-  } else t3 = $2[7];
-  let t4;
-  if ($2[8] !== maxWidth || $2[9] !== minWidth || $2[10] !== width) {
-    t4 = {
-      maxWidth,
-      minWidth,
-      position: "relative",
-      width
-    };
-    $2[8] = maxWidth;
-    $2[9] = minWidth;
-    $2[10] = width;
-    $2[11] = t4;
-  } else t4 = $2[11];
-  const t5 = t4;
-  let t6;
-  if ($2[12] !== t5) {
-    t6 = { style: t5 };
-    $2[12] = t5;
-    $2[13] = t6;
-  } else t6 = $2[13];
-  let t7;
-  if ($2[14] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t7 = { position: "relative" };
-    $2[14] = t7;
-  } else t7 = $2[14];
-  let t8;
-  if ($2[15] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t8 = { style: t7 };
-    $2[15] = t8;
-  } else t8 = $2[15];
-  let t9;
-  if ($2[16] !== t3 || $2[17] !== t6) {
-    t9 = {
-      context: t3,
-      props: t6,
-      wrapperProps: t8,
-      wrapperRef
-    };
-    $2[16] = t3;
-    $2[17] = t6;
-    $2[18] = t9;
-  } else t9 = $2[18];
-  return t9;
-};
-const Resizable$1 = We.forwardRef((t0, ref2) => {
-  const $2 = distExports.c(16);
-  let children;
-  let options2;
-  let rest;
-  if ($2[0] !== t0) {
-    ({ children, options: options2, ...rest } = t0);
-    $2[0] = t0;
-    $2[1] = children;
-    $2[2] = options2;
-    $2[3] = rest;
-  } else {
-    children = $2[1];
-    options2 = $2[2];
-    rest = $2[3];
-  }
-  const { context, props, wrapperProps, wrapperRef } = useResizable(useResizableState(options2));
-  let t1;
-  if ($2[4] !== children || $2[5] !== context.onResize) {
-    t1 = /* @__PURE__ */ We.createElement(ResizeHandleProvider, { onResize: context.onResize }, children);
-    $2[4] = children;
-    $2[5] = context.onResize;
-    $2[6] = t1;
-  } else t1 = $2[6];
-  let t2;
-  if ($2[7] !== props || $2[8] !== ref2 || $2[9] !== rest || $2[10] !== t1) {
-    t2 = /* @__PURE__ */ We.createElement("div", {
-      ref: ref2,
-      ...props,
-      ...rest
-    }, t1);
-    $2[7] = props;
-    $2[8] = ref2;
-    $2[9] = rest;
-    $2[10] = t1;
-    $2[11] = t2;
-  } else t2 = $2[11];
-  let t3;
-  if ($2[12] !== t2 || $2[13] !== wrapperProps || $2[14] !== wrapperRef) {
-    t3 = /* @__PURE__ */ We.createElement("div", {
-      ref: wrapperRef,
-      ...wrapperProps
-    }, t2);
-    $2[12] = t2;
-    $2[13] = wrapperProps;
-    $2[14] = wrapperRef;
-    $2[15] = t3;
-  } else t3 = $2[15];
-  return t3;
-});
-Resizable$1.displayName = "Resizable";
-const ColumnElement = withHOC(
-  ResizableProvider,
-  function ColumnElement2(props) {
-    const { width } = props.element;
-    const readOnly = useReadOnly();
-    const isSelectionAreaVisible = usePluginOption(BlockSelectionPlugin, "isSelectionAreaVisible");
-    const { isDragging, previewRef, handleRef } = useDraggable({
-      element: props.element,
-      orientation: "horizontal",
-      type: "column",
-      canDropNode: ({ dragEntry, dropEntry }) => PathApi.equals(PathApi.parent(dragEntry[1]), PathApi.parent(dropEntry[1]))
-    });
-    return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "group/column relative", style: { width: width ?? "100%" }, children: [
-      !readOnly && !isSelectionAreaVisible && /* @__PURE__ */ jsxRuntimeExports.jsx(
-        "div",
-        {
-          ref: handleRef,
-          className: cn(
-            "-translate-x-1/2 -translate-y-1/2 absolute top-2 left-1/2 z-50",
-            "pointer-events-auto flex items-center",
-            "opacity-0 transition-opacity group-hover/column:opacity-100"
-          ),
-          children: /* @__PURE__ */ jsxRuntimeExports.jsx(ColumnDragHandle, {})
-        }
-      ),
-      /* @__PURE__ */ jsxRuntimeExports.jsx(
-        PlateElement,
-        {
-          ...props,
-          ref: useComposedRef$1(props.ref, previewRef),
-          className: "h-full px-2 pt-2 group-first/column:pl-0 group-last/column:pr-0",
-          children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
-            "div",
-            {
-              className: cn(
-                "relative h-full border border-transparent p-1.5",
-                !readOnly && "rounded-lg border-border border-dashed",
-                isDragging && "opacity-50"
-              ),
-              children: [
-                props.children,
-                !readOnly && !isSelectionAreaVisible && /* @__PURE__ */ jsxRuntimeExports.jsx(DropLine$1, {})
-              ]
-            }
-          )
-        }
-      )
-    ] });
-  }
-);
-const ColumnDragHandle = reactExports.memo(function ColumnDragHandle2() {
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(TooltipProvider, { children: /* @__PURE__ */ jsxRuntimeExports.jsxs(Tooltip, { children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Button$2, { variant: "ghost", className: "!px-1 h-5", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-      GripHorizontal,
-      {
-        className: "text-muted-foreground",
-        onClick: (event) => {
-          event.stopPropagation();
-          event.preventDefault();
-        }
-      }
-    ) }) }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(TooltipContent$1, { children: "Drag to move column" })
-  ] }) });
-});
-function DropLine$1() {
-  const { dropLine } = useDropLine({ orientation: "horizontal" });
-  if (!dropLine) return null;
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(
-    "div",
-    {
-      className: cn(
-        "slate-dropLine",
-        "absolute bg-brand/50",
-        dropLine === "left" && "group-first/column:-left-1 inset-y-0 left-[-10.5px] w-1",
-        dropLine === "right" && "group-last/column:-right-1 inset-y-0 right-[-11px] w-1"
-      )
-    }
-  );
-}
-function ColumnGroupElement(props) {
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(PlateElement, { className: "mb-2", ...props, children: /* @__PURE__ */ jsxRuntimeExports.jsx(ColumnFloatingToolbar, { children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex size-full rounded", children: props.children }) }) });
-}
-function ColumnFloatingToolbar({ children }) {
-  const editor = useEditorRef();
-  const readOnly = useReadOnly();
-  const element = useElement();
-  const { props: buttonProps } = useRemoveNodeButton({ element });
-  const selected = useSelected();
-  const isCollapsed = useEditorSelector((editor2) => editor2.api.isCollapsed(), []);
-  const isFocusedLast = useFocusedLast();
-  const open2 = isFocusedLast && !readOnly && selected && isCollapsed;
-  const onColumnChange = (widths) => {
-    setColumns(editor, {
-      at: element,
-      widths
-    });
-  };
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs(Popover, { open: open2, modal: false, children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx(PopoverAnchor, { children }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(
-      PopoverContent,
-      {
-        className: "w-auto p-1",
-        onOpenAutoFocus: (e2) => e2.preventDefault(),
-        align: "center",
-        side: "top",
-        sideOffset: 10,
-        children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "box-content flex h-8 items-center", children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx(Button$2, { variant: "ghost", className: "size-8", onClick: () => onColumnChange(["50%", "50%"]), children: /* @__PURE__ */ jsxRuntimeExports.jsx(DoubleColumnOutlined, {}) }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx(
-            Button$2,
-            {
-              variant: "ghost",
-              className: "size-8",
-              onClick: () => onColumnChange(["33%", "33%", "33%"]),
-              children: /* @__PURE__ */ jsxRuntimeExports.jsx(ThreeColumnOutlined, {})
-            }
-          ),
-          /* @__PURE__ */ jsxRuntimeExports.jsx(Button$2, { variant: "ghost", className: "size-8", onClick: () => onColumnChange(["70%", "30%"]), children: /* @__PURE__ */ jsxRuntimeExports.jsx(RightSideDoubleColumnOutlined, {}) }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx(Button$2, { variant: "ghost", className: "size-8", onClick: () => onColumnChange(["30%", "70%"]), children: /* @__PURE__ */ jsxRuntimeExports.jsx(LeftSideDoubleColumnOutlined, {}) }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx(
-            Button$2,
-            {
-              variant: "ghost",
-              className: "size-8",
-              onClick: () => onColumnChange(["25%", "50%", "25%"]),
-              children: /* @__PURE__ */ jsxRuntimeExports.jsx(DoubleSideDoubleColumnOutlined, {})
-            }
-          ),
-          /* @__PURE__ */ jsxRuntimeExports.jsx(Separator, { orientation: "vertical", className: "mx-1 h-6" }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx(Button$2, { variant: "ghost", className: "size-8", ...buttonProps, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Trash2, {}) })
-        ] })
-      }
-    )
-  ] });
-}
-const DoubleColumnOutlined = (props) => /* @__PURE__ */ jsxRuntimeExports.jsx(
-  "svg",
-  {
-    fill: "none",
-    height: "16",
-    viewBox: "0 0 16 16",
-    width: "16",
-    xmlns: "http://www.w3.org/2000/svg",
-    ...props,
-    children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-      "path",
-      {
-        clipRule: "evenodd",
-        d: "M8.5 3H13V13H8.5V3ZM7.5 2H8.5H13C13.5523 2 14 2.44772 14 3V13C14 13.5523 13.5523 14 13 14H8.5H7.5H3C2.44772 14 2 13.5523 2 13V3C2 2.44772 2.44772 2 3 2H7.5ZM7.5 13H3L3 3H7.5V13Z",
-        fill: "currentColor",
-        fillRule: "evenodd"
-      }
-    )
-  }
-);
-const ThreeColumnOutlined = (props) => /* @__PURE__ */ jsxRuntimeExports.jsx(
-  "svg",
-  {
-    fill: "none",
-    height: "16",
-    viewBox: "0 0 16 16",
-    width: "16",
-    xmlns: "http://www.w3.org/2000/svg",
-    ...props,
-    children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-      "path",
-      {
-        clipRule: "evenodd",
-        d: "M9.25 3H6.75V13H9.25V3ZM9.25 2H6.75H5.75H3C2.44772 2 2 2.44772 2 3V13C2 13.5523 2.44772 14 3 14H5.75H6.75H9.25H10.25H13C13.5523 14 14 13.5523 14 13V3C14 2.44772 13.5523 2 13 2H10.25H9.25ZM10.25 3V13H13V3H10.25ZM3 13H5.75V3H3L3 13Z",
-        fill: "currentColor",
-        fillRule: "evenodd"
-      }
-    )
-  }
-);
-const RightSideDoubleColumnOutlined = (props) => /* @__PURE__ */ jsxRuntimeExports.jsx(
-  "svg",
-  {
-    fill: "none",
-    height: "16",
-    viewBox: "0 0 16 16",
-    width: "16",
-    xmlns: "http://www.w3.org/2000/svg",
-    ...props,
-    children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-      "path",
-      {
-        clipRule: "evenodd",
-        d: "M11.25 3H13V13H11.25V3ZM10.25 2H11.25H13C13.5523 2 14 2.44772 14 3V13C14 13.5523 13.5523 14 13 14H11.25H10.25H3C2.44772 14 2 13.5523 2 13V3C2 2.44772 2.44772 2 3 2H10.25ZM10.25 13H3L3 3H10.25V13Z",
-        fill: "currentColor",
-        fillRule: "evenodd"
-      }
-    )
-  }
-);
-const LeftSideDoubleColumnOutlined = (props) => /* @__PURE__ */ jsxRuntimeExports.jsx(
-  "svg",
-  {
-    fill: "none",
-    height: "16",
-    viewBox: "0 0 16 16",
-    width: "16",
-    xmlns: "http://www.w3.org/2000/svg",
-    ...props,
-    children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-      "path",
-      {
-        clipRule: "evenodd",
-        d: "M5.75 3H13V13H5.75V3ZM4.75 2H5.75H13C13.5523 2 14 2.44772 14 3V13C14 13.5523 13.5523 14 13 14H5.75H4.75H3C2.44772 14 2 13.5523 2 13V3C2 2.44772 2.44772 2 3 2H4.75ZM4.75 13H3L3 3H4.75V13Z",
-        fill: "currentColor",
-        fillRule: "evenodd"
-      }
-    )
-  }
-);
-const DoubleSideDoubleColumnOutlined = (props) => /* @__PURE__ */ jsxRuntimeExports.jsx(
-  "svg",
-  {
-    fill: "none",
-    height: "16",
-    viewBox: "0 0 16 16",
-    width: "16",
-    xmlns: "http://www.w3.org/2000/svg",
-    ...props,
-    children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-      "path",
-      {
-        clipRule: "evenodd",
-        d: "M10.25 3H5.75V13H10.25V3ZM10.25 2H5.75H4.75H3C2.44772 2 2 2.44772 2 3V13C2 13.5523 2.44772 14 3 14H4.75H5.75H10.25H11.25H13C13.5523 14 14 13.5523 14 13V3C14 2.44772 13.5523 2 13 2H11.25H10.25ZM11.25 3V13H13V3H11.25ZM3 13H4.75V3H3L3 13Z",
-        fill: "currentColor",
-        fillRule: "evenodd"
-      }
-    )
-  }
-);
-const ColumnKit = [
-  ColumnPlugin.withComponent(ColumnGroupElement),
-  ColumnItemPlugin.withComponent(ColumnElement)
-];
 function GhostText() {
   const element = useElement();
   const isSuggested = usePluginOption(CopilotPlugin, "isSuggested", element.id);
@@ -108421,6 +107671,109 @@ function OutdentToolbarButton(props) {
   const { props: buttonProps } = useOutdentButton();
   return /* @__PURE__ */ jsxRuntimeExports.jsx(ToolbarButton, { ...props, ...buttonProps, tooltip: "Outdent", children: /* @__PURE__ */ jsxRuntimeExports.jsx(ListIndentDecrease, {}) });
 }
+const insertColumnGroup = (editor, { columns = 2, select: selectProp, ...options2 } = {}) => {
+  const width = 100 / columns;
+  editor.tf.withoutNormalizing(() => {
+    editor.tf.insertNodes({
+      children: new Array(columns).fill(null).map(() => ({
+        children: [editor.api.create.block()],
+        type: editor.getType(KEYS.column),
+        width: `${width}%`
+      })),
+      type: editor.getType(KEYS.columnGroup)
+    }, options2);
+    if (selectProp) {
+      const entry = editor.api.node({
+        at: options2.at,
+        match: { type: editor.getType(KEYS.column) }
+      });
+      if (!entry) return;
+      editor.tf.select(entry[1].concat([0]));
+    }
+  });
+};
+const columnsToWidths = ({ columns = 2 } = {}) => new Array(columns).fill(null).map(() => `${100 / columns}%`);
+const setColumns = (editor, { at: at3, columns, widths }) => {
+  editor.tf.withoutNormalizing(() => {
+    if (!at3) return;
+    widths = widths ?? columnsToWidths({ columns });
+    if (widths.length === 0) return;
+    const columnGroup = editor.api.node(at3);
+    if (!columnGroup) return;
+    const [{ children }, path3] = columnGroup;
+    const currentCount = children.length;
+    const targetCount = widths.length;
+    if (currentCount === targetCount) {
+      widths.forEach((width, i) => {
+        editor.tf.setNodes({ width }, { at: path3.concat([i]) });
+      });
+      return;
+    }
+    if (targetCount > currentCount) {
+      const columnsToAdd = targetCount - currentCount;
+      const insertPath = path3.concat([currentCount]);
+      const newColumns = new Array(columnsToAdd).fill(null).map((_, i) => ({
+        children: [editor.api.create.block()],
+        type: editor.getType(KEYS.column),
+        width: widths[currentCount + i] || `${100 / targetCount}%`
+      }));
+      editor.tf.insertNodes(newColumns, { at: insertPath });
+      widths.forEach((width, i) => {
+        editor.tf.setNodes({ width }, { at: path3.concat([i]) });
+      });
+      return;
+    }
+    if (targetCount < currentCount) {
+      const keepColumnIndex = targetCount - 1;
+      const keepColumnPath = path3.concat([keepColumnIndex]);
+      const keepColumnNode = NodeApi.get(editor, keepColumnPath);
+      if (!keepColumnNode) return;
+      const to2 = keepColumnPath.concat([keepColumnNode.children.length]);
+      for (let i = currentCount - 1; i > keepColumnIndex; i--) {
+        const columnPath = path3.concat([i]);
+        const columnEntry = editor.api.node(columnPath);
+        if (!columnEntry) continue;
+        editor.tf.moveNodes({
+          at: columnEntry[1],
+          children: true,
+          to: to2
+        });
+      }
+      for (let i = currentCount - 1; i > keepColumnIndex; i--) editor.tf.removeNodes({ at: path3.concat([i]) });
+      widths.forEach((width, i) => {
+        editor.tf.setNodes({ width }, { at: path3.concat([i]) });
+      });
+    }
+  });
+};
+const toggleColumnGroup = (editor, { at: at3, columns = 2, widths } = {}) => {
+  const entry = editor.api.block({ at: at3 });
+  const columnGroupEntry = editor.api.block({
+    above: true,
+    at: at3,
+    match: { type: editor.getType(KEYS.columnGroup) }
+  });
+  if (!entry) return;
+  const [node3, path3] = entry;
+  if (columnGroupEntry) setColumns(editor, {
+    at: columnGroupEntry[1],
+    columns,
+    widths
+  });
+  else {
+    const columnWidths = widths || columnsToWidths({ columns });
+    const nodes2 = {
+      children: new Array(columns).fill(null).map((_, index2) => ({
+        children: [index2 === 0 ? node3 : editor.api.create.block()],
+        type: editor.getType(KEYS.column),
+        width: columnWidths[index2]
+      })),
+      type: editor.getType(KEYS.columnGroup)
+    };
+    editor.tf.replaceNodes(nodes2, { at: path3 });
+    editor.tf.select(editor.api.start(path3.concat([0])));
+  }
+};
 var isClient$1 = typeof document !== "undefined";
 var noop$3 = function noop() {
 };
@@ -109627,6 +108980,371 @@ const triggerFloatingLink = (editor, { focused } = {}) => {
   }
   triggerFloatingLinkInsert(editor, { focused });
 };
+const isTouchEvent = (event) => "touches" in event;
+const resizeLengthToRelative = (length, parentLength) => {
+  if (typeof length === "number") return `${length / parentLength * 100}%`;
+  return length;
+};
+const resizeLengthToStatic = (length, parentLength) => {
+  if (typeof length === "string") return parentLength * Number.parseFloat(length) / 100;
+  return length;
+};
+const resizeLengthClampStatic = (length, { max: max2, min: min2 }) => {
+  let result = length;
+  if (min2 !== void 0) result = Math.max(result, min2);
+  if (max2 !== void 0) result = Math.min(result, max2);
+  return result;
+};
+const resizeLengthClamp = (length, parentLength, { max: max2, min: min2 }) => {
+  const clampedStaticLength = resizeLengthClampStatic(resizeLengthToStatic(length, parentLength), {
+    max: max2 === void 0 ? void 0 : resizeLengthToStatic(max2, parentLength),
+    min: min2 === void 0 ? void 0 : resizeLengthToStatic(min2, parentLength)
+  });
+  switch (typeof length) {
+    case "number":
+      return clampedStaticLength;
+    case "string":
+      return resizeLengthToRelative(clampedStaticLength, parentLength);
+    default:
+      throw new Error("Invalid length type");
+  }
+};
+const initialState = { onResize: null };
+const { ResizeHandleProvider, useResizeHandleValue } = createAtomStore(initialState, {
+  name: "resizeHandle",
+  suppressWarnings: true
+});
+const useResizeHandleState = (t0) => {
+  const $2 = distExports.c(21);
+  const { direction: t1, initialSize: _initialSize, onHover, onHoverEnd, onMouseDown, onResize: onResizeProp, onTouchStart } = t0;
+  const direction = t1 === void 0 ? "left" : t1;
+  const readOnly = useReadOnly();
+  const onResizeStore = useResizeHandleValue("onResize");
+  const onResize = onResizeProp ?? onResizeStore;
+  const [isResizing, setIsResizing] = We.useState(false);
+  const [initialPosition, setInitialPosition] = We.useState(0);
+  const [initialSizeState, setInitialSize] = We.useState(0);
+  const initialSize = _initialSize ?? initialSizeState;
+  const isHorizontal = direction === "left" || direction === "right";
+  let t2;
+  let t3;
+  if ($2[0] !== direction || $2[1] !== initialPosition || $2[2] !== initialSize || $2[3] !== isHorizontal || $2[4] !== isResizing || $2[5] !== onHoverEnd || $2[6] !== onResize) {
+    t2 = () => {
+      if (!isResizing) return;
+      const sendResizeEvent = (event, finished) => {
+        const { clientX, clientY } = isTouchEvent(event) ? event.touches[0] || event.changedTouches[0] : event;
+        onResize({
+          delta: (isHorizontal ? clientX : clientY) - initialPosition,
+          direction,
+          finished,
+          initialSize
+        });
+      };
+      const handleMouseMove = (event_0) => sendResizeEvent(event_0, false);
+      const handleMouseUp = (event_1) => {
+        setIsResizing(false);
+        onHoverEnd?.();
+        sendResizeEvent(event_1, true);
+      };
+      window.addEventListener("mousemove", handleMouseMove);
+      window.addEventListener("mouseup", handleMouseUp);
+      window.addEventListener("touchmove", handleMouseMove);
+      window.addEventListener("touchend", handleMouseUp);
+      return () => {
+        window.removeEventListener("mousemove", handleMouseMove);
+        window.removeEventListener("mouseup", handleMouseUp);
+        window.removeEventListener("touchmove", handleMouseMove);
+        window.removeEventListener("touchend", handleMouseUp);
+      };
+    };
+    t3 = [
+      isResizing,
+      initialPosition,
+      initialSize,
+      onResize,
+      isHorizontal,
+      onHoverEnd,
+      direction
+    ];
+    $2[0] = direction;
+    $2[1] = initialPosition;
+    $2[2] = initialSize;
+    $2[3] = isHorizontal;
+    $2[4] = isResizing;
+    $2[5] = onHoverEnd;
+    $2[6] = onResize;
+    $2[7] = t2;
+    $2[8] = t3;
+  } else {
+    t2 = $2[7];
+    t3 = $2[8];
+  }
+  We.useEffect(t2, t3);
+  let t4;
+  if ($2[9] !== direction || $2[10] !== initialPosition || $2[11] !== initialSize || $2[12] !== isHorizontal || $2[13] !== isResizing || $2[14] !== onHover || $2[15] !== onHoverEnd || $2[16] !== onMouseDown || $2[17] !== onResize || $2[18] !== onTouchStart || $2[19] !== readOnly) {
+    t4 = {
+      direction,
+      initialPosition,
+      initialSize,
+      isHorizontal,
+      isResizing,
+      readOnly,
+      setInitialPosition,
+      setInitialSize,
+      setIsResizing,
+      onHover,
+      onHoverEnd,
+      onMouseDown,
+      onResize,
+      onTouchStart
+    };
+    $2[9] = direction;
+    $2[10] = initialPosition;
+    $2[11] = initialSize;
+    $2[12] = isHorizontal;
+    $2[13] = isResizing;
+    $2[14] = onHover;
+    $2[15] = onHoverEnd;
+    $2[16] = onMouseDown;
+    $2[17] = onResize;
+    $2[18] = onTouchStart;
+    $2[19] = readOnly;
+    $2[20] = t4;
+  } else t4 = $2[20];
+  return t4;
+};
+const useResizeHandle = ({ isHorizontal, isResizing, readOnly, setInitialPosition, setInitialSize, setIsResizing, onHover, onHoverEnd, onMouseDown, onTouchStart }) => {
+  const handleMouseDown = (event) => {
+    const { clientX, clientY } = event;
+    setInitialPosition(isHorizontal ? clientX : clientY);
+    const element = event.target.parentElement;
+    setInitialSize(isHorizontal ? element.offsetWidth : element.offsetHeight);
+    setIsResizing(true);
+    onMouseDown?.(event);
+  };
+  const handleTouchStart = (event) => {
+    const { touches } = event;
+    const { clientX, clientY } = touches[0];
+    setInitialPosition(isHorizontal ? clientX : clientY);
+    const element = event.target.parentElement;
+    setInitialSize(isHorizontal ? element.offsetWidth : element.offsetHeight);
+    setIsResizing(true);
+    onTouchStart?.(event);
+  };
+  const handleMouseOver = () => {
+    onHover?.();
+  };
+  const handleMouseOut = () => {
+    if (!isResizing) onHoverEnd?.();
+  };
+  return {
+    hidden: readOnly,
+    props: {
+      onMouseDown: handleMouseDown,
+      onMouseOut: handleMouseOut,
+      onMouseOver: handleMouseOver,
+      onTouchEnd: handleMouseOut,
+      onTouchMove: handleMouseOver,
+      onTouchStart: handleTouchStart
+    }
+  };
+};
+createPrimitiveComponent("div")({
+  propsHook: useResizeHandle,
+  stateHook: useResizeHandleState
+});
+const { ResizableProvider, useResizableSet, useResizableValue } = createAtomStore({ width: 0 }, { name: "resizable" });
+const useResizableState = (t0) => {
+  const $2 = distExports.c(17);
+  let t1;
+  if ($2[0] !== t0) {
+    t1 = t0 === void 0 ? {} : t0;
+    $2[0] = t0;
+    $2[1] = t1;
+  } else t1 = $2[1];
+  const { align: t2, maxWidth: t3, minWidth: t4 } = t1;
+  const align = t2 === void 0 ? "center" : t2;
+  const maxWidth = t3 === void 0 ? "100%" : t3;
+  const minWidth = t4 === void 0 ? 92 : t4;
+  const editor = useEditorRef();
+  const element = useElement();
+  const path3 = usePath();
+  const nodeWidth = element?.width ?? "100%";
+  const width = useResizableValue("width");
+  const setWidth = useResizableSet("width");
+  let t5;
+  if ($2[2] !== editor || $2[3] !== nodeWidth || $2[4] !== path3) {
+    t5 = (w2) => {
+      if (w2 === nodeWidth) editor.tf.select(path3);
+      else editor.tf.setNodes({ width: w2 }, { at: path3 });
+    };
+    $2[2] = editor;
+    $2[3] = nodeWidth;
+    $2[4] = path3;
+    $2[5] = t5;
+  } else t5 = $2[5];
+  const setNodeWidth = t5;
+  let t6;
+  let t7;
+  if ($2[6] !== nodeWidth || $2[7] !== setWidth) {
+    t6 = () => {
+      setWidth(nodeWidth);
+    };
+    t7 = [nodeWidth, setWidth];
+    $2[6] = nodeWidth;
+    $2[7] = setWidth;
+    $2[8] = t6;
+    $2[9] = t7;
+  } else {
+    t6 = $2[8];
+    t7 = $2[9];
+  }
+  We.useEffect(t6, t7);
+  let t8;
+  if ($2[10] !== align || $2[11] !== maxWidth || $2[12] !== minWidth || $2[13] !== setNodeWidth || $2[14] !== setWidth || $2[15] !== width) {
+    t8 = {
+      align,
+      maxWidth,
+      minWidth,
+      setNodeWidth,
+      setWidth,
+      width
+    };
+    $2[10] = align;
+    $2[11] = maxWidth;
+    $2[12] = minWidth;
+    $2[13] = setNodeWidth;
+    $2[14] = setWidth;
+    $2[15] = width;
+    $2[16] = t8;
+  } else t8 = $2[16];
+  return t8;
+};
+const useResizable = (t0) => {
+  const $2 = distExports.c(19);
+  const { align, maxWidth, minWidth, setNodeWidth, setWidth, width } = t0;
+  const wrapperRef = We.useRef(null);
+  let t1;
+  if ($2[0] !== align || $2[1] !== maxWidth || $2[2] !== minWidth || $2[3] !== setNodeWidth || $2[4] !== setWidth) {
+    t1 = (t2$1) => {
+      const { delta, direction, finished, initialSize } = t2$1;
+      const wrapperStaticWidth = wrapperRef.current.offsetWidth;
+      const newWidth = resizeLengthClamp(initialSize + delta * ((align === "center" ? 2 : 1) * (direction === "left" ? -1 : 1)), wrapperStaticWidth, {
+        max: maxWidth,
+        min: minWidth
+      });
+      if (finished) setNodeWidth(newWidth);
+      else setWidth(newWidth);
+    };
+    $2[0] = align;
+    $2[1] = maxWidth;
+    $2[2] = minWidth;
+    $2[3] = setNodeWidth;
+    $2[4] = setWidth;
+    $2[5] = t1;
+  } else t1 = $2[5];
+  const t2 = t1;
+  let t3;
+  if ($2[6] !== t2) {
+    t3 = { onResize: t2 };
+    $2[6] = t2;
+    $2[7] = t3;
+  } else t3 = $2[7];
+  let t4;
+  if ($2[8] !== maxWidth || $2[9] !== minWidth || $2[10] !== width) {
+    t4 = {
+      maxWidth,
+      minWidth,
+      position: "relative",
+      width
+    };
+    $2[8] = maxWidth;
+    $2[9] = minWidth;
+    $2[10] = width;
+    $2[11] = t4;
+  } else t4 = $2[11];
+  const t5 = t4;
+  let t6;
+  if ($2[12] !== t5) {
+    t6 = { style: t5 };
+    $2[12] = t5;
+    $2[13] = t6;
+  } else t6 = $2[13];
+  let t7;
+  if ($2[14] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t7 = { position: "relative" };
+    $2[14] = t7;
+  } else t7 = $2[14];
+  let t8;
+  if ($2[15] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t8 = { style: t7 };
+    $2[15] = t8;
+  } else t8 = $2[15];
+  let t9;
+  if ($2[16] !== t3 || $2[17] !== t6) {
+    t9 = {
+      context: t3,
+      props: t6,
+      wrapperProps: t8,
+      wrapperRef
+    };
+    $2[16] = t3;
+    $2[17] = t6;
+    $2[18] = t9;
+  } else t9 = $2[18];
+  return t9;
+};
+const Resizable$1 = We.forwardRef((t0, ref2) => {
+  const $2 = distExports.c(16);
+  let children;
+  let options2;
+  let rest;
+  if ($2[0] !== t0) {
+    ({ children, options: options2, ...rest } = t0);
+    $2[0] = t0;
+    $2[1] = children;
+    $2[2] = options2;
+    $2[3] = rest;
+  } else {
+    children = $2[1];
+    options2 = $2[2];
+    rest = $2[3];
+  }
+  const { context, props, wrapperProps, wrapperRef } = useResizable(useResizableState(options2));
+  let t1;
+  if ($2[4] !== children || $2[5] !== context.onResize) {
+    t1 = /* @__PURE__ */ We.createElement(ResizeHandleProvider, { onResize: context.onResize }, children);
+    $2[4] = children;
+    $2[5] = context.onResize;
+    $2[6] = t1;
+  } else t1 = $2[6];
+  let t2;
+  if ($2[7] !== props || $2[8] !== ref2 || $2[9] !== rest || $2[10] !== t1) {
+    t2 = /* @__PURE__ */ We.createElement("div", {
+      ref: ref2,
+      ...props,
+      ...rest
+    }, t1);
+    $2[7] = props;
+    $2[8] = ref2;
+    $2[9] = rest;
+    $2[10] = t1;
+    $2[11] = t2;
+  } else t2 = $2[11];
+  let t3;
+  if ($2[12] !== t2 || $2[13] !== wrapperProps || $2[14] !== wrapperRef) {
+    t3 = /* @__PURE__ */ We.createElement("div", {
+      ref: wrapperRef,
+      ...wrapperProps
+    }, t2);
+    $2[12] = t2;
+    $2[13] = wrapperProps;
+    $2[14] = wrapperRef;
+    $2[15] = t3;
+  } else t3 = $2[15];
+  return t3;
+});
+Resizable$1.displayName = "Resizable";
 const onKeyDownTable = ({ editor, event }) => {
   if (event.defaultPrevented) return;
   if (event.which === 229 && editor.selection && editor.api.isExpanded()) {
@@ -116670,7 +116388,6 @@ const EditorKit = [
   ...TableKit,
   ...MediaKit,
   ...CalloutKit,
-  ...ColumnKit,
   ...MathKit,
   ...DateKit,
   ...LinkKit,