@surrealdb/ui 1.0.25 → 1.0.26

package/dist/ui.css

@@ -1,4 +1,4 @@
 @layer surreal {
-:root{--surreal-opacity-subtle: .07;--surreal-opacity-medium: .3;--surreal-opacity-strong: .6;--surreal-glass-subtle: rgba(255, 255, 255, var(--surreal-opacity-subtle));--surreal-glass-medium: rgba(255, 255, 255, var(--surreal-opacity-medium));--surreal-glass-strong: rgba(255, 255, 255, var(--surreal-opacity-strong));--surreal-blur: blur(12px);--surreal-paper-background: color-mix(in srgb, var(--mantine-color-slate-7) calc(var(--surreal-opacity-strong) * 100%), transparent);--surreal-pink: #ff00a0;--surreal-purple: #9800ff;--surreal-energy: #D255FE;--surreal-passion: #651DDD}.mantine-ActionIcon-root[data-variant=surreal]{border-width:1px;border-style:solid}.mantine-CloseButton-root[data-variant=surreal]{color:var(--mantine-color-slate-outline)}.mantine-CloseButton-root[data-variant=surreal]:hover{background-color:var(--surreal-glass-subtle)}.mantine-Button-root[data-variant=surreal]{border-width:1px;border-style:solid}.mantine-ActionIcon-root[data-variant=surreal]:disabled{opacity:var(--surreal-opacity-medium)}.mantine-Button-root[data-variant=transparent]:disabled,.mantine-ActionIcon-root[data-variant=transparent]:disabled{background-color:unset;opacity:var(--surreal-opacity-strong)}.mantine-Button-root[data-variant=surreal]:disabled,.mantine-ActionIcon-root[data-variant=surreal]:disabled,.mantine-Checkbox-root[data-variant=surreal]:disabled{border-color:var(--surreal-glass-subtle);background-color:var(--surreal-glass-subtle);color:var(--mantine-color-slate-outline)}.mantine-Button-root[data-variant=gradient]{border:1px solid var(--surreal-glass-medium);background-origin:border-box}.mantine-InputWrapper-root[data-variant=surreal] .mantine-InputWrapper-label{color:var(--mantine-color-bright);font-weight:600;margin-bottom:4px}.mantine-InputWrapper-root[data-variant=surreal] .mantine-Input-input{color:var(--mantine-color-bright);background-color:var(--surreal-glass-subtle);border:1px solid var(--surreal-glass-subtle);transition:all .25s ease}.mantine-InputWrapper-root[data-variant=surreal] .mantine-Input-input:focus-within{border-color:color-mix(in srgb,var(--mantine-color-violet-3) 75%,var(--surreal-glass-subtle));background-color:color-mix(in srgb,var(--mantine-color-violet-3) 10%,var(--surreal-glass-subtle))}.mantine-InputWrapper-root[data-variant=surreal] .mantine-Input-input::placeholder{color:var(--surreal-glass-medium)}.mantine-Autocomplete-dropdown[data-variant=surreal]{overflow:hidden}.mantine-Autocomplete-dropdown[data-variant=surreal] .mantine-Autocomplete-options{padding:4px 0 4px 4px}.mantine-Autocomplete-dropdown[data-variant=surreal] .mantine-Autocomplete-option{border-radius:var(--mantine-radius-xl)}.mantine-Autocomplete-dropdown[data-variant=surreal] .mantine-Autocomplete-option:hover{background-color:var(--surreal-glass-subtle)}.mantine-Paper-root[data-variant=surreal]{background:linear-gradient(135deg,var(--mantine-color-obsidian-8),var(--mantine-color-obsidian-9))}.mantine-Paper-root[data-variant=surreal][data-with-border]{border:1px solid var(--surreal-glass-subtle)}.mantine-Paper-root[data-variant=glass]{background:linear-gradient(135deg,var(--mantine-color-obsidian-8),rgba(from var(--mantine-color-obsidian-9) r g b/0));backdrop-filter:var(--surreal-blur);box-shadow:0 12px 45px var(--mantine-color-obsidian-9)}.mantine-Paper-root[data-variant=glass][data-with-border]{border:1px solid var(--surreal-glass-subtle)}.mantine-ScrollArea-root[data-variant=surreal] .mantine-ScrollArea-scrollbar{transition:opacity .25s ease;opacity:0}.mantine-ScrollArea-root[data-variant=surreal] .mantine-ScrollArea-scrollbar[data-state=visible]{opacity:1}.mantine-ScrollArea-root[data-variant=surreal] .mantine-ScrollArea-scrollbar:hover{background-color:var(--surreal-glass-subtle);border-radius:var(--mantine-radius-xl)}.mantine-Divider-root[data-variant=surreal]{--divider-color: var(--surreal-glass-subtle)}.mantine-Divider-root[data-variant=surreal][data-orientation=horizontal]{border-top:var(--divider-size) solid var(--divider-color)}.mantine-Divider-root[data-variant=surreal][data-orientation=vertical]{border-left:var(--divider-size) solid var(--divider-color)}.mantine-Notification-root[data-variant=surreal]{background-color:var(--surreal-glass-subtle);border:1px solid var(--surreal-glass-subtle);backdrop-filter:var(--surreal-blur);align-items:flex-start;padding:var(--mantine-spacing-md)}.mantine-Notification-root[data-variant=surreal] .mantine-Notification-title{color:var(--mantine-color-bright);font-size:var(--mantine-font-size-md);margin-block:var(--mantine-spacing-xs);font-weight:600}.mantine-Notification-root[data-variant=surreal] .mantine-Notification-description{color:var(--mantine-color-slate-2)}.mantine-Notification-root[data-variant=surreal] .mantine-Notification-icon{background-color:transparent;border:1px solid var(--surreal-glass-subtle);padding:15px;color:var(--notification-color);font-size:5rem}.mantine-Loader-root[data-variant=surreal]:after{border:none;background:conic-gradient(from 0,transparent 15%,var(--loader-color) 100%);mask:radial-gradient(circle at center,transparent 50%,#000 0%)}.mantine-ThemeIcon-root[data-variant=surreal]{border-width:1px;border-style:solid;background-color:transparent;color:var(--ti-color)}.mantine-Tooltip-tooltip[data-variant=surreal]{color:var(--tooltip-color, var(--mantine-color-text));background-color:var(--tooltip-bg, var(--mantine-color-violet-8));border:1px solid var(--tooltip-bg, var(--mantine-color-violet-8));box-shadow:var(--mantine-shadow-md);padding-block:var(--mantine-spacing-xs);padding-inline:var(--mantine-spacing-md);color:#fff}:root[data-mantine-color-scheme=light] .mantine-Tooltip-tooltip[data-variant=surreal]{background-color:var(--tooltip-bg, var(--mantine-color-violet-4));border-color:var(--tooltip-bg, var(--mantine-color-violet-4))}.mantine-Menu-dropdown[data-variant=surreal]{background-color:color-mix(in srgb,var(--mantine-color-slate-6) calc(var(--surreal-opacity-strong) * 100%),transparent);background-color:var(--surreal-glass-subtle);border:1px solid rgba(255,255,255,.125);backdrop-filter:var(--surreal-blur);border-radius:22px;padding:0}.mantine-Menu-dropdown[data-variant=surreal] .mantine-Menu-divider{border-color:#ffffff20;margin-inline:0;margin-block:var(--mantine-spacing-xs)}.mantine-Menu-dropdown[data-variant=surreal] .mantine-Menu-label{color:var(--mantine-color-bright);opacity:var(--surreal-opacity-strong);font-size:var(--mantine-font-size-xs);font-weight:600}.mantine-Menu-dropdown[data-variant=surreal] .mantine-Menu-item{border-radius:100px;color:var(--mantine-color-bright);font-weight:500}.mantine-Menu-dropdown[data-variant=surreal] .mantine-Menu-item:hover{background-color:var(--surreal-glass-subtle)}.mantine-Menu-dropdown[data-variant=surreal] .mantine-Menu-itemSection svg{opacity:var(--surreal-opacity-strong)}.mantine-Popover-dropdown[data-variant=surreal],.mantine-HoverCard-dropdown[data-variant=surreal]{background-color:color-mix(in srgb,var(--mantine-color-slate-6) calc(var(--surreal-opacity-strong) * 100%),transparent);background-color:var(--surreal-glass-subtle);border:1px solid rgba(255,255,255,.125);backdrop-filter:var(--surreal-blur);border-radius:22px;padding:0}.mantine-Popover-dropdown[data-variant=transparent],.mantine-HoverCard-dropdown[data-variant=transparent]{background-color:transparent;border:unset;padding:0}.mantine-Modal-root[data-variant=fluid] .mantine-Modal-inner,.mantine-Modal-root[data-variant=surreal] .mantine-Modal-inner{overflow-y:auto;display:grid}.mantine-Modal-root[data-variant=fluid] .mantine-Modal-content,.mantine-Modal-root[data-variant=surreal] .mantine-Modal-content{background-color:color-mix(in srgb,var(--mantine-color-slate-6) calc(var(--surreal-opacity-strong) * 100%),transparent);background-color:var(--surreal-glass-subtle);border:1px solid rgba(255,255,255,.125);backdrop-filter:var(--surreal-blur);border-radius:22px;overflow-y:unset;max-height:unset;width:var(--modal-size)}.mantine-Modal-root[data-variant=fluid] .mantine-Modal-header,.mantine-Modal-root[data-variant=surreal] .mantine-Modal-header{background-color:unset;border-bottom:1px solid var(--surreal-glass-subtle);margin-bottom:var(--mb-padding, var(--mantine-spacing-md));position:static;padding-block:0}.mantine-Modal-root[data-variant=fluid] .mantine-Modal-title,.mantine-Modal-root[data-variant=surreal] .mantine-Modal-title{font-size:var(--mantine-font-size-lg);color:var(--mantine-color-bright);font-weight:600}.mantine-Modal-root[data-variant=fluid] .mantine-Modal-header{border:none;margin-bottom:0}.mantine-Overlay-root[data-variant=surreal]{background-color:color-mix(in srgb,var(--mantine-color-slate-9),transparent)}.mantine-Anchor-root[data-variant=surreal]{color:var(--mantine-color-bright)}.mantine-Anchor-root[data-variant=surreal]:hover,.mantine-Anchor-root[data-variant=surreal]:focus-within{color:var(--mantine-color-violet-text)}.mantine-Anchor-root[data-variant=glow]>div{position:relative}.mantine-Anchor-root[data-variant=glow]>div:before,.mantine-Anchor-root[data-variant=glow]>div:after{content:"";position:absolute;pointer-events:none;transition:all .25s ease;inset:9px;z-index:-2;opacity:0;filter:blur(6px);mix-blend-mode:screen}.mantine-Anchor-root[data-variant=glow]>div:before{background:radial-gradient(120% 170% at 0% 0%,var(--surreal-energy) 0%,rgba(197,91,255,0) 50%),radial-gradient(120% 170% at 100% 100%,var(--surreal-passion) 0%,rgba(96,114,255,0) 50%)}.mantine-Anchor-root[data-variant=glow]>div:after{background:radial-gradient(100% 100% at 0% 0%,var(--surreal-energy) 0%,rgba(197,91,255,0) 35%),radial-gradient(100% 100% at 100% 100%,var(--surreal-passion) 0%,rgba(96,114,255,0) 35%)}.mantine-Anchor-root[data-variant=glow]>div:hover:before,.mantine-Anchor-root[data-variant=glow]>div:hover:after{inset:-9px;opacity:1}.mantine-Select-root[data-variant=surreal] input{border-radius:var(--mantine-radius-xl)}.mantine-Badge-root[data-variant=surreal],.mantine-Checkbox-root[data-variant=gradient] .mantine-Checkbox-input,.mantine-Checkbox-root[data-variant=surreal] .mantine-Checkbox-input{border-radius:var(--mantine-radius-xl);background-color:var(--surreal-glass-subtle);border:1px solid var(--surreal-glass-subtle);color:var(--mantine-color-bright)}.mantine-Checkbox-root[data-variant=gradient] .mantine-Checkbox-input:checked,.mantine-Checkbox-root[data-variant=surreal] .mantine-Checkbox-input:checked{background-color:var(--checkbox-color)}.mantine-Checkbox-root[data-variant=gradient] .mantine-Checkbox-label,.mantine-Checkbox-root[data-variant=surreal] .mantine-Checkbox-label{user-select:none}.mantine-Checkbox-root[data-variant=gradient] .mantine-Checkbox-input:checked{background:linear-gradient(135deg,var(--surreal-energy),var(--surreal-passion));background-origin:border-box}.mantine-Switch-root[data-variant=gradient] .mantine-Switch-track,.mantine-Switch-root[data-variant=surreal] .mantine-Switch-track{background-color:var(--surreal-glass-subtle);border:1px solid var(--surreal-glass-subtle)}.mantine-Switch-root[data-variant=gradient] .mantine-Switch-input:checked+.mantine-Switch-track,.mantine-Switch-root[data-variant=surreal] .mantine-Switch-input:checked+.mantine-Switch-track{background-color:var(--switch-color)}.mantine-Switch-root[data-variant=gradient] .mantine-Switch-input:checked+.mantine-Switch-track{background:linear-gradient(135deg,var(--surreal-energy),var(--surreal-passion));background-origin:border-box}.mantine-Tabs-tab[data-variant=surreal]{border:1px solid var(--surreal-glass-subtle);border-radius:var(--mantine-radius-xl)}.mantine-Tabs-tab[data-variant=surreal][aria-selected=true]{border:1px solid var(--surreal-glass-subtle);background-color:var(--surreal-glass-subtle)}.mantine-Tabs-tab[data-variant=surreal][aria-selected=false]{border:1px solid transparent;background-color:transparent}.mantine-Skeleton-root[data-variant=surreal]{background-color:var(--surreal-glass-subtle)}.mantine-SegmentedControl-root[data-variant=surreal]{background-color:transparent;overflow:visible}.mantine-SegmentedControl-root[data-variant=surreal] .mantine-SegmentedControl-indicator{border-radius:3px 3px 0 0;top:unset;bottom:0;height:4px!important;background:linear-gradient(to bottom,var(--surreal-gradient-from),var(--surreal-gradient-to))}.mantine-NavLink-root[data-variant=surreal]{transition:background-color .25s ease;border-radius:var(--mantine-radius-lg);padding:var(--mantine-spacing-xs)}.mantine-NavLink-root[data-variant=surreal] .mantine-NavLink-label{font-weight:500;color:var(--mantine-color-bright)}.mantine-NavLink-root[data-variant=surreal] .mantine-NavLink-description{font-size:var(--mantine-font-size-xs);color:var(--mantine-color-slate-2);opacity:var(--surreal-opacity-strong)}.mantine-NavLink-root[data-variant=surreal]:hover{background-color:var(--surreal-glass-subtle)}.mantine-Kbd-root[data-variant=surreal]{background-color:var(--surreal-glass-subtle);border:1px solid var(--surreal-glass-subtle);color:var(--mantine-color-bright);border-radius:var(--mantine-radius-xs)}.mantine-Title-root[data-variant=gradient]{color:var(--mantine-color-bright);background:linear-gradient(180deg,var(--mantine-color-slate-0),var(--mantine-color-slate-3));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.mantine-Tabs-list[data-variant=gradient]{background:linear-gradient(135deg,var(--mantine-color-obsidian-8),var(--mantine-color-obsidian-9));border:1px solid var(--surreal-glass-subtle);border-radius:var(--mantine-radius-xl);padding:4px;gap:4px;width:fit-content}.mantine-Tabs-tab[data-variant=gradient]{border-radius:var(--mantine-radius-xl);border:1px solid transparent;color:var(--mantine-color-slate-2);transition:background-color .2s ease,color .2s ease,border-color .2s ease;background-origin:border-box}.mantine-Tabs-tab[data-variant=gradient][aria-selected=true]{background:linear-gradient(135deg,var(--surreal-energy),var(--surreal-passion));border-color:var(--surreal-glass-subtle);color:var(--mantine-color-bright);background-origin:border-box}.mantine-Tabs-tab[data-variant=gradient][aria-selected=false]:hover{background-color:var(--surreal-glass-subtle);color:var(--mantine-color-bright)}._root_744ed_1{vertical-align:middle;flex-shrink:0}._path_744ed_6{fill:currentColor}._spinning_744ed_10{animation:_spin_744ed_10 .5s linear infinite}@keyframes _spin_744ed_10{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._details_jcz73_1{background-color:var(--mantine-color-obsidian-8);border:2px solid var(--mantine-color-obsidian-4);border-radius:var(--mantine-radius-lg);padding:var(--mantine-spacing-xl);position:relative;overflow:hidden}._details_jcz73_1:before{content:" ";background:linear-gradient(120deg,var(--surreal-pink),var(--surreal-purple));position:absolute;width:100%;height:200px;border-radius:100000px;left:0;right:0;margin:0 auto;top:-220px;filter:blur(50px);pointer-events:none;z-index:0}._summary_jcz73_26{color:var(--mantine-color-slate-0);font-size:var(--mantine-spacing-lg);display:flex;justify-content:space-between;align-items:center;cursor:pointer;z-index:1;position:relative}._details_jcz73_1[open] ._summary_jcz73_26{margin-bottom:var(--mantine-spacing-md)}._chevron_jcz73_41{transition:all .1s ease}._details_jcz73_1[open] ._chevron_jcz73_41{rotate:90deg}._root_1ph8i_1 .mantine-Button-label{opacity:var(--surrealist-opacity-strong)}._root_1ph8i_1:hover .mantine-Button-label{opacity:1}._root_f9ked_1{min-height:0;flex:1}._root_f9ked_1 .cm-editor{outline:none;height:100%}._root_f9ked_1 .cm-scroller{font-family:var(--mantine-font-family-monospace)}._root_f9ked_1[data-padding] .cm-scroller{padding:var(--mantine-spacing-sm)}._root_f9ked_1 .cm-gutters{border-right:none}._root_f9ked_1 .cm-gutters,._root_f9ked_1 .cm-gutterElement{background-color:unset}._root_f9ked_1 .cm-lineNumbers{color:var(--mantine-color-slate-5)}:root[data-mantine-color-scheme=light] ._root_f9ked_1 .cm-lineNumbers{color:var(--mantine-color-slate-3)}._root_f9ked_1 .cm-activeLineGutter{color:var(--mantine-color-slate-2)}:root[data-mantine-color-scheme=light] ._root_f9ked_1 .cm-activeLineGutter{color:var(--mantine-color-slate-9)}._root_f9ked_1 .cm-cursor,._root_f9ked_1 .cm-dropCursor{border-color:currentColor;border-width:2px}._root_f9ked_1 .cm-selectionBackground{background-color:#479aff66!important}._root_f9ked_1 .cm-selectionMatch{background-color:transparent!important}._root_f9ked_1 .cm-searchMatch{background-color:var(--mantine-color-surreal-6)!important;border-radius:6px}._root_f9ked_1 .cm-searchMatch *{color:#fff}._root_f9ked_1 .cm-foldPlaceholder{background-color:var(--mantine-color-slate-6);border:none}:root[data-mantine-color-scheme=light] ._root_f9ked_1 .cm-foldPlaceholder{background-color:var(--mantine-color-slate-1)}._root_f9ked_1 .cm-tooltip{box-shadow:var(--mantine-shadow-md);border-radius:var(--mantine-radius-sm);border-color:var(--mantine-color-dark-4);background-color:color-mix(in srgb,var(--mantine-color-body) 75%,transparent);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}:root[data-mantine-color-scheme=light] ._root_f9ked_1 .cm-tooltip{border-color:var(--mantine-color-slate-2)}._root_f9ked_1 .cm-tooltip-autocomplete{padding:var(--mantine-spacing-xs)}._root_f9ked_1 .cm-tooltip-autocomplete ul{font-family:var(--mantine-font-family-monospace)!important}._root_f9ked_1 .cm-tooltip-autocomplete ul li{border-radius:var(--mantine-radius-sm);color:var(--mantine-color-slate-1)}:root[data-mantine-color-scheme=light] ._root_f9ked_1 .cm-tooltip-autocomplete ul li{color:var(--mantine-color-slate-6)}._root_f9ked_1 .cm-tooltip-autocomplete ul li[aria-selected]{background-color:var(--mantine-color-slate-6);color:var(--mantine-color-bright)!important}:root[data-mantine-color-scheme=light] ._root_f9ked_1 .cm-tooltip-autocomplete ul li[aria-selected]{background-color:var(--mantine-color-slate-1)}._root_f9ked_1 .cm-completionMatchedText{text-decoration:none;font-weight:600}._root_f9ked_1 .cm-panels{z-index:1;background-color:var(--mantine-body-color);border-color:var(--mantine-color-slate-7)}._root_f9ked_1 .cm-panels label{display:inline-flex;align-items:center;color:var(--mantine-color-bright)}._root_f9ked_1 .cm-panels button{color:var(--mantine-color-bright);background-image:unset!important;background-color:var(--mantine-color-body);border-radius:var(--mantine-radius-xs);border-color:var(--mantine-color-slate-6)}._root_f9ked_1 .cm-panels button:active{background-color:var(--mantine-color-slate-6)!important}._root_f9ked_1 .cm-panels input{background-color:var(--mantine-color-slate-6);border-radius:var(--mantine-radius-xs);color:var(--mantine-color-bright);border:none;outline:none}._root_f9ked_1 .cm-panels input[type=checkbox]{accent-color:var(--mantine-color-surreal-7)}._root_f9ked_1 .cm-panels button:focus-visible,._root_f9ked_1 .cm-panels input:focus-visible{outline:2px solid var(--mantine-primary-color-filled);outline-offset:calc(.125rem * var(--mantine-scale));border-radius:var(--mantine-radius-xs)}._root_f9ked_1 .cm-panels button[name=close]{width:24px;height:24px;transform:translateY(4px)}:root[data-mantine-color-scheme=light] ._root_f9ked_1 .cm-panels{border-color:var(--mantine-color-slate-2)}:root[data-mantine-color-scheme=light] ._root_f9ked_1 .cm-panels button{border-color:var(--mantine-color-slate-2)}:root[data-mantine-color-scheme=light] ._root_f9ked_1 .cm-panels button:active{background-color:var(--mantine-color-slate-2)!important}:root[data-mantine-color-scheme=light] ._root_f9ked_1 .cm-panels input{background-color:var(--mantine-color-slate-1)}._root_f9ked_1 .cm-gotoLine input{margin-left:var(--mantine-spacing-xs)}._root_f9ked_1 .cm-completionIcon{padding-left:4px;opacity:1}._root_f9ked_1 .cm-completionDetail{color:var(--surrealist-kind-color)}._root_f9ked_1 .cm-tooltip-autocomplete ul li[aria-selected] .cm-completionIcon:after{filter:brightness(0) saturate(100%) invert(1)}:root[data-mantine-color-scheme=light] ._root_f9ked_1 .cm-tooltip-autocomplete ul li[aria-selected] .cm-completionIcon:after{filter:brightness(0) saturate(100%)}._root_f9ked_1 .cm-diagnosticText{font-family:var(--mantine-font-family-monospace)}._root_f9ked_1 .cm-diagnostic{max-width:600px}._root_f9ked_1 .cm-lintRange{background-image:none;text-decoration:underline;text-decoration-style:wavy}._root_f9ked_1 .cm-lintRange-error{text-decoration-color:var(--mantine-color-red-6)}._root_f9ked_1 .cm-lintRange-warning{text-decoration-color:var(--mantine-color-yellow-6)}._root_f9ked_1 .cm-lintRange-info{text-decoration-color:var(--mantine-color-blue-6)}._root_f9ked_1 .cm-lintRange-hint{text-decoration-color:var(--mantine-color-slate-5)}._root_f9ked_1 .cm-diagnostic-error{border-color:var(--mantine-color-red-6)}._root_f9ked_1 .cm-diagnostic-warning{border-color:var(--mantine-color-yellow-6)}._root_f9ked_1 .cm-diagnostic-info{border-color:var(--mantine-color-blue-6)}._root_f9ked_1 .cm-diagnostic-hint{border-color:var(--mantine-color-slate-5)}._root_f9ked_1 .cm-completionIcon-class:after{content:var(--surrealist-editor-icon-class)}._root_f9ked_1 .cm-completionIcon-constant:after{content:var(--surrealist-editor-icon-constant)}._root_f9ked_1 .cm-completionIcon-enum:after{content:var(--surrealist-editor-icon-enum)}._root_f9ked_1 .cm-completionIcon-function:after{content:var(--surrealist-editor-icon-function)}._root_f9ked_1 .cm-completionIcon-interface:after{content:var(--surrealist-editor-icon-interface)}._root_f9ked_1 .cm-completionIcon-keyword:after{content:var(--surrealist-editor-icon-keyword)}._root_f9ked_1 .cm-completionIcon-method:after{content:var(--surrealist-editor-icon-method)}._root_f9ked_1 .cm-completionIcon-namespace:after{content:var(--surrealist-editor-icon-namespace)}._root_f9ked_1 .cm-completionIcon-property:after{content:var(--surrealist-editor-icon-property)}._root_f9ked_1 .cm-completionIcon-text:after{content:var(--surrealist-editor-icon-text)}._root_f9ked_1 .cm-completionIcon-type:after{content:var(--surrealist-editor-icon-type)}._root_f9ked_1 .cm-completionIcon-variable:after{content:var(--surrealist-editor-icon-variable)}._editor_f9ked_235{position:absolute;inset:0}
+:root{--surreal-opacity-subtle: .07;--surreal-opacity-medium: .3;--surreal-opacity-strong: .6;--surreal-glass-subtle: rgba(255, 255, 255, var(--surreal-opacity-subtle));--surreal-glass-medium: rgba(255, 255, 255, var(--surreal-opacity-medium));--surreal-glass-strong: rgba(255, 255, 255, var(--surreal-opacity-strong));--surreal-blur: blur(12px);--surreal-paper-background: color-mix(in srgb, var(--mantine-color-slate-7) calc(var(--surreal-opacity-strong) * 100%), transparent);--surreal-pink: #ff00a0;--surreal-purple: #9800ff;--surreal-energy: #D255FE;--surreal-passion: #651DDD;--surreal-spinner-size-xs: 1rem;--surreal-spinner-size-sm: 1.5rem;--surreal-spinner-size-md: 2rem;--surreal-spinner-size-lg: 2.5rem;--surreal-spinner-size-xl: 3rem}.mantine-ActionIcon-root[data-variant=surreal]{border-width:1px;border-style:solid}.mantine-CloseButton-root[data-variant=surreal]{color:var(--mantine-color-slate-outline)}.mantine-CloseButton-root[data-variant=surreal]:hover{background-color:var(--surreal-glass-subtle)}.mantine-Button-root[data-variant=surreal]{border-width:1px;border-style:solid}.mantine-ActionIcon-root[data-variant=surreal]:disabled{opacity:var(--surreal-opacity-medium)}.mantine-Button-root[data-variant=transparent]:disabled,.mantine-ActionIcon-root[data-variant=transparent]:disabled{background-color:unset;opacity:var(--surreal-opacity-strong)}.mantine-Button-root[data-variant=surreal]:disabled,.mantine-ActionIcon-root[data-variant=surreal]:disabled,.mantine-Checkbox-root[data-variant=surreal]:disabled{border-color:var(--surreal-glass-subtle);background-color:var(--surreal-glass-subtle);color:var(--mantine-color-slate-outline)}.mantine-Button-root[data-variant=gradient]{border:1px solid var(--surreal-glass-medium);background-origin:border-box}.mantine-InputWrapper-root[data-variant=surreal] .mantine-InputWrapper-label{color:var(--mantine-color-bright);font-weight:600;margin-bottom:4px}.mantine-InputWrapper-root[data-variant=surreal] .mantine-Input-input{color:var(--mantine-color-bright);background-color:var(--surreal-glass-subtle);border:1px solid var(--surreal-glass-subtle);transition:all .25s ease}.mantine-InputWrapper-root[data-variant=surreal] .mantine-Input-input:focus-within{border-color:color-mix(in srgb,var(--mantine-color-violet-3) 75%,var(--surreal-glass-subtle));background-color:color-mix(in srgb,var(--mantine-color-violet-3) 10%,var(--surreal-glass-subtle))}.mantine-InputWrapper-root[data-variant=surreal] .mantine-Input-input::placeholder{color:var(--surreal-glass-medium)}.mantine-Autocomplete-dropdown[data-variant=surreal]{overflow:hidden}.mantine-Autocomplete-dropdown[data-variant=surreal] .mantine-Autocomplete-options{padding:4px 0 4px 4px}.mantine-Autocomplete-dropdown[data-variant=surreal] .mantine-Autocomplete-option{border-radius:var(--mantine-radius-xl)}.mantine-Autocomplete-dropdown[data-variant=surreal] .mantine-Autocomplete-option:hover{background-color:var(--surreal-glass-subtle)}.mantine-Paper-root[data-variant=surreal]{background:linear-gradient(135deg,var(--mantine-color-obsidian-8),var(--mantine-color-obsidian-9))}.mantine-Paper-root[data-variant=surreal][data-with-border]{border:1px solid var(--surreal-glass-subtle)}.mantine-Paper-root[data-variant=glass]{background:linear-gradient(135deg,var(--mantine-color-obsidian-8),rgba(from var(--mantine-color-obsidian-9) r g b/0));backdrop-filter:var(--surreal-blur);box-shadow:0 12px 45px var(--mantine-color-obsidian-9)}.mantine-Paper-root[data-variant=glass][data-with-border]{border:1px solid var(--surreal-glass-subtle)}.mantine-ScrollArea-root[data-variant=surreal] .mantine-ScrollArea-scrollbar{transition:opacity .25s ease;opacity:0}.mantine-ScrollArea-root[data-variant=surreal] .mantine-ScrollArea-scrollbar[data-state=visible]{opacity:1}.mantine-ScrollArea-root[data-variant=surreal] .mantine-ScrollArea-scrollbar:hover{background-color:var(--surreal-glass-subtle);border-radius:var(--mantine-radius-xl)}.mantine-Divider-root[data-variant=surreal]{--divider-color: var(--surreal-glass-subtle)}.mantine-Divider-root[data-variant=surreal][data-orientation=horizontal]{border-top:var(--divider-size) solid var(--divider-color)}.mantine-Divider-root[data-variant=surreal][data-orientation=vertical]{border-left:var(--divider-size) solid var(--divider-color)}.mantine-Notification-root[data-variant=surreal]{background-color:var(--surreal-glass-subtle);border:1px solid var(--surreal-glass-subtle);backdrop-filter:var(--surreal-blur);align-items:flex-start;padding:var(--mantine-spacing-md)}.mantine-Notification-root[data-variant=surreal] .mantine-Notification-title{color:var(--mantine-color-bright);font-size:var(--mantine-font-size-md);margin-block:var(--mantine-spacing-xs);font-weight:600}.mantine-Notification-root[data-variant=surreal] .mantine-Notification-description{color:var(--mantine-color-slate-2)}.mantine-Notification-root[data-variant=surreal] .mantine-Notification-icon{background-color:transparent;border:1px solid var(--surreal-glass-subtle);padding:15px;color:var(--notification-color);font-size:5rem}.mantine-Loader-root[data-variant=surreal]:after{border:none;background:conic-gradient(from 0,transparent 15%,var(--loader-color) 100%);mask:radial-gradient(circle at center,transparent 50%,#000 0%)}.mantine-ThemeIcon-root[data-variant=surreal]{border-width:1px;border-style:solid;background-color:transparent;color:var(--ti-color)}.mantine-Tooltip-tooltip[data-variant=surreal]{color:var(--tooltip-color, var(--mantine-color-text));background-color:var(--tooltip-bg, var(--mantine-color-violet-8));border:1px solid var(--tooltip-bg, var(--mantine-color-violet-8));box-shadow:var(--mantine-shadow-md);padding-block:var(--mantine-spacing-xs);padding-inline:var(--mantine-spacing-md);color:#fff}:root[data-mantine-color-scheme=light] .mantine-Tooltip-tooltip[data-variant=surreal]{background-color:var(--tooltip-bg, var(--mantine-color-violet-4));border-color:var(--tooltip-bg, var(--mantine-color-violet-4))}.mantine-Menu-dropdown[data-variant=surreal]{background-color:color-mix(in srgb,var(--mantine-color-slate-6) calc(var(--surreal-opacity-strong) * 100%),transparent);background-color:var(--surreal-glass-subtle);border:1px solid rgba(255,255,255,.125);backdrop-filter:var(--surreal-blur);border-radius:22px;padding:0}.mantine-Menu-dropdown[data-variant=surreal] .mantine-Menu-divider{border-color:#ffffff20;margin-inline:0;margin-block:var(--mantine-spacing-xs)}.mantine-Menu-dropdown[data-variant=surreal] .mantine-Menu-label{color:var(--mantine-color-bright);opacity:var(--surreal-opacity-strong);font-size:var(--mantine-font-size-xs);font-weight:600}.mantine-Menu-dropdown[data-variant=surreal] .mantine-Menu-item{border-radius:100px;color:var(--mantine-color-bright);font-weight:500}.mantine-Menu-dropdown[data-variant=surreal] .mantine-Menu-item:hover{background-color:var(--surreal-glass-subtle)}.mantine-Menu-dropdown[data-variant=surreal] .mantine-Menu-itemSection svg{opacity:var(--surreal-opacity-strong)}.mantine-Popover-dropdown[data-variant=surreal],.mantine-HoverCard-dropdown[data-variant=surreal]{background-color:color-mix(in srgb,var(--mantine-color-slate-6) calc(var(--surreal-opacity-strong) * 100%),transparent);background-color:var(--surreal-glass-subtle);border:1px solid rgba(255,255,255,.125);backdrop-filter:var(--surreal-blur);border-radius:22px;padding:0}.mantine-Popover-dropdown[data-variant=transparent],.mantine-HoverCard-dropdown[data-variant=transparent]{background-color:transparent;border:unset;padding:0}.mantine-Modal-root[data-variant=fluid] .mantine-Modal-inner,.mantine-Modal-root[data-variant=surreal] .mantine-Modal-inner{overflow-y:auto;display:grid}.mantine-Modal-root[data-variant=fluid] .mantine-Modal-content,.mantine-Modal-root[data-variant=surreal] .mantine-Modal-content{background-color:color-mix(in srgb,var(--mantine-color-slate-6) calc(var(--surreal-opacity-strong) * 100%),transparent);background-color:var(--surreal-glass-subtle);border:1px solid rgba(255,255,255,.125);backdrop-filter:var(--surreal-blur);border-radius:22px;overflow-y:unset;max-height:unset;width:var(--modal-size)}.mantine-Modal-root[data-variant=fluid] .mantine-Modal-header,.mantine-Modal-root[data-variant=surreal] .mantine-Modal-header{background-color:unset;border-bottom:1px solid var(--surreal-glass-subtle);margin-bottom:var(--mb-padding, var(--mantine-spacing-md));position:static;padding-block:0}.mantine-Modal-root[data-variant=fluid] .mantine-Modal-title,.mantine-Modal-root[data-variant=surreal] .mantine-Modal-title{font-size:var(--mantine-font-size-lg);color:var(--mantine-color-bright);font-weight:600}.mantine-Modal-root[data-variant=fluid] .mantine-Modal-header{border:none;margin-bottom:0}.mantine-Overlay-root[data-variant=surreal]{background-color:color-mix(in srgb,var(--mantine-color-slate-9),transparent)}.mantine-Anchor-root[data-variant=surreal]{color:var(--mantine-color-bright)}.mantine-Anchor-root[data-variant=surreal]:hover,.mantine-Anchor-root[data-variant=surreal]:focus-within{color:var(--mantine-color-violet-text)}.mantine-Anchor-root[data-variant=glow]>div{position:relative}.mantine-Anchor-root[data-variant=glow]>div:before,.mantine-Anchor-root[data-variant=glow]>div:after{content:"";position:absolute;pointer-events:none;transition:all .25s ease;inset:9px;z-index:-2;opacity:0;filter:blur(6px);mix-blend-mode:screen}.mantine-Anchor-root[data-variant=glow]>div:before{background:radial-gradient(120% 170% at 0% 0%,var(--surreal-energy) 0%,rgba(197,91,255,0) 50%),radial-gradient(120% 170% at 100% 100%,var(--surreal-passion) 0%,rgba(96,114,255,0) 50%)}.mantine-Anchor-root[data-variant=glow]>div:after{background:radial-gradient(100% 100% at 0% 0%,var(--surreal-energy) 0%,rgba(197,91,255,0) 35%),radial-gradient(100% 100% at 100% 100%,var(--surreal-passion) 0%,rgba(96,114,255,0) 35%)}.mantine-Anchor-root[data-variant=glow]>div:hover:before,.mantine-Anchor-root[data-variant=glow]>div:hover:after{inset:-9px;opacity:1}.mantine-Select-root[data-variant=surreal] input{border-radius:var(--mantine-radius-xl)}.mantine-Badge-root[data-variant=surreal],.mantine-Checkbox-root[data-variant=gradient] .mantine-Checkbox-input,.mantine-Checkbox-root[data-variant=surreal] .mantine-Checkbox-input{border-radius:var(--mantine-radius-xl);background-color:var(--surreal-glass-subtle);border:1px solid var(--surreal-glass-subtle);color:var(--mantine-color-bright)}.mantine-Checkbox-root[data-variant=gradient] .mantine-Checkbox-input:checked,.mantine-Checkbox-root[data-variant=surreal] .mantine-Checkbox-input:checked{background-color:var(--checkbox-color)}.mantine-Checkbox-root[data-variant=gradient] .mantine-Checkbox-label,.mantine-Checkbox-root[data-variant=surreal] .mantine-Checkbox-label{user-select:none}.mantine-Checkbox-root[data-variant=gradient] .mantine-Checkbox-input:checked{background:linear-gradient(135deg,var(--surreal-energy),var(--surreal-passion));background-origin:border-box}.mantine-Switch-root[data-variant=gradient] .mantine-Switch-track,.mantine-Switch-root[data-variant=surreal] .mantine-Switch-track{background-color:var(--surreal-glass-subtle);border:1px solid var(--surreal-glass-subtle)}.mantine-Switch-root[data-variant=gradient] .mantine-Switch-input:checked+.mantine-Switch-track,.mantine-Switch-root[data-variant=surreal] .mantine-Switch-input:checked+.mantine-Switch-track{background-color:var(--switch-color)}.mantine-Switch-root[data-variant=gradient] .mantine-Switch-input:checked+.mantine-Switch-track{background:linear-gradient(135deg,var(--surreal-energy),var(--surreal-passion));background-origin:border-box}.mantine-Tabs-tab[data-variant=surreal]{border:1px solid var(--surreal-glass-subtle);border-radius:var(--mantine-radius-xl)}.mantine-Tabs-tab[data-variant=surreal][aria-selected=true]{border:1px solid var(--surreal-glass-subtle);background-color:var(--surreal-glass-subtle)}.mantine-Tabs-tab[data-variant=surreal][aria-selected=false]{border:1px solid transparent;background-color:transparent}.mantine-Skeleton-root[data-variant=surreal]{background-color:var(--surreal-glass-subtle)}.mantine-SegmentedControl-root[data-variant=surreal]{background-color:transparent;overflow:visible}.mantine-SegmentedControl-root[data-variant=surreal] .mantine-SegmentedControl-indicator{border-radius:3px 3px 0 0;top:unset;bottom:0;height:4px!important;background:linear-gradient(to bottom,var(--surreal-gradient-from),var(--surreal-gradient-to))}.mantine-NavLink-root[data-variant=surreal]{transition:background-color .25s ease;border-radius:var(--mantine-radius-lg);padding:var(--mantine-spacing-xs)}.mantine-NavLink-root[data-variant=surreal] .mantine-NavLink-label{font-weight:500;color:var(--mantine-color-bright)}.mantine-NavLink-root[data-variant=surreal] .mantine-NavLink-description{font-size:var(--mantine-font-size-xs);color:var(--mantine-color-slate-2);opacity:var(--surreal-opacity-strong)}.mantine-NavLink-root[data-variant=surreal]:hover{background-color:var(--surreal-glass-subtle)}.mantine-Kbd-root[data-variant=surreal]{background-color:var(--surreal-glass-subtle);border:1px solid var(--surreal-glass-subtle);color:var(--mantine-color-bright);border-radius:var(--mantine-radius-xs)}.mantine-Title-root[data-variant=gradient]{color:var(--mantine-color-bright);background:linear-gradient(180deg,var(--mantine-color-slate-0),var(--mantine-color-slate-3));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.mantine-Tabs-list[data-variant=gradient]{background:linear-gradient(135deg,var(--mantine-color-obsidian-8),var(--mantine-color-obsidian-9));border:1px solid var(--surreal-glass-subtle);border-radius:var(--mantine-radius-xl);padding:4px;gap:4px;width:fit-content}.mantine-Tabs-tab[data-variant=gradient]{border-radius:var(--mantine-radius-xl);border:1px solid transparent;color:var(--mantine-color-slate-2);transition:background-color .2s ease,color .2s ease,border-color .2s ease;background-origin:border-box}.mantine-Tabs-tab[data-variant=gradient][aria-selected=true]{background:linear-gradient(135deg,var(--surreal-energy),var(--surreal-passion));border-color:var(--surreal-glass-subtle);color:var(--mantine-color-bright);background-origin:border-box}.mantine-Tabs-tab[data-variant=gradient][aria-selected=false]:hover{background-color:var(--surreal-glass-subtle);color:var(--mantine-color-bright)}._root_744ed_1{vertical-align:middle;flex-shrink:0}._path_744ed_6{fill:currentColor}._spinning_744ed_10{animation:_spin_744ed_10 .5s linear infinite}@keyframes _spin_744ed_10{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._details_1bv2j_1{background-color:var(--mantine-color-obsidian-8);border:2px solid var(--mantine-color-obsidian-4);border-radius:var(--mantine-radius-lg);padding:var(--mantine-spacing-xl);position:relative;overflow:hidden}._details_1bv2j_1::details-content{display:flex;flex-direction:column;gap:var(--mantine-spacing-md)}._details_1bv2j_1:before{content:" ";background:linear-gradient(120deg,var(--surreal-pink),var(--surreal-purple));position:absolute;width:100%;height:200px;border-radius:100000px;left:0;right:0;margin:0 auto;top:-220px;filter:blur(50px);pointer-events:none;z-index:0}._summary_1bv2j_32{color:var(--mantine-color-slate-0);font-size:var(--mantine-spacing-lg);display:flex;justify-content:space-between;align-items:center;cursor:pointer;z-index:1;position:relative}._details_1bv2j_1[open]>._summary_1bv2j_32{margin-bottom:var(--mantine-spacing-lg)}._chevron_1bv2j_47{transition:all .1s ease}._details_1bv2j_1[open]>._chevron_1bv2j_47{rotate:90deg}._details_1bv2j_1>._details_1bv2j_1{margin-top:var(--mantine-spacing-sm);margin-bottom:var(--mantine-spacing-sm)}._spinner_1dhyf_1{stroke:var(--spinner-color);width:var(--spinner-size);height:var(--spinner-size)}._spinner_g_1dhyf_7{transform-origin:center;animation:_spinner-rotate_1dhyf_1 2s linear infinite}._spinner_circle_1dhyf_12{stroke-linecap:round;animation:_spinner-dash_1dhyf_1 1.5s ease-in-out infinite}@keyframes _spinner-rotate_1dhyf_1{to{transform:rotate(360deg)}}@keyframes _spinner-dash_1dhyf_1{0%{stroke-dasharray:0 150;stroke-dashoffset:0}47.5%{stroke-dasharray:42 150;stroke-dashoffset:-16}95%,to{stroke-dasharray:42 150;stroke-dashoffset:-59}}._loader_mqlxq_1{display:flex;align-items:center;justify-content:center;gap:var(--mantine-spacing-md);transition:opacity .25s ease}._container_mqlxq_9[data-loading=false] ._loader_mqlxq_1{opacity:0;pointer-events:none}._mini_mqlxq_14{transition:opacity .25s ease}._container_mqlxq_9[data-loading=true] ._mini_mqlxq_14{opacity:0}._root_1ph8i_1 .mantine-Button-label{opacity:var(--surrealist-opacity-strong)}._root_1ph8i_1:hover .mantine-Button-label{opacity:1}._root_f9ked_1{min-height:0;flex:1}._root_f9ked_1 .cm-editor{outline:none;height:100%}._root_f9ked_1 .cm-scroller{font-family:var(--mantine-font-family-monospace)}._root_f9ked_1[data-padding] .cm-scroller{padding:var(--mantine-spacing-sm)}._root_f9ked_1 .cm-gutters{border-right:none}._root_f9ked_1 .cm-gutters,._root_f9ked_1 .cm-gutterElement{background-color:unset}._root_f9ked_1 .cm-lineNumbers{color:var(--mantine-color-slate-5)}:root[data-mantine-color-scheme=light] ._root_f9ked_1 .cm-lineNumbers{color:var(--mantine-color-slate-3)}._root_f9ked_1 .cm-activeLineGutter{color:var(--mantine-color-slate-2)}:root[data-mantine-color-scheme=light] ._root_f9ked_1 .cm-activeLineGutter{color:var(--mantine-color-slate-9)}._root_f9ked_1 .cm-cursor,._root_f9ked_1 .cm-dropCursor{border-color:currentColor;border-width:2px}._root_f9ked_1 .cm-selectionBackground{background-color:#479aff66!important}._root_f9ked_1 .cm-selectionMatch{background-color:transparent!important}._root_f9ked_1 .cm-searchMatch{background-color:var(--mantine-color-surreal-6)!important;border-radius:6px}._root_f9ked_1 .cm-searchMatch *{color:#fff}._root_f9ked_1 .cm-foldPlaceholder{background-color:var(--mantine-color-slate-6);border:none}:root[data-mantine-color-scheme=light] ._root_f9ked_1 .cm-foldPlaceholder{background-color:var(--mantine-color-slate-1)}._root_f9ked_1 .cm-tooltip{box-shadow:var(--mantine-shadow-md);border-radius:var(--mantine-radius-sm);border-color:var(--mantine-color-dark-4);background-color:color-mix(in srgb,var(--mantine-color-body) 75%,transparent);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}:root[data-mantine-color-scheme=light] ._root_f9ked_1 .cm-tooltip{border-color:var(--mantine-color-slate-2)}._root_f9ked_1 .cm-tooltip-autocomplete{padding:var(--mantine-spacing-xs)}._root_f9ked_1 .cm-tooltip-autocomplete ul{font-family:var(--mantine-font-family-monospace)!important}._root_f9ked_1 .cm-tooltip-autocomplete ul li{border-radius:var(--mantine-radius-sm);color:var(--mantine-color-slate-1)}:root[data-mantine-color-scheme=light] ._root_f9ked_1 .cm-tooltip-autocomplete ul li{color:var(--mantine-color-slate-6)}._root_f9ked_1 .cm-tooltip-autocomplete ul li[aria-selected]{background-color:var(--mantine-color-slate-6);color:var(--mantine-color-bright)!important}:root[data-mantine-color-scheme=light] ._root_f9ked_1 .cm-tooltip-autocomplete ul li[aria-selected]{background-color:var(--mantine-color-slate-1)}._root_f9ked_1 .cm-completionMatchedText{text-decoration:none;font-weight:600}._root_f9ked_1 .cm-panels{z-index:1;background-color:var(--mantine-body-color);border-color:var(--mantine-color-slate-7)}._root_f9ked_1 .cm-panels label{display:inline-flex;align-items:center;color:var(--mantine-color-bright)}._root_f9ked_1 .cm-panels button{color:var(--mantine-color-bright);background-image:unset!important;background-color:var(--mantine-color-body);border-radius:var(--mantine-radius-xs);border-color:var(--mantine-color-slate-6)}._root_f9ked_1 .cm-panels button:active{background-color:var(--mantine-color-slate-6)!important}._root_f9ked_1 .cm-panels input{background-color:var(--mantine-color-slate-6);border-radius:var(--mantine-radius-xs);color:var(--mantine-color-bright);border:none;outline:none}._root_f9ked_1 .cm-panels input[type=checkbox]{accent-color:var(--mantine-color-surreal-7)}._root_f9ked_1 .cm-panels button:focus-visible,._root_f9ked_1 .cm-panels input:focus-visible{outline:2px solid var(--mantine-primary-color-filled);outline-offset:calc(.125rem * var(--mantine-scale));border-radius:var(--mantine-radius-xs)}._root_f9ked_1 .cm-panels button[name=close]{width:24px;height:24px;transform:translateY(4px)}:root[data-mantine-color-scheme=light] ._root_f9ked_1 .cm-panels{border-color:var(--mantine-color-slate-2)}:root[data-mantine-color-scheme=light] ._root_f9ked_1 .cm-panels button{border-color:var(--mantine-color-slate-2)}:root[data-mantine-color-scheme=light] ._root_f9ked_1 .cm-panels button:active{background-color:var(--mantine-color-slate-2)!important}:root[data-mantine-color-scheme=light] ._root_f9ked_1 .cm-panels input{background-color:var(--mantine-color-slate-1)}._root_f9ked_1 .cm-gotoLine input{margin-left:var(--mantine-spacing-xs)}._root_f9ked_1 .cm-completionIcon{padding-left:4px;opacity:1}._root_f9ked_1 .cm-completionDetail{color:var(--surrealist-kind-color)}._root_f9ked_1 .cm-tooltip-autocomplete ul li[aria-selected] .cm-completionIcon:after{filter:brightness(0) saturate(100%) invert(1)}:root[data-mantine-color-scheme=light] ._root_f9ked_1 .cm-tooltip-autocomplete ul li[aria-selected] .cm-completionIcon:after{filter:brightness(0) saturate(100%)}._root_f9ked_1 .cm-diagnosticText{font-family:var(--mantine-font-family-monospace)}._root_f9ked_1 .cm-diagnostic{max-width:600px}._root_f9ked_1 .cm-lintRange{background-image:none;text-decoration:underline;text-decoration-style:wavy}._root_f9ked_1 .cm-lintRange-error{text-decoration-color:var(--mantine-color-red-6)}._root_f9ked_1 .cm-lintRange-warning{text-decoration-color:var(--mantine-color-yellow-6)}._root_f9ked_1 .cm-lintRange-info{text-decoration-color:var(--mantine-color-blue-6)}._root_f9ked_1 .cm-lintRange-hint{text-decoration-color:var(--mantine-color-slate-5)}._root_f9ked_1 .cm-diagnostic-error{border-color:var(--mantine-color-red-6)}._root_f9ked_1 .cm-diagnostic-warning{border-color:var(--mantine-color-yellow-6)}._root_f9ked_1 .cm-diagnostic-info{border-color:var(--mantine-color-blue-6)}._root_f9ked_1 .cm-diagnostic-hint{border-color:var(--mantine-color-slate-5)}._root_f9ked_1 .cm-completionIcon-class:after{content:var(--surrealist-editor-icon-class)}._root_f9ked_1 .cm-completionIcon-constant:after{content:var(--surrealist-editor-icon-constant)}._root_f9ked_1 .cm-completionIcon-enum:after{content:var(--surrealist-editor-icon-enum)}._root_f9ked_1 .cm-completionIcon-function:after{content:var(--surrealist-editor-icon-function)}._root_f9ked_1 .cm-completionIcon-interface:after{content:var(--surrealist-editor-icon-interface)}._root_f9ked_1 .cm-completionIcon-keyword:after{content:var(--surrealist-editor-icon-keyword)}._root_f9ked_1 .cm-completionIcon-method:after{content:var(--surrealist-editor-icon-method)}._root_f9ked_1 .cm-completionIcon-namespace:after{content:var(--surrealist-editor-icon-namespace)}._root_f9ked_1 .cm-completionIcon-property:after{content:var(--surrealist-editor-icon-property)}._root_f9ked_1 .cm-completionIcon-text:after{content:var(--surrealist-editor-icon-text)}._root_f9ked_1 .cm-completionIcon-type:after{content:var(--surrealist-editor-icon-type)}._root_f9ked_1 .cm-completionIcon-variable:after{content:var(--surrealist-editor-icon-variable)}._editor_f9ked_235{position:absolute;inset:0}
 
 }

package/dist/ui.d.ts

@@ -20,7 +20,6 @@ import { PaperProps } from '@mantine/core';
 import type * as React_2 from 'react';
 import { ReactNode } from 'react';
 import { RefObject } from 'react';
-import { Root } from 'mdast';
 import { StackProps } from '@mantine/core';
 import { StateField } from '@codemirror/state';
 
@@ -46,6 +45,8 @@ export declare const addCursorVerticallyKeymap: readonly KeyBinding[];
 
 declare type AnyFn = (...rest: any[]) => any;
 
+export declare type AnyNode = BlockNode | InlineNode | SummaryNode | ListItemNode | TableRowNode | TableCellNode;
+
 /**
  * Apply automatic folding to objects/arrays at the specified depth level
  * @param view - CodeMirror editor view
@@ -53,6 +54,18 @@ declare type AnyFn = (...rest: any[]) => any;
  */
 export declare function applyAutoFolding(view: EditorView, autoCollapseDepth: number): void;
 
+export declare type BlockNode = HeadingNode | ParagraphNode | CodeNode | BlockquoteNode | ListNode | TableNode | ThematicBreakNode | DetailsNode | ImageNode;
+
+export declare interface BlockquoteNode {
+    type: "blockquote";
+    children: BlockNode[];
+    className?: string;
+    id?: string;
+    style?: string;
+    noteKind?: NoteKind;
+    noteTitle?: string;
+}
+
 export declare interface BooleanHandle {
     open: () => void;
     close: () => void;
@@ -214,6 +227,13 @@ export declare const brandYouTube: string;
 
 export declare const BreadcrumbButton: FC<ButtonProps & ElementProps<"button">>;
 
+export declare interface BreakNode {
+    type: "break";
+    className?: string;
+    id?: string;
+    style?: string;
+}
+
 export declare function clsx(...args: unknown[]): string;
 
 /**
@@ -237,6 +257,17 @@ export declare interface CodeEditorProps extends BoxProps {
     ref?: RefObject<EditorView>;
 }
 
+export declare interface CodeNode {
+    type: "code";
+    value: string;
+    lang?: string;
+    title?: string;
+    runnable?: string;
+    className?: string;
+    id?: string;
+    style?: string;
+}
+
 export declare type ColorScheme = keyof ThemeConfig;
 
 declare type ColorScheme_2 = keyof ThemeConfig_2;
@@ -251,12 +282,6 @@ export declare const commonExtensions: () => Extension;
  */
 export declare function createHighlighter(colorScheme: ColorScheme): Highlighter;
 
-/**
- * Create markdown components for use with hast-util-to-jsx-runtime
- * Props come directly from HAST (hProperties are merged into props)
- */
-export declare function createMarkdownComponents(): Record<string, React_2.ComponentType<Record<string, unknown>>>;
-
 /**
  * Create a new serialized editor state from a document string.
  *
@@ -288,6 +313,14 @@ export declare const Details: FC<DetailsProps> & {
     Summary: FC<SummaryProps>;
 };
 
+export declare interface DetailsNode {
+    type: "details";
+    children: Array<SummaryNode | BlockNode>;
+    className?: string;
+    id?: string;
+    style?: string;
+}
+
 export declare interface DetailsProps extends Omit<BoxProps, "component" | "children"> {
     children: ReactNode;
 }
@@ -324,6 +357,24 @@ export declare type EditorStateSnapshot = Record<string, unknown>;
  */
 export declare function editorTheme(theme: ThemeConfig_2, colorScheme: ColorScheme_2): Extension;
 
+export declare interface EmphasisNode {
+    type: "emphasis";
+    children: InlineNode[];
+    className?: string;
+    id?: string;
+    style?: string;
+}
+
+/**
+ * Enter a node (push to stack and set container)
+ */
+export declare function enterNode(state: ParserState, nodeType: string, node: BlockNode | SummaryNode): void;
+
+/**
+ * Exit a node (pop from stack and validate)
+ */
+export declare function exitNode(state: ParserState, expectedType: string): void;
+
 export declare interface ExtractedCode {
     test?: string;
     code: string;
@@ -335,6 +386,15 @@ export declare interface ExtractedCode {
  */
 export declare function extractTest(input: string): ExtractedCode;
 
+export declare interface HeadingNode {
+    type: "heading";
+    depth: 1 | 2 | 3 | 4 | 5 | 6;
+    children: InlineNode[];
+    className?: string;
+    id?: string;
+    style?: string;
+}
+
 export declare const Highlighting: FC<HighlightingProps>;
 
 export declare interface HighlightingProps extends BoxProps {
@@ -677,6 +737,68 @@ export declare const iconWrench: string;
 
 export declare const iconXml: string;
 
+export declare interface ImageNode {
+    type: "image";
+    src: string;
+    darkSrc?: string;
+    alt: string;
+    title?: string;
+    className?: string;
+    id?: string;
+    style?: string;
+}
+
+export declare interface InlineCodeNode {
+    type: "inlineCode";
+    value: string;
+    className?: string;
+    id?: string;
+    style?: string;
+}
+
+export declare type InlineNode = TextNode | LinkNode | InlineCodeNode | StrongNode | EmphasisNode | BreakNode | ImageNode;
+
+/**
+ * Check if a code point is an emoji
+ */
+export declare function isEmojiCodePoint(code: number): boolean;
+
+/**
+ * Check if a tag is self-closing
+ */
+export declare function isSelfClosingTag(tagName: string): boolean;
+
+export declare interface LinkNode {
+    type: "link";
+    url: string;
+    title?: string;
+    children: InlineNode[];
+    className?: string;
+    id?: string;
+    style?: string;
+}
+
+export declare interface ListItemNode {
+    type: "listItem";
+    checked?: boolean;
+    spread?: boolean;
+    children: AnyNode[];
+    className?: string;
+    id?: string;
+    style?: string;
+}
+
+export declare interface ListNode {
+    type: "list";
+    ordered?: boolean;
+    start?: number;
+    spread?: boolean;
+    children: ListItemNode[];
+    className?: string;
+    id?: string;
+    style?: string;
+}
+
 /**
  * The Mantine theme configurtation
  */
@@ -688,11 +810,6 @@ export declare const MANTINE_THEME: MantineThemeOverride;
  */
 export declare function Markdown({ content, components }: MarkdownProps): React_2.ReactElement;
 
-/**
- * Default markdown components
- */
-export declare const markdownComponents: Record<string, React_2.ComponentType<Record<string, unknown>>>;
-
 export declare interface MarkdownProps {
     /**
      * Markdown content to render
@@ -719,12 +836,104 @@ export declare interface NoteProps extends Omit<AlertProps, "title" | "children"
     children: ReactNode;
 }
 
+export declare interface ParagraphNode {
+    type: "paragraph";
+    children: InlineNode[];
+    className?: string;
+    id?: string;
+    style?: string;
+}
+
+/**
+ * Parse markdown string to AST
+ */
+export declare function parse(markdown: string): Root;
+
+/**
+ * Parse HTML-style attributes from a string
+ * Handles: name="value", name='value', name=value
+ * Properly handles escaped quotes: name="value with \"escaped\" quotes"
+ */
+export declare function parseAttributes(attrString: string): Record<string, string>;
+
+export declare function parseBlockquote(state: ParserState): void;
+
+export declare function parseCodeBlock(state: ParserState): void;
+
+export declare function parseDetailsTag(state: ParserState, attrs: Record<string, string>): void;
+
+export declare function parseEmphasis(text: string, startIndex: number): {
+    node: EmphasisNode;
+    endIndex: number;
+} | null;
+
+export declare function parseHeading(state: ParserState): void;
+
+export declare function parseHtmlTag(state: ParserState): void;
+
+export declare function parseHtmlTagInline(text: string, startIndex: number): {
+    node: BreakNode;
+    endIndex: number;
+} | null;
+
+export declare function parseImage(text: string, startIndex: number): {
+    node: ImageNode;
+    endIndex: number;
+} | null;
+
+export declare function parseInlineCode(text: string, startIndex: number): {
+    node: InlineCodeNode;
+    endIndex: number;
+} | null;
+
+/**
+ * Parse inline markdown content
+ */
+export declare function parseInlines(text: string): InlineNode[];
+
+export declare function parseLink(text: string, startIndex: number): {
+    node: LinkNode;
+    endIndex: number;
+} | null;
+
+export declare function parseList(state: ParserState): void;
+
+export declare function parseParagraph(state: ParserState): void;
+
+export declare interface ParserState {
+    lines: string[];
+    currentIndex: number;
+    stack: string[];
+    root: BlockNode[];
+    currentContainer: BlockNode[];
+}
+
+export declare function parseStrong(text: string, startIndex: number): {
+    node: StrongNode;
+    endIndex: number;
+} | null;
+
+export declare function parseSummaryTag(state: ParserState, attrs: Record<string, string>): void;
+
+export declare function parseTable(state: ParserState): void;
+
+export declare function parseTableAlignment(line: string): Array<"left" | "right" | "center" | null>;
+
 /**
- * Parse markdown string to mdast (Markdown AST)
- * @param markdown - Markdown string to parse
- * @param htmlDepth - Current HTML nesting depth (defaults to 0)
+ * Parse a table row into cells
+ * Note: Escaped pipes (\|) are not currently supported - they will be treated as cell separators
+ * @param line - The table row line
+ * @param isHeader - Whether this is a header row
+ * @returns Array of table cell nodes
  */
-export declare function parseMarkdownAST(markdown: string, htmlDepth?: number): Root;
+export declare function parseTableRow(line: string, isHeader?: boolean): TableCellNode[];
+
+export declare function parseText(text: string, startIndex: number): {
+    node: TextNode;
+    endIndex: number;
+};
+
+export declare function parseThematicBreak(state: ParserState): void;
 
 export declare const picto2106: string;
 
@@ -1183,25 +1392,37 @@ export declare function processHighlightRegions(code: string): {
 };
 
 /**
- * Remark plugin to parse title from code block meta
- * Pattern: ```js title="file.js" or ```js {title="file.js"}
+ * Validate and process code attributes
+ */
+export declare function pushCode(attrs: Record<string, string>, value: string, lang?: string): CodeNode;
+
+/**
+ * Validate and process details attributes
+ */
+export declare function pushDetails(attrs: Record<string, string>): DetailsNode;
+
+/**
+ * Validate and process image attributes
  */
-export declare function remarkCodeTitle(): (tree: Root) => void;
+export declare function pushImage(attrs: Record<string, string>): ImageNode;
 
 /**
- * Remark plugin to detect and transform GitHub-style notes in blockquotes
- * Pattern: > [!note], > [!warning], > [!note: Custom Title]
+ * Validate and process summary attributes
  */
-export declare function remarkNotes(): (tree: Root) => void;
+export declare function pushSummary(attrs: Record<string, string>): SummaryNode;
 
 /**
- * Remark plugin to add slug IDs to headings
+ * Read tag name from HTML tag starting at index
+ * Returns tag name and end index
  */
-export declare function remarkSlug(): (tree: Root) => void;
+export declare function readTagName(text: string, startIndex: number): {
+    tagName: string;
+    endIndex: number;
+};
 
 /**
  * Render parsed markdown AST to React elements
- * Uses mdast-util-to-hast and hast-util-to-jsx-runtime for rendering
+ * Direct AST-to-React conversion with component mapping
  */
 export declare function RenderMarkdown({ ast, components, ...props }: RenderMarkdownProps): React_2.ReactElement | null;
 
@@ -1216,13 +1437,10 @@ export declare interface RenderMarkdownProps extends StackProps {
     components?: Partial<Record<string, React_2.ComponentType<Record<string, unknown>> | string>>;
 }
 
-/**
- * Resolve image URLs using an external resolver function
- * @param ast - The mdast root node
- * @param resolver - Function that takes a URL and returns a resolved URL or undefined
- *                    If undefined is returned, the original URL is kept (fallback)
- */
-export declare function resolveImageSources(ast: Root, resolver: (url: string) => string | undefined): void;
+export declare interface Root {
+    type: "root";
+    children: BlockNode[];
+}
 
 /**
  * Set the contents of the editor
@@ -1251,17 +1469,74 @@ export declare type StateFields = {
     [prop: string]: StateField<any>;
 };
 
+export declare interface StrongNode {
+    type: "strong";
+    children: InlineNode[];
+    className?: string;
+    id?: string;
+    style?: string;
+}
+
 /**
  * Suggest completions at the start of each line
  */
 export declare const suggestCompletions: Command;
 
+export declare interface SummaryNode {
+    type: "summary";
+    children: InlineNode[];
+    className?: string;
+    id?: string;
+    style?: string;
+}
+
 export declare interface SummaryProps extends Omit<BoxProps, "component" | "children"> {
     children: ReactNode;
 }
 
 export declare const SYNTAX_THEME_CONFIG: ThemeConfig;
 
+export declare interface TableCellNode {
+    type: "tableCell";
+    children: AnyNode[];
+    className?: string;
+    id?: string;
+    style?: string;
+    isHeader: boolean;
+}
+
+export declare interface TableNode {
+    type: "table";
+    align?: Array<"left" | "right" | "center" | null>;
+    children: TableRowNode[];
+    className?: string;
+    id?: string;
+    style?: string;
+}
+
+export declare interface TableRowNode {
+    type: "tableRow";
+    children: TableCellNode[];
+    className?: string;
+    id?: string;
+    style?: string;
+}
+
+export declare interface TextNode {
+    type: "text";
+    value: string;
+    className?: string;
+    id?: string;
+    style?: string;
+}
+
+export declare interface ThematicBreakNode {
+    type: "thematicBreak";
+    className?: string;
+    id?: string;
+    style?: string;
+}
+
 export declare type ThemeConfig = {
     light: HighlightStyle;
     dark: HighlightStyle;
@@ -1287,6 +1562,11 @@ export declare interface ThemedImageProps extends ImageProps {
     colorScheme?: "light" | "dark";
 }
 
+/**
+ * Type-specific visitor function
+ */
+export declare type TypeVisitor<T extends AnyNode> = (node: T, index: number | undefined, parent: AnyNode | Root | null) => undefined | boolean | void;
+
 export declare function useEditor(options?: EditorOptions): EditorController;
 
 /**
@@ -1321,6 +1601,18 @@ export declare function useSwitch(initialState?: boolean, callbacks?: {
     onClose?: () => void;
 }): readonly [boolean, BooleanHandle];
 
+/**
+ * Visit all nodes in the tree
+ */
+export declare function visit(tree: Root | AnyNode, visitor: Visitor): void;
+
+export declare function visit<T extends AnyNode>(tree: Root | AnyNode, nodeType: T["type"], visitor: TypeVisitor<T>): void;
+
+/**
+ * Generic visitor function
+ */
+export declare type Visitor = (node: AnyNode, index: number | undefined, parent: AnyNode | Root | null) => undefined | boolean | void;
+
 /**
  * The default UI Kit editor theme
  */