@surrealdb/ui 1.0.0 → 1.0.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/fonts.d.ts +82 -0
- package/dist/ui.css +1 -1
- package/dist/ui.d.ts +140 -0
- package/dist/ui.js +2704 -2670
- package/dist/ui.js.map +1 -1
- package/package.json +1 -1
package/dist/fonts.d.ts
CHANGED
|
@@ -1 +1,83 @@
|
|
|
1
1
|
export { }
|
|
2
|
+
|
|
3
|
+
declare module "@mantine/core" {
|
|
4
|
+
type SurrealVariant = "surreal";
|
|
5
|
+
interface ActionIconProps {
|
|
6
|
+
variant?: import("@mantine/core").ActionIconVariant | SurrealVariant;
|
|
7
|
+
}
|
|
8
|
+
interface ThemeIconProps {
|
|
9
|
+
variant?: import("@mantine/core").ThemeIconVariant | SurrealVariant;
|
|
10
|
+
}
|
|
11
|
+
interface ButtonProps {
|
|
12
|
+
variant?: import("@mantine/core").ButtonVariant | SurrealVariant;
|
|
13
|
+
}
|
|
14
|
+
interface TextInputProps {
|
|
15
|
+
variant?: import("@mantine/core").InputVariant | SurrealVariant;
|
|
16
|
+
}
|
|
17
|
+
interface AutocompleteProps {
|
|
18
|
+
variant?: import("@mantine/core").InputVariant | SurrealVariant;
|
|
19
|
+
}
|
|
20
|
+
interface DividerProps {
|
|
21
|
+
variant?: import("@mantine/core").DividerVariant | SurrealVariant;
|
|
22
|
+
}
|
|
23
|
+
interface CloseButtonProps {
|
|
24
|
+
variant?: import("@mantine/core").CloseButtonVariant | SurrealVariant;
|
|
25
|
+
}
|
|
26
|
+
interface AnchorProps {
|
|
27
|
+
variant?: import("@mantine/core").AnchorVariant | SurrealVariant | "glow";
|
|
28
|
+
}
|
|
29
|
+
interface SelectProps {
|
|
30
|
+
variant?: import("@mantine/core").InputVariant | SurrealVariant;
|
|
31
|
+
}
|
|
32
|
+
interface BadgeProps {
|
|
33
|
+
variant?: import("@mantine/core").BadgeVariant | SurrealVariant;
|
|
34
|
+
}
|
|
35
|
+
interface CheckboxProps {
|
|
36
|
+
variant?: import("@mantine/core").CheckboxVariant | SurrealVariant;
|
|
37
|
+
}
|
|
38
|
+
interface PasswordInputProps {
|
|
39
|
+
variant?: import("@mantine/core").InputVariant | SurrealVariant;
|
|
40
|
+
}
|
|
41
|
+
interface NavLinkProps {
|
|
42
|
+
variant?: import("@mantine/core").NavLinkVariant | SurrealVariant;
|
|
43
|
+
}
|
|
44
|
+
interface PaperProps {
|
|
45
|
+
variant?: SurrealVariant | "glass";
|
|
46
|
+
}
|
|
47
|
+
interface ScrollAreaProps {
|
|
48
|
+
variant?: SurrealVariant;
|
|
49
|
+
}
|
|
50
|
+
interface TooltipProps {
|
|
51
|
+
variant?: SurrealVariant;
|
|
52
|
+
}
|
|
53
|
+
interface PopoverDropdownProps {
|
|
54
|
+
variant?: SurrealVariant | "transparent";
|
|
55
|
+
}
|
|
56
|
+
interface HoverCardDropdownProps {
|
|
57
|
+
variant?: SurrealVariant | "transparent";
|
|
58
|
+
}
|
|
59
|
+
interface MenuDropdownProps {
|
|
60
|
+
variant?: SurrealVariant;
|
|
61
|
+
}
|
|
62
|
+
interface LoaderProps {
|
|
63
|
+
variant?: SurrealVariant;
|
|
64
|
+
}
|
|
65
|
+
interface ModalProps {
|
|
66
|
+
variant?: SurrealVariant | "fluid";
|
|
67
|
+
}
|
|
68
|
+
interface OverlayProps {
|
|
69
|
+
variant?: SurrealVariant;
|
|
70
|
+
}
|
|
71
|
+
interface SkeletonProps {
|
|
72
|
+
variant?: SurrealVariant;
|
|
73
|
+
}
|
|
74
|
+
interface SegmentedControlProps {
|
|
75
|
+
variant?: SurrealVariant;
|
|
76
|
+
}
|
|
77
|
+
interface KbdProps {
|
|
78
|
+
variant?: SurrealVariant;
|
|
79
|
+
}
|
|
80
|
+
interface TitleProps {
|
|
81
|
+
variant?: "gradient";
|
|
82
|
+
}
|
|
83
|
+
}
|
package/dist/ui.css
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
@layer surreal {
|
|
2
|
-
: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)}}
|
|
2
|
+
: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-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-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)}}
|
|
3
3
|
|
|
4
4
|
}
|
package/dist/ui.d.ts
CHANGED
|
@@ -11,6 +11,15 @@ import { MantineFontSize } from '@mantine/core';
|
|
|
11
11
|
import { MantineRadius } from '@mantine/core';
|
|
12
12
|
import { VariantColorsResolver } from '@mantine/core';
|
|
13
13
|
|
|
14
|
+
declare type AnyFn = (...rest: any[]) => any;
|
|
15
|
+
|
|
16
|
+
export declare interface BooleanHandle {
|
|
17
|
+
open: () => void;
|
|
18
|
+
close: () => void;
|
|
19
|
+
toggle: () => void;
|
|
20
|
+
set: React.Dispatch<React.SetStateAction<boolean>>;
|
|
21
|
+
}
|
|
22
|
+
|
|
14
23
|
export declare const brandApple: string;
|
|
15
24
|
|
|
16
25
|
export declare const brandAppleRetro: string;
|
|
@@ -80,6 +89,10 @@ export declare type ColorScheme = keyof ThemeConfig;
|
|
|
80
89
|
*/
|
|
81
90
|
export declare function createHighlighter(colorScheme: ColorScheme): Highlighter;
|
|
82
91
|
|
|
92
|
+
export declare type DefaultSort = {
|
|
93
|
+
[key: string]: unknown;
|
|
94
|
+
};
|
|
95
|
+
|
|
83
96
|
export declare const Highlighting: FC<HighlightingProps>;
|
|
84
97
|
|
|
85
98
|
export declare interface HighlightingProps extends BoxProps {
|
|
@@ -979,6 +992,19 @@ export declare const pictoZed: string;
|
|
|
979
992
|
|
|
980
993
|
export declare const pictoZoomIn: string;
|
|
981
994
|
|
|
995
|
+
export declare type SortDirection = "asc" | "desc" | undefined;
|
|
996
|
+
|
|
997
|
+
export declare interface SortHandle<T = DefaultSort> {
|
|
998
|
+
column: keyof T | undefined;
|
|
999
|
+
direction: SortDirection;
|
|
1000
|
+
toggle: (column: keyof T) => void;
|
|
1001
|
+
}
|
|
1002
|
+
|
|
1003
|
+
export declare interface SortOptions<T = DefaultSort> {
|
|
1004
|
+
defaultColumn?: keyof T;
|
|
1005
|
+
defaultSort?: SortDirection;
|
|
1006
|
+
}
|
|
1007
|
+
|
|
982
1008
|
export declare const Spacer: FC<BoxProps>;
|
|
983
1009
|
|
|
984
1010
|
export declare const SYNTAX_THEME_CONFIG: ThemeConfig;
|
|
@@ -988,4 +1014,118 @@ export declare type ThemeConfig = {
|
|
|
988
1014
|
dark: HighlightStyle;
|
|
989
1015
|
};
|
|
990
1016
|
|
|
1017
|
+
/**
|
|
1018
|
+
* Trigger a new render and invoke the passed function
|
|
1019
|
+
* during this next call. Useful when you require the component
|
|
1020
|
+
* state to be updated before dispatching an action.
|
|
1021
|
+
*
|
|
1022
|
+
* @param doLater The callback to invoke
|
|
1023
|
+
* @returns The function to trigger invocation
|
|
1024
|
+
*/
|
|
1025
|
+
export declare function useLater<T extends unknown[]>(doLater: (...args: T) => unknown): (...args: T) => void;
|
|
1026
|
+
|
|
1027
|
+
export declare function useSort<T = DefaultSort>(options?: SortOptions<T>): SortHandle<T>;
|
|
1028
|
+
|
|
1029
|
+
/**
|
|
1030
|
+
* Wraps the given unstable function in a stable callback.
|
|
1031
|
+
*
|
|
1032
|
+
* @param callback The unstable callback function
|
|
1033
|
+
* @returns The stable callback
|
|
1034
|
+
*/
|
|
1035
|
+
export declare function useStable<T extends AnyFn>(callback: T): T;
|
|
1036
|
+
|
|
1037
|
+
/**
|
|
1038
|
+
* A state used to track an active/inactive switch state (boolean)
|
|
1039
|
+
*
|
|
1040
|
+
* @param initialState The initial state of the switch
|
|
1041
|
+
* @param callbacks The callbacks to call when the switch is opened or closed
|
|
1042
|
+
* @returns
|
|
1043
|
+
*/
|
|
1044
|
+
export declare function useSwitch(initialState?: boolean, callbacks?: {
|
|
1045
|
+
onOpen?: () => void;
|
|
1046
|
+
onClose?: () => void;
|
|
1047
|
+
}): readonly [boolean, BooleanHandle];
|
|
1048
|
+
|
|
991
1049
|
export { }
|
|
1050
|
+
|
|
1051
|
+
declare module "@mantine/core" {
|
|
1052
|
+
type SurrealVariant = "surreal";
|
|
1053
|
+
interface ActionIconProps {
|
|
1054
|
+
variant?: import("@mantine/core").ActionIconVariant | SurrealVariant;
|
|
1055
|
+
}
|
|
1056
|
+
interface ThemeIconProps {
|
|
1057
|
+
variant?: import("@mantine/core").ThemeIconVariant | SurrealVariant;
|
|
1058
|
+
}
|
|
1059
|
+
interface ButtonProps {
|
|
1060
|
+
variant?: import("@mantine/core").ButtonVariant | SurrealVariant;
|
|
1061
|
+
}
|
|
1062
|
+
interface TextInputProps {
|
|
1063
|
+
variant?: import("@mantine/core").InputVariant | SurrealVariant;
|
|
1064
|
+
}
|
|
1065
|
+
interface AutocompleteProps {
|
|
1066
|
+
variant?: import("@mantine/core").InputVariant | SurrealVariant;
|
|
1067
|
+
}
|
|
1068
|
+
interface DividerProps {
|
|
1069
|
+
variant?: import("@mantine/core").DividerVariant | SurrealVariant;
|
|
1070
|
+
}
|
|
1071
|
+
interface CloseButtonProps {
|
|
1072
|
+
variant?: import("@mantine/core").CloseButtonVariant | SurrealVariant;
|
|
1073
|
+
}
|
|
1074
|
+
interface AnchorProps {
|
|
1075
|
+
variant?: import("@mantine/core").AnchorVariant | SurrealVariant | "glow";
|
|
1076
|
+
}
|
|
1077
|
+
interface SelectProps {
|
|
1078
|
+
variant?: import("@mantine/core").InputVariant | SurrealVariant;
|
|
1079
|
+
}
|
|
1080
|
+
interface BadgeProps {
|
|
1081
|
+
variant?: import("@mantine/core").BadgeVariant | SurrealVariant;
|
|
1082
|
+
}
|
|
1083
|
+
interface CheckboxProps {
|
|
1084
|
+
variant?: import("@mantine/core").CheckboxVariant | SurrealVariant;
|
|
1085
|
+
}
|
|
1086
|
+
interface PasswordInputProps {
|
|
1087
|
+
variant?: import("@mantine/core").InputVariant | SurrealVariant;
|
|
1088
|
+
}
|
|
1089
|
+
interface NavLinkProps {
|
|
1090
|
+
variant?: import("@mantine/core").NavLinkVariant | SurrealVariant;
|
|
1091
|
+
}
|
|
1092
|
+
interface PaperProps {
|
|
1093
|
+
variant?: SurrealVariant | "glass";
|
|
1094
|
+
}
|
|
1095
|
+
interface ScrollAreaProps {
|
|
1096
|
+
variant?: SurrealVariant;
|
|
1097
|
+
}
|
|
1098
|
+
interface TooltipProps {
|
|
1099
|
+
variant?: SurrealVariant;
|
|
1100
|
+
}
|
|
1101
|
+
interface PopoverDropdownProps {
|
|
1102
|
+
variant?: SurrealVariant | "transparent";
|
|
1103
|
+
}
|
|
1104
|
+
interface HoverCardDropdownProps {
|
|
1105
|
+
variant?: SurrealVariant | "transparent";
|
|
1106
|
+
}
|
|
1107
|
+
interface MenuDropdownProps {
|
|
1108
|
+
variant?: SurrealVariant;
|
|
1109
|
+
}
|
|
1110
|
+
interface LoaderProps {
|
|
1111
|
+
variant?: SurrealVariant;
|
|
1112
|
+
}
|
|
1113
|
+
interface ModalProps {
|
|
1114
|
+
variant?: SurrealVariant | "fluid";
|
|
1115
|
+
}
|
|
1116
|
+
interface OverlayProps {
|
|
1117
|
+
variant?: SurrealVariant;
|
|
1118
|
+
}
|
|
1119
|
+
interface SkeletonProps {
|
|
1120
|
+
variant?: SurrealVariant;
|
|
1121
|
+
}
|
|
1122
|
+
interface SegmentedControlProps {
|
|
1123
|
+
variant?: SurrealVariant;
|
|
1124
|
+
}
|
|
1125
|
+
interface KbdProps {
|
|
1126
|
+
variant?: SurrealVariant;
|
|
1127
|
+
}
|
|
1128
|
+
interface TitleProps {
|
|
1129
|
+
variant?: "gradient";
|
|
1130
|
+
}
|
|
1131
|
+
}
|