guise-ui 1.5.3

A component library for gpui, Zed's GPU-accelerated UI framework: a themed palette, sizing tokens, 130+ composable components, a reactive state layer, and an in-app Safari-style inspector.
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

//! Layout primitives: vertical [`Stack`], horizontal [`Group`], [`Center`],
//! plus app-structure helpers ([`AppShell`], [`Container`], [`Space`]).
//! These map token-based flex helpers onto gpui's flex container.

mod appshell;
mod breakpoint;
mod center;
mod container;
mod grid;
mod group;
mod space;
mod stack;

pub use appshell::AppShell;
pub use breakpoint::{Breakpoint, Responsive};
pub use center::Center;
pub use container::Container;
pub use grid::SimpleGrid;
pub use group::Group;
pub use space::Space;
pub use stack::Stack;

use gpui::prelude::*;
use gpui::Div;

use crate::style::FlexExt;

/// Cross-axis alignment of flex children.
#[derive(Debug, Clone, Copy, PartialEq, Eq)]
pub enum Align {
  Start,
  Center,
  End,
  Stretch,
}

/// Main-axis distribution of flex children.
#[derive(Debug, Clone, Copy, PartialEq, Eq)]
pub enum Justify {
  Start,
  Center,
  End,
  Between,
  Around,
}

pub(crate) fn apply_align(div: Div, align: Align) -> Div {
  match align {
    Align::Start => div.items_start(),
    Align::Center => div.items_center(),
    Align::End => div.items_end(),
    Align::Stretch => div.items_stretch(),
  }
}

pub(crate) fn apply_justify(div: Div, justify: Justify) -> Div {
  match justify {
    Justify::Start => div.justify_start(),
    Justify::Center => div.justify_center(),
    Justify::End => div.justify_end(),
    Justify::Between => div.justify_between(),
    Justify::Around => div.justify_around(),
  }
}