gpui-macos 0.1.1

A complete macOS design system for GPUI Kit: native controls, Liquid Glass surfaces, and desktop layouts.
Documentation 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75

//! Modal presentation built from gpui-base's dialog hosts and content slots.
use crate::ActiveTheme;
use gpui_kit::base::{
    AlertDialog, Dialog, DialogBackdrop, DialogDescription, DialogPopup, DialogTitle,
};
use gpui_kit::rems;
use gpui_kit::{App, FocusHandle, FontWeight, ParentElement, SharedString, Styled, rgb};

/// Supply a stable focus handle, focus it on opening, and restore trigger focus on close.
/// Base owns the focus trap, Escape, confirmation and backdrop dismissal.
pub fn dialog(focus: &FocusHandle, cx: &mut App) -> Dialog {
    Dialog::new(cx)
        .focus_handle(focus.clone())
        .backdrop(dialog_backdrop())
}

/// An explicit decision: backdrop presses never dismiss this modal.
pub fn alert_dialog(focus: &FocusHandle, cx: &mut App) -> AlertDialog {
    // AlertDialog intentionally retains base's distinct accessibility role.
    AlertDialog::new(cx)
        .focus_handle(focus.clone())
        .backdrop(dialog_backdrop())
}

pub fn dialog_backdrop() -> DialogBackdrop {
    DialogBackdrop::new()
        .absolute()
        .size_full()
        .bg(gpui_kit::Hsla::from(rgb(0)).opacity(0.24))
}

/// A rounded, elevated modal. Content slots and peer actions go inside this popup.
pub fn dialog_popup(cx: &App) -> DialogPopup {
    let t = cx.macos();
    DialogPopup::new()
        .relative()
        .flex()
        .flex_col()
        .gap(rems(0.875))
        .w(rems(26.25))
        .max_w(gpui_kit::relative(1.))
        .p(rems(1.5))
        .border_1()
        .border_color(t.glass_border())
        .rounded(rems(1.25))
        .bg(t.surface)
        .shadow(t.popover_shadow())
        .text_color(t.foreground)
        .font_family(t.font.clone())
        .text_size(rems(0.8125))
}

pub fn dialog_title(title: impl Into<SharedString>, cx: &App) -> DialogTitle {
    DialogTitle::new()
        .text_size(rems(1.))
        .font_weight(FontWeight::SEMIBOLD)
        .text_color(cx.macos().foreground)
        .child(title.into())
}

pub fn dialog_description(text: impl Into<SharedString>, cx: &App) -> DialogDescription {
    DialogDescription::new()
        .text_color(cx.macos().secondary)
        .child(text.into())
}

/// Modal footer actions; the default action uses the theme's accent fill.
pub fn dialog_button(
    id: impl Into<gpui_kit::ElementId>,
    label: impl Into<SharedString>,
    variant: crate::ButtonVariant,
    cx: &App,
) -> crate::Button {
    crate::button(id, label, variant, cx).min_w(rems(5.))
}