UNPKG

@senka-ai/ui

Version:

A modern, type-safe Svelte 5 UI component library with full theme support, accessibility standards, and robust state management patterns

github.com/senka-ai/senka/tree/main/packages/ui

senka-ai/senka

160 lines • 4.99 kB
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
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
/** * packages/ui/src/lib/layout-presets.ts * Common layout configuration presets for frequently used patterns * Reduces verbosity and provides consistent layouts across the Senka ecosystem * RELEVANT FILES: LayoutDiv.svelte, @senka-ai/layout-engine */ import type { LayoutContainer } from '@senka-ai/layout-engine'; /** * Common layout presets for typical UI patterns */ export declare const LAYOUT_PRESETS: { readonly 'page-stack': { readonly id: "page-stack"; readonly type: "stack"; readonly direction: "vertical"; readonly gap: "spacious"; readonly fillContainer: true; }; readonly 'page-content': { readonly id: "page-content"; readonly type: "stack"; readonly direction: "vertical"; readonly gap: "comfortable"; readonly fillContainer: true; }; readonly 'header-row': { readonly id: "header-row"; readonly type: "row"; readonly gap: "normal"; readonly align: "center"; readonly justify: "space-between"; readonly fillContainer: true; }; readonly 'header-actions': { readonly id: "header-actions"; readonly type: "row"; readonly gap: "tight"; readonly align: "center"; readonly justify: "packed"; readonly fillContainer: false; }; readonly 'section-stack': { readonly id: "section-stack"; readonly type: "stack"; readonly direction: "vertical"; readonly gap: "normal"; readonly fillContainer: true; }; readonly 'section-header': { readonly id: "section-header"; readonly type: "stack"; readonly direction: "vertical"; readonly gap: "tight"; readonly fillContainer: true; }; readonly 'content-grid': { readonly id: "content-grid"; readonly type: "grid"; readonly columns: "auto"; readonly gap: "normal"; readonly align: "stretch"; readonly fillContainer: true; }; readonly 'content-list': { readonly id: "content-list"; readonly type: "stack"; readonly direction: "vertical"; readonly gap: "tight"; readonly fillContainer: true; }; readonly 'card-content': { readonly id: "card-content"; readonly type: "stack"; readonly direction: "vertical"; readonly gap: "normal"; readonly fillContainer: true; }; readonly 'card-actions': { readonly id: "card-actions"; readonly type: "row"; readonly gap: "tight"; readonly align: "center"; readonly justify: "packed"; readonly fillContainer: false; }; readonly 'form-stack': { readonly id: "form-stack"; readonly type: "stack"; readonly direction: "vertical"; readonly gap: "comfortable"; readonly fillContainer: true; }; readonly 'form-row': { readonly id: "form-row"; readonly type: "row"; readonly gap: "normal"; readonly align: "center"; readonly wrap: true; readonly fillContainer: true; }; readonly 'form-actions': { readonly id: "form-actions"; readonly type: "row"; readonly gap: "normal"; readonly align: "center"; readonly justify: "space-between"; readonly fillContainer: true; }; readonly 'nav-horizontal': { readonly id: "nav-horizontal"; readonly type: "row"; readonly gap: "normal"; readonly align: "center"; readonly justify: "packed"; readonly fillContainer: false; }; readonly 'nav-vertical': { readonly id: "nav-vertical"; readonly type: "stack"; readonly direction: "vertical"; readonly gap: "tight"; readonly fillContainer: true; }; readonly 'sidebar-content': { readonly id: "sidebar-content"; readonly type: "stack"; readonly direction: "vertical"; readonly gap: "comfortable"; readonly fillContainer: true; }; readonly 'dashboard-grid': { readonly id: "dashboard-grid"; readonly type: "grid"; readonly columns: 3; readonly gap: "comfortable"; readonly align: "stretch"; readonly fillContainer: true; }; readonly 'dashboard-cards': { readonly id: "dashboard-cards"; readonly type: "grid"; readonly columns: "auto"; readonly gap: "normal"; readonly align: "stretch"; readonly fillContainer: true; }; }; /** * Type for preset keys */ export type LayoutPreset = keyof typeof LAYOUT_PRESETS; /** * Get a layout preset by key */ export declare function getLayoutPreset(preset: LayoutPreset): LayoutContainer; /** * Check if a string is a valid preset key */ export declare function isLayoutPreset(preset: string): preset is LayoutPreset; //# sourceMappingURL=layout-presets.d.ts.map