@surrealdb/ui 1.0.0-alpha.1 → 1.0.1

package/dist/fonts.css

@@ -0,0 +1 @@
+@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=JetBrains+Mono:ital,wght@0,100..800;1,100..800&display=swap";

package/dist/fonts.d.ts

@@ -0,0 +1 @@
+export { }

package/dist/ui.css

@@ -1 +1,4 @@
-@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=JetBrains+Mono:ital,wght@0,100..800;1,100..800&display=swap";: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)}.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-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-violet-3)}.mantine-Anchor-root[data-variant=surreal]:hover,.mantine-Anchor-root[data-variant=surreal]:focus-within{color:var(--mantine-color-violet-2)}.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%,#d255fe,#c55bff00 50%),radial-gradient(120% 170% at 100% 100%,#651ddd,#6072ff00 50%)}.mantine-Anchor-root[data-variant=glow]>div:after{background:radial-gradient(100% 100% at 0% 0%,#d255fe,#c55bff00 35%),radial-gradient(100% 100% at 100% 100%,#651ddd,#6072ff00 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=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-label{user-select:none}.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}._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)}}
+@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)}.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-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-violet-3)}.mantine-Anchor-root[data-variant=surreal]:hover,.mantine-Anchor-root[data-variant=surreal]:focus-within{color:var(--mantine-color-violet-2)}.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%,#d255fe,#c55bff00 50%),radial-gradient(120% 170% at 100% 100%,#651ddd,#6072ff00 50%)}.mantine-Anchor-root[data-variant=glow]>div:after{background:radial-gradient(100% 100% at 0% 0%,#d255fe,#c55bff00 35%),radial-gradient(100% 100% at 100% 100%,#651ddd,#6072ff00 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=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-label{user-select:none}.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}._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)}}
+
+}

package/dist/ui.js

@@ -1,5 +1,5 @@
 import { jsx as be } from "react/jsx-runtime";
-import { Box as ir, useMantineTheme as mo, getFontSize as Wr, getThemeColor as To, createTheme as xo, Kbd as Co, NavLink as wo, SegmentedControl as Zo, Skeleton as yo, PasswordInput as Vo, Checkbox as bo, Badge as Ro, Select as ko, Anchor as zo, Overlay as qo, CloseButton as Yo, Modal as Wo, Loader as _o, Menu as vo, HoverCard as Lo, MenuDropdown as Uo, PopoverDropdown as Go, Tooltip as jo, Divider as Ao, ScrollArea as Mo, Paper as Eo, Autocomplete as Do, NumberInput as Io, TextInput as No, Button as Bo, ActionIcon as _r, rem as J, defaultVariantColorsResolver as vr } from "@mantine/core";
+import { Box as ir, useMantineTheme as mo, getFontSize as Wr, getThemeColor as To, createTheme as xo, Kbd as Co, NavLink as wo, SegmentedControl as Zo, Skeleton as yo, PasswordInput as Vo, Checkbox as bo, Badge as Ro, Select as ko, Anchor as zo, Overlay as qo, CloseButton as Yo, Modal as Wo, Loader as _o, Menu as vo, HoverCard as Lo, MenuDropdown as Uo, PopoverDropdown as Go, Tooltip as jo, Divider as Ao, ScrollArea as Mo, Paper as Eo, Autocomplete as Do, NumberInput as Io, TextInput as No, Button as Bo, ActionIcon as _r, rem as B, defaultVariantColorsResolver as vr } from "@mantine/core";
 import { useState as Fo, useEffect as Ko, useMemo as Ho, createElement as Jo } from "react";
 import { default as Jf } from "./assets/5eebe112fca3cb72.svg";
 import { default as ed } from "./assets/e33e9afdbf248b04.svg";
@@ -3178,10 +3178,10 @@ class Pl {
   type.
   */
   of(O) {
-    return new K(this, O);
+    return new H(this, O);
   }
 }
-class K {
+class H {
   /**
   @internal
   */
@@ -3194,7 +3194,7 @@ class K {
   */
   map(O) {
     let e = this.type.map(this.value, O);
-    return e === void 0 ? void 0 : e == this.value ? this : new K(this.type, e);
+    return e === void 0 ? void 0 : e == this.value ? this : new H(this.type, e);
   }
   /**
   Tells you whether this effect object is of a given
@@ -3227,8 +3227,8 @@ class K {
     return t;
   }
 }
-K.reconfigure = /* @__PURE__ */ K.define();
-K.appendConfig = /* @__PURE__ */ K.define();
+H.reconfigure = /* @__PURE__ */ H.define();
+H.appendConfig = /* @__PURE__ */ H.define();
 class rO {
   constructor(O, e, t, r, n, a) {
     this.startState = O, this.changes = e, this.selection = t, this.effects = r, this.annotations = n, this.scrollIntoView = a, this._doc = null, this._state = null, t && Wa(t, e.newLength), n.some((s) => s.type == rO.time) || (this.annotations = n.concat(rO.time.of(Date.now())));
@@ -3326,7 +3326,7 @@ function Ma(i, O, e) {
   return e ? (r = O.changes, n = OO.empty(O.changes.length), a = i.changes.compose(O.changes)) : (r = O.changes.map(i.changes), n = i.changes.mapDesc(O.changes, !0), a = i.changes.compose(r)), {
     changes: a,
     selection: O.selection ? O.selection.map(n) : (t = i.selection) === null || t === void 0 ? void 0 : t.map(r),
-    effects: K.mapEffects(i.effects, r).concat(K.mapEffects(O.effects, n)),
+    effects: H.mapEffects(i.effects, r).concat(H.mapEffects(O.effects, n)),
     annotations: i.annotations.length ? i.annotations.concat(O.annotations) : O.annotations,
     scrollIntoView: i.scrollIntoView || O.scrollIntoView
   };
@@ -3370,7 +3370,7 @@ function Xl(i) {
       let a = i.changes.filter(e);
       r = a.changes, n = a.filtered.mapDesc(a.changes).invertedDesc;
     }
-    i = rO.create(O, r, i.selection && i.selection.map(n), K.mapEffects(i.effects, n), i.annotations, i.scrollIntoView);
+    i = rO.create(O, r, i.selection && i.selection.map(n), H.mapEffects(i.effects, n), i.annotations, i.scrollIntoView);
   }
   let t = O.facet(Ga);
   for (let r = t.length - 1; r >= 0; r--) {
@@ -3462,7 +3462,7 @@ class U {
   applyTransaction(O) {
     let e = this.config, { base: t, compartments: r } = e;
     for (let s of O.effects)
-      s.is(Zt.reconfigure) ? (e && (r = /* @__PURE__ */ new Map(), e.compartments.forEach((o, l) => r.set(l, o)), e = null), r.set(s.value.compartment, s.value.extension)) : s.is(K.reconfigure) ? (e = null, t = s.value) : s.is(K.appendConfig) && (e = null, t = Re(t).concat(s.value));
+      s.is(Zt.reconfigure) ? (e && (r = /* @__PURE__ */ new Map(), e.compartments.forEach((o, l) => r.set(l, o)), e = null), r.set(s.value.compartment, s.value.extension)) : s.is(H.reconfigure) ? (e = null, t = s.value) : s.is(H.appendConfig) && (e = null, t = Re(t).concat(s.value));
     let n;
     e ? n = O.startState.values.slice() : (e = lt.resolve(t, r, this), n = new U(e, this.doc, this.selection, e.dynamicSlots.map(() => null), (o, l) => l.reconfigure(o, this), null).values);
     let a = O.startState.facet(gi) ? O.newSelection : O.newSelection.asSingle();
@@ -3496,7 +3496,7 @@ class U {
       for (let h = 0; h < s; h++)
         n[h] = n[h].map(Q);
       let $ = r.mapDesc(l, !0);
-      n.push(o.range.map($)), r = r.compose(Q), a = K.mapEffects(a, Q).concat(K.mapEffects(Re(o.effects), $));
+      n.push(o.range.map($)), r = r.compose(Q), a = H.mapEffects(a, Q).concat(H.mapEffects(Re(o.effects), $));
     }
     return {
       changes: r,
@@ -3705,7 +3705,7 @@ U.languageData = va;
 U.changeFilter = Ua;
 U.transactionFilter = Ga;
 U.transactionExtender = ja;
-Zt.reconfigure = /* @__PURE__ */ K.define();
+Zt.reconfigure = /* @__PURE__ */ H.define();
 class Se {
   /**
   Compare this value with another value. Used when comparing
@@ -5026,10 +5026,10 @@ class CO {
     return new CO(O.parentNode, ne(O) + 1, e);
   }
 }
-var H = /* @__PURE__ */ (function(i) {
+var J = /* @__PURE__ */ (function(i) {
   return i[i.LTR = 0] = "LTR", i[i.RTL = 1] = "RTL", i;
-})(H || (H = {}));
-const ge = H.LTR, fr = H.RTL;
+})(J || (J = {}));
+const ge = J.LTR, fr = J.RTL;
 function Os(i) {
   let O = [];
   for (let e = 0; e < i.length; e++)
@@ -5326,7 +5326,7 @@ class qe {
     return this.range.to <= O.doc.length ? this : new qe(x.cursor(O.doc.length), this.y, this.x, this.yMargin, this.xMargin, this.isSnapshot);
   }
 }
-const L1 = /* @__PURE__ */ K.define({ map: (i, O) => i.map(O) }), hs = /* @__PURE__ */ K.define();
+const L1 = /* @__PURE__ */ H.define({ map: (i, O) => i.map(O) }), hs = /* @__PURE__ */ H.define();
 function YO(i, O, e) {
   let t = i.facet(os);
   t.length ? t[0](O) : window.onerror && window.onerror(String(O), e, void 0, void 0, O) || (e ? console.error(e + ":", O) : console.error(O));
@@ -5573,7 +5573,7 @@ class dt {
   }
 }
 const Fl = [];
-class F {
+class K {
   constructor(O, e, t = 0) {
     this.dom = O, this.length = e, this.flags = t, this.parent = null, O.cmTile = this;
   }
@@ -5664,7 +5664,7 @@ class F {
     return O.cmTile;
   }
 }
-class Rt extends F {
+class Rt extends K {
   constructor(O) {
     super(O, 0), this._children = [];
   }
@@ -5719,7 +5719,7 @@ class kt extends Rt {
     for (; ; ) {
       if (!O)
         return null;
-      let e = F.get(O);
+      let e = K.get(O);
       if (e && this.owns(e))
         return e;
       O = O.parentNode;
@@ -5852,7 +5852,7 @@ class lO extends Rt {
     return e || (t.flags |= 4), t;
   }
 }
-class ue extends F {
+class ue extends K {
   constructor(O, e) {
     super(O, e.length), this.text = e;
   }
@@ -5881,7 +5881,7 @@ class ue extends F {
     return e || (t.flags |= 2), t;
   }
 }
-class me extends F {
+class me extends K {
   constructor(O, e, t, r) {
     super(O, e, r), this.widget = t;
   }
@@ -5929,7 +5929,7 @@ class me extends F {
     return n || (n = O.toDOM(e), O.editable || (n.contentEditable = "false")), new me(n, t, O, r);
   }
 }
-class ut extends F {
+class ut extends K {
   constructor(O) {
     let e = document.createElement("img");
     e.className = "cm-widgetBuffer", e.setAttribute("aria-hidden", "true"), super(e, 0, O);
@@ -6020,7 +6020,7 @@ class e2 {
         l.dom != o.dom && l.setDOM(Et(o.dom)), r = l;
       else {
         if (this.cache.reused.get(o)) {
-          let $ = F.get(o.dom);
+          let $ = K.get(o.dom);
           $ && $.setDOM(Et(o.dom));
         }
         let Q = lO.of(o.mark, o.dom);
@@ -6032,7 +6032,7 @@ class e2 {
         /* Reused.DOM */
       );
     }
-    let n = F.get(O.text);
+    let n = K.get(O.text);
     n && this.cache.reused.set(
       n,
       2
@@ -6345,7 +6345,7 @@ class r2 {
   getCompositionContext(O) {
     let e = [], t = null;
     for (let r = O.parentNode; ; r = r.parentNode) {
-      let n = F.get(r);
+      let n = K.get(r);
       if (r == this.view.contentDOM)
         break;
       n instanceof lO ? e.push(n) : n?.isLine() ? t = n : r.nodeName == "DIV" && !t && r != this.view.contentDOM ? t = new Le(r, Ss) : e.push(lO.of(new w1({ tagName: r.nodeName.toLowerCase(), attributes: Rl(r) }), r));
@@ -6380,7 +6380,7 @@ function s2(i) {
   return O;
 }
 function Et(i) {
-  let O = F.get(i);
+  let O = K.get(i);
   return O && O.setDOM(i.cloneNode()), i;
 }
 class Ue extends Vt {
@@ -6549,7 +6549,7 @@ class on {
       }
       if (n == t.dom.firstChild)
         return r;
-      for (; n && !F.get(n); )
+      for (; n && !K.get(n); )
         n = n.nextSibling;
       if (!n)
         return r + t.length;
@@ -6618,7 +6618,7 @@ class on {
     return r(e, t);
   }
   measureVisibleLineHeights(O) {
-    let e = [], { from: t, to: r } = O, n = this.view.contentDOM.clientWidth, a = n > Math.max(this.view.scrollDOM.clientWidth, this.minWidth) + 1, s = -1, o = this.view.textDirection == H.LTR, l = 0, Q = ($, h, f) => {
+    let e = [], { from: t, to: r } = O, n = this.view.contentDOM.clientWidth, a = n > Math.max(this.view.scrollDOM.clientWidth, this.minWidth) + 1, s = -1, o = this.view.textDirection == J.LTR, l = 0, Q = ($, h, f) => {
       for (let d = 0; d < $.children.length && !(h > r); d++) {
         let u = $.children[d], p = h + u.length, P = u.dom.getBoundingClientRect(), { height: y } = P;
         if (f && !d && (l += P.top - f.top), u instanceof te)
@@ -6637,7 +6637,7 @@ class on {
   }
   textDirectionAt(O) {
     let { tile: e } = this.tile.resolveBlock(O, 1);
-    return getComputedStyle(e.dom).direction == "rtl" ? H.RTL : H.LTR;
+    return getComputedStyle(e.dom).direction == "rtl" ? J.RTL : J.LTR;
   }
   measureTextSize() {
     let O = this.tile.blockTiles((a) => {
@@ -6729,7 +6729,7 @@ class on {
       right: t.right + n.right,
       bottom: t.bottom + n.bottom
     }, { offsetWidth: s, offsetHeight: o } = this.view.scrollDOM;
-    ql(this.view.scrollDOM, a, e.head < e.anchor ? -1 : 1, O.x, O.y, Math.max(Math.min(O.xMargin, s), -s), Math.max(Math.min(O.yMargin, o), -o), this.view.textDirection == H.LTR);
+    ql(this.view.scrollDOM, a, e.head < e.anchor ? -1 : 1, O.x, O.y, Math.max(Math.min(O.xMargin, s), -s), Math.max(Math.min(O.yMargin, o), -o), this.view.textDirection == J.LTR);
   }
   lineHasWidget(O) {
     let e = (t) => t.isWidget() || t.children.some(e);
@@ -6756,11 +6756,11 @@ function Xs(i, O) {
     return null;
   let t = Ha(e.focusNode, e.focusOffset), r = Ja(e.focusNode, e.focusOffset), n = t || r;
   if (r && t && r.node != t.node) {
-    let s = F.get(r.node);
+    let s = K.get(r.node);
     if (!s || s.isText() && s.text != r.node.nodeValue)
       n = r;
     else if (i.docView.lastCompositionAfterCursor) {
-      let o = F.get(t.node);
+      let o = K.get(t.node);
       !o || o.isText() && o.text != t.node.nodeValue || (n = r);
     }
   }
@@ -6905,7 +6905,7 @@ function X2(i, O, e, t) {
   let r = S2(i, O.head, O.assoc || -1), n = !t || r.type != PO.Text || !(i.lineWrapping || r.widgetLineBreaks) ? null : i.coordsAtPos(O.assoc < 0 && O.head > r.from ? O.head - 1 : O.head);
   if (n) {
     let a = i.dom.getBoundingClientRect(), s = i.textDirectionAt(r.from), o = i.posAtCoords({
-      x: e == (s == H.LTR) ? a.right - 1 : a.left + 1,
+      x: e == (s == J.LTR) ? a.right - 1 : a.left + 1,
       y: (n.top + n.bottom) / 2
     });
     if (o != null)
@@ -7043,7 +7043,7 @@ function ms(i, O, e, t, r) {
         break;
       f = d;
     }
-    return t > (a.left + a.right) / 2 == (Qn(i, n + e) == H.LTR) ? new qO(e + xO(O.text, n), -1) : new qO(e + n, 1);
+    return t > (a.left + a.right) / 2 == (Qn(i, n + e) == J.LTR) ? new qO(e + xO(O.text, n), -1) : new qO(e + n, 1);
   } else {
     if (!O.length)
       return new qO(e, 1);
@@ -7056,7 +7056,7 @@ function ms(i, O, e, t, r) {
         break;
     }
     let h = O.children[n], f = O.posBefore(h, e);
-    return h.isComposite() || h.isText() ? ms(i, h, f, Math.max(a.left, Math.min(a.right, t)), r) : t > (a.left + a.right) / 2 == (Qn(i, n + e) == H.LTR) ? new qO(f + h.length, -1) : new qO(f, 1);
+    return h.isComposite() || h.isText() ? ms(i, h, f, Math.max(a.left, Math.min(a.right, t)), r) : t > (a.left + a.right) / 2 == (Qn(i, n + e) == J.LTR) ? new qO(f + h.length, -1) : new qO(f, 1);
   }
 }
 function Qn(i, O) {
@@ -7082,12 +7082,12 @@ class T2 {
       this.findPointBefore(t, r);
       let n = this.text.length;
       this.readNode(r);
-      let a = F.get(r), s = r.nextSibling;
+      let a = K.get(r), s = r.nextSibling;
       if (s == e) {
         a?.breakAfter && !s && t != this.view.contentDOM && this.lineBreak();
         break;
       }
-      let o = F.get(s);
+      let o = K.get(s);
       (a && o ? a.breakAfter : (a ? a.breakAfter : ht(r)) || ht(s) && (r.nodeName != "BR" || a?.isWidget()) && this.text.length > n) && !C2(s, e) && this.lineBreak(), r = s;
     }
     return this.findPointBefore(t, e), this;
@@ -7107,7 +7107,7 @@ class T2 {
     }
   }
   readNode(O) {
-    let e = F.get(O), t = e && e.overrideDOMText;
+    let e = K.get(O), t = e && e.overrideDOMText;
     if (t != null) {
       this.findPointInside(O, t.length);
       for (let r = t.iter(); !r.next().done; )
@@ -7135,7 +7135,7 @@ function x2(i, O, e) {
 function C2(i, O) {
   let e;
   for (; !(i == O || !i); i = i.nextSibling) {
-    let t = F.get(i);
+    let t = K.get(i);
     if (!t?.isWidget())
       return !1;
     t && (e || (e = [])).push(t);
@@ -7502,7 +7502,7 @@ function L2(i, O) {
   if (O.defaultPrevented)
     return !1;
   for (let e = O.target, t; e != i.contentDOM; e = e.parentNode)
-    if (!e || e.nodeType == 11 || (t = F.get(e)) && t.isWidget() && !t.isHidden && t.widget.ignoreEvent(O))
+    if (!e || e.nodeType == 11 || (t = K.get(e)) && t.isWidget() && !t.isHidden && t.widget.ignoreEvent(O))
       return !1;
   return !0;
 }
@@ -8306,7 +8306,7 @@ class i5 extends Vt {
 }
 class mn {
   constructor(O) {
-    this.state = O, this.pixelViewport = { left: 0, right: window.innerWidth, top: 0, bottom: 0 }, this.inView = !0, this.paddingTop = 0, this.paddingBottom = 0, this.contentDOMWidth = 0, this.contentDOMHeight = 0, this.editorHeight = 0, this.editorWidth = 0, this.scrollTop = 0, this.scrolledToBottom = !1, this.scaleX = 1, this.scaleY = 1, this.scrollAnchorPos = 0, this.scrollAnchorHeight = -1, this.scaler = Tn, this.scrollTarget = null, this.printing = !1, this.mustMeasureContent = !0, this.defaultTextDirection = H.LTR, this.visibleRanges = [], this.mustEnforceCursorAssoc = !1;
+    this.state = O, this.pixelViewport = { left: 0, right: window.innerWidth, top: 0, bottom: 0 }, this.inView = !0, this.paddingTop = 0, this.paddingBottom = 0, this.contentDOMWidth = 0, this.contentDOMHeight = 0, this.editorHeight = 0, this.editorWidth = 0, this.scrollTop = 0, this.scrolledToBottom = !1, this.scaleX = 1, this.scaleY = 1, this.scrollAnchorPos = 0, this.scrollAnchorHeight = -1, this.scaler = Tn, this.scrollTarget = null, this.printing = !1, this.mustMeasureContent = !0, this.defaultTextDirection = J.LTR, this.visibleRanges = [], this.mustEnforceCursorAssoc = !1;
     let e = O.facet(pr).some((t) => typeof t != "function" && t.class == "cm-lineWrapping");
     this.heightOracle = new I2(e), this.stateDeco = xn(O), this.heightMap = aO.empty().applyChanges(this.stateDeco, W.empty, this.heightOracle.setDoc(O.doc), [new uO(0, 0, 0, O.doc.length)]);
     for (let t = 0; t < 2 && (this.viewport = this.getViewport(0, null), !!this.updateForViewport()); t++)
@@ -8346,7 +8346,7 @@ class mn {
   }
   measure(O) {
     let e = O.contentDOM, t = window.getComputedStyle(e), r = this.heightOracle, n = t.whiteSpace;
-    this.defaultTextDirection = t.direction == "rtl" ? H.RTL : H.LTR;
+    this.defaultTextDirection = t.direction == "rtl" ? J.RTL : J.LTR;
     let a = this.heightOracle.mustRefreshForWrapping(n), s = e.getBoundingClientRect(), o = a || this.mustMeasureContent || this.contentDOMHeight != s.height;
     this.contentDOMHeight = s.height, this.mustMeasureContent = !1;
     let l = 0, Q = 0;
@@ -8434,7 +8434,7 @@ class mn {
   // the artifacts this might produce from the user.
   ensureLineGaps(O, e) {
     let t = this.heightOracle.lineWrapping, r = t ? 1e4 : 2e3, n = r >> 1, a = r << 1;
-    if (this.defaultTextDirection != H.LTR && !t)
+    if (this.defaultTextDirection != J.LTR && !t)
       return [];
     let s = [], o = (Q, $, h, f) => {
       if ($ - Q < n)
@@ -9147,7 +9147,7 @@ class o5 {
 }
 function Cn(i, O, e) {
   for (; O; ) {
-    let t = F.get(O);
+    let t = K.get(O);
     if (t && t.parent == i)
       return t;
     let r = O.parentNode;
@@ -9829,7 +9829,7 @@ class _ {
     if (!t || t.left == t.right)
       return t;
     let r = this.state.doc.lineAt(O), n = this.bidiSpans(r), a = n[IO.find(n, O - r.from, -1, e)];
-    return ft(t, a.dir == H.LTR == e > 0);
+    return ft(t, a.dir == J.LTR == e > 0);
   }
   /**
   Return the rectangle around a given character. If `pos` does not
@@ -10040,7 +10040,7 @@ class _ {
   */
   static findFromDOM(O) {
     var e;
-    let t = O.querySelector(".cm-content"), r = t && F.get(t) || F.get(O);
+    let t = O.querySelector(".cm-content"), r = t && K.get(t) || K.get(O);
     return ((e = r?.root) === null || e === void 0 ? void 0 : e.view) || null;
   }
 }
@@ -10068,7 +10068,7 @@ _.cspNonce = /* @__PURE__ */ q.define({ combine: (i) => i.length ? i[0] : "" });
 _.contentAttributes = pr;
 _.editorAttributes = fs;
 _.lineWrapping = /* @__PURE__ */ _.contentAttributes.of({ class: "cm-lineWrapping" });
-_.announce = /* @__PURE__ */ K.define();
+_.announce = /* @__PURE__ */ H.define();
 const $5 = 4096, Zn = {};
 class St {
   constructor(O, e, t, r, n, a) {
@@ -10077,7 +10077,7 @@ class St {
   static update(O, e) {
     if (e.empty && !O.some((n) => n.fresh))
       return O;
-    let t = [], r = O.length ? O[O.length - 1].dir : H.LTR;
+    let t = [], r = O.length ? O[O.length - 1].dir : J.LTR;
     for (let n = Math.max(0, O.length - 10); n < O.length; n++) {
       let a = O[n];
       a.dir == r && !e.touchesRange(a.from, a.to) && t.push(new St(e.mapPos(a.from, 1), e.mapPos(a.to, -1), a.dir, a.isolates, !1, a.order));
@@ -10851,7 +10851,7 @@ class wO {
     return !0;
   }
 }
-wO.setState = /* @__PURE__ */ K.define();
+wO.setState = /* @__PURE__ */ H.define();
 function Rn(i, O, e) {
   let t = i.facet(Ee), r = Di(i).topNode;
   if (!t || t.allowsNesting)
@@ -11586,7 +11586,7 @@ function z5(i, O) {
   ], top: !0 });
   return g1.push(e), e;
 }
-H.RTL, H.LTR;
+J.RTL, J.LTR;
 function Cr(i, O, e, t, r, n) {
   this.indented = i, this.column = O, this.type = e, this.info = t, this.align = r, this.prev = n;
 }
@@ -11757,7 +11757,7 @@ function Wt(i, O) {
 function _t(i) {
   return !i || i.length < 2 || i[0] != "_" ? !1 : i[1] == "_" || i[1] !== i[1].toLowerCase();
 }
-function B(i) {
+function F(i) {
   return i.eatWhile(/[\w\.']/), "number";
 }
 function ee(i, O) {
@@ -11819,16 +11819,16 @@ fO({
     U: ee,
     L: ee,
     R: ee,
-    0: B,
-    1: B,
-    2: B,
-    3: B,
-    4: B,
-    5: B,
-    6: B,
-    7: B,
-    8: B,
-    9: B,
+    0: F,
+    1: F,
+    2: F,
+    3: F,
+    4: F,
+    5: F,
+    6: F,
+    7: F,
+    8: F,
+    9: F,
     token: function(i, O, e) {
       if (e == "variable" && i.peek() == "(" && (O.prevToken == ";" || O.prevToken == null || O.prevToken == "}") && Bs(i.current()))
         return "def";
@@ -12040,16 +12040,16 @@ fO({
     U: ee,
     L: ee,
     R: ee,
-    0: B,
-    1: B,
-    2: B,
-    3: B,
-    4: B,
-    5: B,
-    6: B,
-    7: B,
-    8: B,
-    9: B,
+    0: F,
+    1: F,
+    2: F,
+    3: F,
+    4: F,
+    5: F,
+    6: F,
+    7: F,
+    8: F,
+    9: F,
     token: function(i, O, e) {
       if (e == "variable" && i.peek() == "(" && (O.prevToken == ";" || O.prevToken == null || O.prevToken == "}") && Bs(i.current()))
         return "def";
@@ -15361,32 +15361,34 @@ const xa = qt.define(_5).parser, Bc = qt.define(W5).parser, Fc = /* @__PURE__ */
   primaryShade: 6,
   defaultRadius: "md",
   fontSizes: {
-    xs: J(12),
-    sm: J(13),
-    md: J(14),
-    lg: J(16),
-    xl: J(18)
+    xs: B(12),
+    sm: B(13),
+    md: B(14),
+    lg: B(16),
+    xl: B(18)
   },
   headings: {
     sizes: {
-      h1: { fontSize: J(64), fontWeight: "700" },
-      h2: { fontSize: J(32), fontWeight: "600" },
-      h3: { fontSize: J(18), fontWeight: "500" }
+      h1: { fontSize: B(64), fontWeight: "700" },
+      h2: { fontSize: B(32), fontWeight: "600" },
+      h3: { fontSize: B(18), fontWeight: "500" },
+      h4: { fontSize: B(14), fontWeight: "600" },
+      h5: { fontSize: B(13), fontWeight: "700" }
     }
   },
   spacing: {
-    xs: J(6),
-    sm: J(9),
-    md: J(12),
-    lg: J(16),
-    xl: J(20)
+    xs: B(6),
+    sm: B(9),
+    md: B(12),
+    lg: B(16),
+    xl: B(20)
   },
   radius: {
-    xs: J(7),
-    sm: J(9),
-    md: J(11),
-    lg: J(15),
-    xl: J(99)
+    xs: B(7),
+    sm: B(9),
+    md: B(11),
+    lg: B(15),
+    xl: B(99)
   },
   colors: {
     obsidian: [