@wavy/react-ui 0.0.1

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.
Files changed (12) hide show
  1. package/README.md +1 -0
  2. package/dist/assets/flyLeavesEmptyBox.png +0 -0
  3. package/dist/main.css +1 -0
  4. package/dist/main.d.ts +3146 -0
  5. package/dist/main.js +23 -0
  6. package/external/themes/green.json +418 -0
  7. package/external/themes/purple.json +418 -0
  8. package/modules.d.ts +3 -0
  9. package/package.json +52 -0
  10. package/scripts/public/buildTheme.js +45 -0
  11. package/scripts/public/bundleCss.js +47 -0
  12. package/types.d.ts +1 -0
package/dist/main.d.ts ADDED
@@ -0,0 +1,3146 @@
1
+ import * as react_jsx_runtime from 'react/jsx-runtime';
2
+ import * as React$1 from 'react';
3
+ import React__default, { PropsWithChildren, JSX as JSX$1 } from 'react';
4
+ import { AvatarRootProps, FloatProps, CloseButtonProps, Dialog, InputProps, InputAddonProps, InputElementProps, FileUpload, MenuRootProps, SegmentGroupRootProps, SeparatorProps, Steps, Tooltip } from '@chakra-ui/react';
5
+ export { UseStepsProps, useSteps } from '@chakra-ui/react';
6
+ import { IconType } from 'react-icons';
7
+ import { NoUndefinedField, SafeOmit, Prettify, AddPrefix, TaskResult, LocalFile, SanitizeFile, TaskResultStatus, Email, KnownFileTypeAlias, SuccessMessage, AuthProvider, TaskLog, UnsubscribeFunction, ErrorMessage, NonFunction } from '@wavy/types';
8
+ export { KnownFileTypeAlias } from '@wavy/types';
9
+ import * as CSS from 'csstype';
10
+ import CSS__default from 'csstype';
11
+ import { JSX } from '@emotion/react/jsx-runtime';
12
+ import { StepsVariant } from 'node_modules/@chakra-ui/react/dist/types/styled-system/generated/recipes.gen';
13
+
14
+ declare function UiProvider(props: {
15
+ children: React__default.ReactNode;
16
+ }): react_jsx_runtime.JSX.Element;
17
+
18
+ declare enum ColorResources {
19
+ white = "#FFF",
20
+ black = "#000",
21
+ gray = "#808080",
22
+ pdf = "#F40F02",
23
+ word = "#41A5EE",
24
+ excel = "#21A366",
25
+ img = "#8d481f",
26
+ txt = "#8c61a9",
27
+ deepSkyBlue = "#00BFFF",
28
+ lightSkyBlue = "#87CEFA",
29
+ sendBlue = "#0a57d0",
30
+ onSendBlue = "#c3dfff",
31
+ book_it = "#009688",
32
+ stickyNote = "#EFAD03",
33
+ matteBlack = "#28282B",
34
+ navyBlue = "#000080",
35
+ teal = "#008080",
36
+ paper = "#ffffff",
37
+ onPaper = "#28282B",
38
+ paperVariant = "#E6E6E6",
39
+ success = "#4BB543",
40
+ hyperlink = "#2979ff",
41
+ gold = "#d4af37",
42
+ carlsbergGreen = "#17B169",
43
+ billsRed = "#C60C30",
44
+ info = "#1565c0",
45
+ error = "#C60C30",
46
+ warning = "#f9a825",
47
+ jsonKey = "#D56C75",
48
+ string = "#59A779",
49
+ number = "#D19A5A",
50
+ boolean = "#56B6C2",
51
+ jsonBracket = "#FFCA1D",
52
+ arrayBracket = "#DA68A7",
53
+ delete = "#C60C30",
54
+ pdf_table_header = "#28282B"
55
+ }
56
+
57
+ declare const CssColors: Readonly<{
58
+ "primary[0.1]": "var(--primary__100)";
59
+ "primary[0.15]": "var(--primary__150)";
60
+ "primary[0.2]": "var(--primary__200)";
61
+ "primary[0.25]": "var(--primary__250)";
62
+ "primary[0.3]": "var(--primary__300)";
63
+ "primary[0.35]": "var(--primary__350)";
64
+ "primary[0.4]": "var(--primary__400)";
65
+ "primary[0.45]": "var(--primary__450)";
66
+ "primary[0.5]": "var(--primary__500)";
67
+ "primary[0.55]": "var(--primary__550)";
68
+ "primary[0.6]": "var(--primary__600)";
69
+ "primary[0.65]": "var(--primary__650)";
70
+ "primary[0.7]": "var(--primary__700)";
71
+ "primary[0.75]": "var(--primary__750)";
72
+ "primary[0.8]": "var(--primary__800)";
73
+ "primary[0.85]": "var(--primary__850)";
74
+ "primary[0.9]": "var(--primary__900)";
75
+ "primary[0.95]": "var(--primary__950)";
76
+ primary: "var(--primary)";
77
+ "surfaceTint[0.1]": "var(--surface-tint__100)";
78
+ "surfaceTint[0.15]": "var(--surface-tint__150)";
79
+ "surfaceTint[0.2]": "var(--surface-tint__200)";
80
+ "surfaceTint[0.25]": "var(--surface-tint__250)";
81
+ "surfaceTint[0.3]": "var(--surface-tint__300)";
82
+ "surfaceTint[0.35]": "var(--surface-tint__350)";
83
+ "surfaceTint[0.4]": "var(--surface-tint__400)";
84
+ "surfaceTint[0.45]": "var(--surface-tint__450)";
85
+ "surfaceTint[0.5]": "var(--surface-tint__500)";
86
+ "surfaceTint[0.55]": "var(--surface-tint__550)";
87
+ "surfaceTint[0.6]": "var(--surface-tint__600)";
88
+ "surfaceTint[0.65]": "var(--surface-tint__650)";
89
+ "surfaceTint[0.7]": "var(--surface-tint__700)";
90
+ "surfaceTint[0.75]": "var(--surface-tint__750)";
91
+ "surfaceTint[0.8]": "var(--surface-tint__800)";
92
+ "surfaceTint[0.85]": "var(--surface-tint__850)";
93
+ "surfaceTint[0.9]": "var(--surface-tint__900)";
94
+ "surfaceTint[0.95]": "var(--surface-tint__950)";
95
+ surfaceTint: "var(--surface-tint)";
96
+ "onPrimary[0.1]": "var(--on-primary__100)";
97
+ "onPrimary[0.15]": "var(--on-primary__150)";
98
+ "onPrimary[0.2]": "var(--on-primary__200)";
99
+ "onPrimary[0.25]": "var(--on-primary__250)";
100
+ "onPrimary[0.3]": "var(--on-primary__300)";
101
+ "onPrimary[0.35]": "var(--on-primary__350)";
102
+ "onPrimary[0.4]": "var(--on-primary__400)";
103
+ "onPrimary[0.45]": "var(--on-primary__450)";
104
+ "onPrimary[0.5]": "var(--on-primary__500)";
105
+ "onPrimary[0.55]": "var(--on-primary__550)";
106
+ "onPrimary[0.6]": "var(--on-primary__600)";
107
+ "onPrimary[0.65]": "var(--on-primary__650)";
108
+ "onPrimary[0.7]": "var(--on-primary__700)";
109
+ "onPrimary[0.75]": "var(--on-primary__750)";
110
+ "onPrimary[0.8]": "var(--on-primary__800)";
111
+ "onPrimary[0.85]": "var(--on-primary__850)";
112
+ "onPrimary[0.9]": "var(--on-primary__900)";
113
+ "onPrimary[0.95]": "var(--on-primary__950)";
114
+ onPrimary: "var(--on-primary)";
115
+ "primaryContainer[0.1]": "var(--primary-container__100)";
116
+ "primaryContainer[0.15]": "var(--primary-container__150)";
117
+ "primaryContainer[0.2]": "var(--primary-container__200)";
118
+ "primaryContainer[0.25]": "var(--primary-container__250)";
119
+ "primaryContainer[0.3]": "var(--primary-container__300)";
120
+ "primaryContainer[0.35]": "var(--primary-container__350)";
121
+ "primaryContainer[0.4]": "var(--primary-container__400)";
122
+ "primaryContainer[0.45]": "var(--primary-container__450)";
123
+ "primaryContainer[0.5]": "var(--primary-container__500)";
124
+ "primaryContainer[0.55]": "var(--primary-container__550)";
125
+ "primaryContainer[0.6]": "var(--primary-container__600)";
126
+ "primaryContainer[0.65]": "var(--primary-container__650)";
127
+ "primaryContainer[0.7]": "var(--primary-container__700)";
128
+ "primaryContainer[0.75]": "var(--primary-container__750)";
129
+ "primaryContainer[0.8]": "var(--primary-container__800)";
130
+ "primaryContainer[0.85]": "var(--primary-container__850)";
131
+ "primaryContainer[0.9]": "var(--primary-container__900)";
132
+ "primaryContainer[0.95]": "var(--primary-container__950)";
133
+ primaryContainer: "var(--primary-container)";
134
+ "onPrimaryContainer[0.1]": "var(--on-primary-container__100)";
135
+ "onPrimaryContainer[0.15]": "var(--on-primary-container__150)";
136
+ "onPrimaryContainer[0.2]": "var(--on-primary-container__200)";
137
+ "onPrimaryContainer[0.25]": "var(--on-primary-container__250)";
138
+ "onPrimaryContainer[0.3]": "var(--on-primary-container__300)";
139
+ "onPrimaryContainer[0.35]": "var(--on-primary-container__350)";
140
+ "onPrimaryContainer[0.4]": "var(--on-primary-container__400)";
141
+ "onPrimaryContainer[0.45]": "var(--on-primary-container__450)";
142
+ "onPrimaryContainer[0.5]": "var(--on-primary-container__500)";
143
+ "onPrimaryContainer[0.55]": "var(--on-primary-container__550)";
144
+ "onPrimaryContainer[0.6]": "var(--on-primary-container__600)";
145
+ "onPrimaryContainer[0.65]": "var(--on-primary-container__650)";
146
+ "onPrimaryContainer[0.7]": "var(--on-primary-container__700)";
147
+ "onPrimaryContainer[0.75]": "var(--on-primary-container__750)";
148
+ "onPrimaryContainer[0.8]": "var(--on-primary-container__800)";
149
+ "onPrimaryContainer[0.85]": "var(--on-primary-container__850)";
150
+ "onPrimaryContainer[0.9]": "var(--on-primary-container__900)";
151
+ "onPrimaryContainer[0.95]": "var(--on-primary-container__950)";
152
+ onPrimaryContainer: "var(--on-primary-container)";
153
+ "secondary[0.1]": "var(--secondary__100)";
154
+ "secondary[0.15]": "var(--secondary__150)";
155
+ "secondary[0.2]": "var(--secondary__200)";
156
+ "secondary[0.25]": "var(--secondary__250)";
157
+ "secondary[0.3]": "var(--secondary__300)";
158
+ "secondary[0.35]": "var(--secondary__350)";
159
+ "secondary[0.4]": "var(--secondary__400)";
160
+ "secondary[0.45]": "var(--secondary__450)";
161
+ "secondary[0.5]": "var(--secondary__500)";
162
+ "secondary[0.55]": "var(--secondary__550)";
163
+ "secondary[0.6]": "var(--secondary__600)";
164
+ "secondary[0.65]": "var(--secondary__650)";
165
+ "secondary[0.7]": "var(--secondary__700)";
166
+ "secondary[0.75]": "var(--secondary__750)";
167
+ "secondary[0.8]": "var(--secondary__800)";
168
+ "secondary[0.85]": "var(--secondary__850)";
169
+ "secondary[0.9]": "var(--secondary__900)";
170
+ "secondary[0.95]": "var(--secondary__950)";
171
+ secondary: "var(--secondary)";
172
+ "onSecondary[0.1]": "var(--on-secondary__100)";
173
+ "onSecondary[0.15]": "var(--on-secondary__150)";
174
+ "onSecondary[0.2]": "var(--on-secondary__200)";
175
+ "onSecondary[0.25]": "var(--on-secondary__250)";
176
+ "onSecondary[0.3]": "var(--on-secondary__300)";
177
+ "onSecondary[0.35]": "var(--on-secondary__350)";
178
+ "onSecondary[0.4]": "var(--on-secondary__400)";
179
+ "onSecondary[0.45]": "var(--on-secondary__450)";
180
+ "onSecondary[0.5]": "var(--on-secondary__500)";
181
+ "onSecondary[0.55]": "var(--on-secondary__550)";
182
+ "onSecondary[0.6]": "var(--on-secondary__600)";
183
+ "onSecondary[0.65]": "var(--on-secondary__650)";
184
+ "onSecondary[0.7]": "var(--on-secondary__700)";
185
+ "onSecondary[0.75]": "var(--on-secondary__750)";
186
+ "onSecondary[0.8]": "var(--on-secondary__800)";
187
+ "onSecondary[0.85]": "var(--on-secondary__850)";
188
+ "onSecondary[0.9]": "var(--on-secondary__900)";
189
+ "onSecondary[0.95]": "var(--on-secondary__950)";
190
+ onSecondary: "var(--on-secondary)";
191
+ "secondaryContainer[0.1]": "var(--secondary-container__100)";
192
+ "secondaryContainer[0.15]": "var(--secondary-container__150)";
193
+ "secondaryContainer[0.2]": "var(--secondary-container__200)";
194
+ "secondaryContainer[0.25]": "var(--secondary-container__250)";
195
+ "secondaryContainer[0.3]": "var(--secondary-container__300)";
196
+ "secondaryContainer[0.35]": "var(--secondary-container__350)";
197
+ "secondaryContainer[0.4]": "var(--secondary-container__400)";
198
+ "secondaryContainer[0.45]": "var(--secondary-container__450)";
199
+ "secondaryContainer[0.5]": "var(--secondary-container__500)";
200
+ "secondaryContainer[0.55]": "var(--secondary-container__550)";
201
+ "secondaryContainer[0.6]": "var(--secondary-container__600)";
202
+ "secondaryContainer[0.65]": "var(--secondary-container__650)";
203
+ "secondaryContainer[0.7]": "var(--secondary-container__700)";
204
+ "secondaryContainer[0.75]": "var(--secondary-container__750)";
205
+ "secondaryContainer[0.8]": "var(--secondary-container__800)";
206
+ "secondaryContainer[0.85]": "var(--secondary-container__850)";
207
+ "secondaryContainer[0.9]": "var(--secondary-container__900)";
208
+ "secondaryContainer[0.95]": "var(--secondary-container__950)";
209
+ secondaryContainer: "var(--secondary-container)";
210
+ "onSecondaryContainer[0.1]": "var(--on-secondary-container__100)";
211
+ "onSecondaryContainer[0.15]": "var(--on-secondary-container__150)";
212
+ "onSecondaryContainer[0.2]": "var(--on-secondary-container__200)";
213
+ "onSecondaryContainer[0.25]": "var(--on-secondary-container__250)";
214
+ "onSecondaryContainer[0.3]": "var(--on-secondary-container__300)";
215
+ "onSecondaryContainer[0.35]": "var(--on-secondary-container__350)";
216
+ "onSecondaryContainer[0.4]": "var(--on-secondary-container__400)";
217
+ "onSecondaryContainer[0.45]": "var(--on-secondary-container__450)";
218
+ "onSecondaryContainer[0.5]": "var(--on-secondary-container__500)";
219
+ "onSecondaryContainer[0.55]": "var(--on-secondary-container__550)";
220
+ "onSecondaryContainer[0.6]": "var(--on-secondary-container__600)";
221
+ "onSecondaryContainer[0.65]": "var(--on-secondary-container__650)";
222
+ "onSecondaryContainer[0.7]": "var(--on-secondary-container__700)";
223
+ "onSecondaryContainer[0.75]": "var(--on-secondary-container__750)";
224
+ "onSecondaryContainer[0.8]": "var(--on-secondary-container__800)";
225
+ "onSecondaryContainer[0.85]": "var(--on-secondary-container__850)";
226
+ "onSecondaryContainer[0.9]": "var(--on-secondary-container__900)";
227
+ "onSecondaryContainer[0.95]": "var(--on-secondary-container__950)";
228
+ onSecondaryContainer: "var(--on-secondary-container)";
229
+ "tertiary[0.1]": "var(--tertiary__100)";
230
+ "tertiary[0.15]": "var(--tertiary__150)";
231
+ "tertiary[0.2]": "var(--tertiary__200)";
232
+ "tertiary[0.25]": "var(--tertiary__250)";
233
+ "tertiary[0.3]": "var(--tertiary__300)";
234
+ "tertiary[0.35]": "var(--tertiary__350)";
235
+ "tertiary[0.4]": "var(--tertiary__400)";
236
+ "tertiary[0.45]": "var(--tertiary__450)";
237
+ "tertiary[0.5]": "var(--tertiary__500)";
238
+ "tertiary[0.55]": "var(--tertiary__550)";
239
+ "tertiary[0.6]": "var(--tertiary__600)";
240
+ "tertiary[0.65]": "var(--tertiary__650)";
241
+ "tertiary[0.7]": "var(--tertiary__700)";
242
+ "tertiary[0.75]": "var(--tertiary__750)";
243
+ "tertiary[0.8]": "var(--tertiary__800)";
244
+ "tertiary[0.85]": "var(--tertiary__850)";
245
+ "tertiary[0.9]": "var(--tertiary__900)";
246
+ "tertiary[0.95]": "var(--tertiary__950)";
247
+ tertiary: "var(--tertiary)";
248
+ "onTertiary[0.1]": "var(--on-tertiary__100)";
249
+ "onTertiary[0.15]": "var(--on-tertiary__150)";
250
+ "onTertiary[0.2]": "var(--on-tertiary__200)";
251
+ "onTertiary[0.25]": "var(--on-tertiary__250)";
252
+ "onTertiary[0.3]": "var(--on-tertiary__300)";
253
+ "onTertiary[0.35]": "var(--on-tertiary__350)";
254
+ "onTertiary[0.4]": "var(--on-tertiary__400)";
255
+ "onTertiary[0.45]": "var(--on-tertiary__450)";
256
+ "onTertiary[0.5]": "var(--on-tertiary__500)";
257
+ "onTertiary[0.55]": "var(--on-tertiary__550)";
258
+ "onTertiary[0.6]": "var(--on-tertiary__600)";
259
+ "onTertiary[0.65]": "var(--on-tertiary__650)";
260
+ "onTertiary[0.7]": "var(--on-tertiary__700)";
261
+ "onTertiary[0.75]": "var(--on-tertiary__750)";
262
+ "onTertiary[0.8]": "var(--on-tertiary__800)";
263
+ "onTertiary[0.85]": "var(--on-tertiary__850)";
264
+ "onTertiary[0.9]": "var(--on-tertiary__900)";
265
+ "onTertiary[0.95]": "var(--on-tertiary__950)";
266
+ onTertiary: "var(--on-tertiary)";
267
+ "tertiaryContainer[0.1]": "var(--tertiary-container__100)";
268
+ "tertiaryContainer[0.15]": "var(--tertiary-container__150)";
269
+ "tertiaryContainer[0.2]": "var(--tertiary-container__200)";
270
+ "tertiaryContainer[0.25]": "var(--tertiary-container__250)";
271
+ "tertiaryContainer[0.3]": "var(--tertiary-container__300)";
272
+ "tertiaryContainer[0.35]": "var(--tertiary-container__350)";
273
+ "tertiaryContainer[0.4]": "var(--tertiary-container__400)";
274
+ "tertiaryContainer[0.45]": "var(--tertiary-container__450)";
275
+ "tertiaryContainer[0.5]": "var(--tertiary-container__500)";
276
+ "tertiaryContainer[0.55]": "var(--tertiary-container__550)";
277
+ "tertiaryContainer[0.6]": "var(--tertiary-container__600)";
278
+ "tertiaryContainer[0.65]": "var(--tertiary-container__650)";
279
+ "tertiaryContainer[0.7]": "var(--tertiary-container__700)";
280
+ "tertiaryContainer[0.75]": "var(--tertiary-container__750)";
281
+ "tertiaryContainer[0.8]": "var(--tertiary-container__800)";
282
+ "tertiaryContainer[0.85]": "var(--tertiary-container__850)";
283
+ "tertiaryContainer[0.9]": "var(--tertiary-container__900)";
284
+ "tertiaryContainer[0.95]": "var(--tertiary-container__950)";
285
+ tertiaryContainer: "var(--tertiary-container)";
286
+ "onTertiaryContainer[0.1]": "var(--on-tertiary-container__100)";
287
+ "onTertiaryContainer[0.15]": "var(--on-tertiary-container__150)";
288
+ "onTertiaryContainer[0.2]": "var(--on-tertiary-container__200)";
289
+ "onTertiaryContainer[0.25]": "var(--on-tertiary-container__250)";
290
+ "onTertiaryContainer[0.3]": "var(--on-tertiary-container__300)";
291
+ "onTertiaryContainer[0.35]": "var(--on-tertiary-container__350)";
292
+ "onTertiaryContainer[0.4]": "var(--on-tertiary-container__400)";
293
+ "onTertiaryContainer[0.45]": "var(--on-tertiary-container__450)";
294
+ "onTertiaryContainer[0.5]": "var(--on-tertiary-container__500)";
295
+ "onTertiaryContainer[0.55]": "var(--on-tertiary-container__550)";
296
+ "onTertiaryContainer[0.6]": "var(--on-tertiary-container__600)";
297
+ "onTertiaryContainer[0.65]": "var(--on-tertiary-container__650)";
298
+ "onTertiaryContainer[0.7]": "var(--on-tertiary-container__700)";
299
+ "onTertiaryContainer[0.75]": "var(--on-tertiary-container__750)";
300
+ "onTertiaryContainer[0.8]": "var(--on-tertiary-container__800)";
301
+ "onTertiaryContainer[0.85]": "var(--on-tertiary-container__850)";
302
+ "onTertiaryContainer[0.9]": "var(--on-tertiary-container__900)";
303
+ "onTertiaryContainer[0.95]": "var(--on-tertiary-container__950)";
304
+ onTertiaryContainer: "var(--on-tertiary-container)";
305
+ "error[0.1]": "var(--error__100)";
306
+ "error[0.15]": "var(--error__150)";
307
+ "error[0.2]": "var(--error__200)";
308
+ "error[0.25]": "var(--error__250)";
309
+ "error[0.3]": "var(--error__300)";
310
+ "error[0.35]": "var(--error__350)";
311
+ "error[0.4]": "var(--error__400)";
312
+ "error[0.45]": "var(--error__450)";
313
+ "error[0.5]": "var(--error__500)";
314
+ "error[0.55]": "var(--error__550)";
315
+ "error[0.6]": "var(--error__600)";
316
+ "error[0.65]": "var(--error__650)";
317
+ "error[0.7]": "var(--error__700)";
318
+ "error[0.75]": "var(--error__750)";
319
+ "error[0.8]": "var(--error__800)";
320
+ "error[0.85]": "var(--error__850)";
321
+ "error[0.9]": "var(--error__900)";
322
+ "error[0.95]": "var(--error__950)";
323
+ error: "var(--error)";
324
+ "onError[0.1]": "var(--on-error__100)";
325
+ "onError[0.15]": "var(--on-error__150)";
326
+ "onError[0.2]": "var(--on-error__200)";
327
+ "onError[0.25]": "var(--on-error__250)";
328
+ "onError[0.3]": "var(--on-error__300)";
329
+ "onError[0.35]": "var(--on-error__350)";
330
+ "onError[0.4]": "var(--on-error__400)";
331
+ "onError[0.45]": "var(--on-error__450)";
332
+ "onError[0.5]": "var(--on-error__500)";
333
+ "onError[0.55]": "var(--on-error__550)";
334
+ "onError[0.6]": "var(--on-error__600)";
335
+ "onError[0.65]": "var(--on-error__650)";
336
+ "onError[0.7]": "var(--on-error__700)";
337
+ "onError[0.75]": "var(--on-error__750)";
338
+ "onError[0.8]": "var(--on-error__800)";
339
+ "onError[0.85]": "var(--on-error__850)";
340
+ "onError[0.9]": "var(--on-error__900)";
341
+ "onError[0.95]": "var(--on-error__950)";
342
+ onError: "var(--on-error)";
343
+ "errorContainer[0.1]": "var(--error-container__100)";
344
+ "errorContainer[0.15]": "var(--error-container__150)";
345
+ "errorContainer[0.2]": "var(--error-container__200)";
346
+ "errorContainer[0.25]": "var(--error-container__250)";
347
+ "errorContainer[0.3]": "var(--error-container__300)";
348
+ "errorContainer[0.35]": "var(--error-container__350)";
349
+ "errorContainer[0.4]": "var(--error-container__400)";
350
+ "errorContainer[0.45]": "var(--error-container__450)";
351
+ "errorContainer[0.5]": "var(--error-container__500)";
352
+ "errorContainer[0.55]": "var(--error-container__550)";
353
+ "errorContainer[0.6]": "var(--error-container__600)";
354
+ "errorContainer[0.65]": "var(--error-container__650)";
355
+ "errorContainer[0.7]": "var(--error-container__700)";
356
+ "errorContainer[0.75]": "var(--error-container__750)";
357
+ "errorContainer[0.8]": "var(--error-container__800)";
358
+ "errorContainer[0.85]": "var(--error-container__850)";
359
+ "errorContainer[0.9]": "var(--error-container__900)";
360
+ "errorContainer[0.95]": "var(--error-container__950)";
361
+ errorContainer: "var(--error-container)";
362
+ "onErrorContainer[0.1]": "var(--on-error-container__100)";
363
+ "onErrorContainer[0.15]": "var(--on-error-container__150)";
364
+ "onErrorContainer[0.2]": "var(--on-error-container__200)";
365
+ "onErrorContainer[0.25]": "var(--on-error-container__250)";
366
+ "onErrorContainer[0.3]": "var(--on-error-container__300)";
367
+ "onErrorContainer[0.35]": "var(--on-error-container__350)";
368
+ "onErrorContainer[0.4]": "var(--on-error-container__400)";
369
+ "onErrorContainer[0.45]": "var(--on-error-container__450)";
370
+ "onErrorContainer[0.5]": "var(--on-error-container__500)";
371
+ "onErrorContainer[0.55]": "var(--on-error-container__550)";
372
+ "onErrorContainer[0.6]": "var(--on-error-container__600)";
373
+ "onErrorContainer[0.65]": "var(--on-error-container__650)";
374
+ "onErrorContainer[0.7]": "var(--on-error-container__700)";
375
+ "onErrorContainer[0.75]": "var(--on-error-container__750)";
376
+ "onErrorContainer[0.8]": "var(--on-error-container__800)";
377
+ "onErrorContainer[0.85]": "var(--on-error-container__850)";
378
+ "onErrorContainer[0.9]": "var(--on-error-container__900)";
379
+ "onErrorContainer[0.95]": "var(--on-error-container__950)";
380
+ onErrorContainer: "var(--on-error-container)";
381
+ "background[0.1]": "var(--background__100)";
382
+ "background[0.15]": "var(--background__150)";
383
+ "background[0.2]": "var(--background__200)";
384
+ "background[0.25]": "var(--background__250)";
385
+ "background[0.3]": "var(--background__300)";
386
+ "background[0.35]": "var(--background__350)";
387
+ "background[0.4]": "var(--background__400)";
388
+ "background[0.45]": "var(--background__450)";
389
+ "background[0.5]": "var(--background__500)";
390
+ "background[0.55]": "var(--background__550)";
391
+ "background[0.6]": "var(--background__600)";
392
+ "background[0.65]": "var(--background__650)";
393
+ "background[0.7]": "var(--background__700)";
394
+ "background[0.75]": "var(--background__750)";
395
+ "background[0.8]": "var(--background__800)";
396
+ "background[0.85]": "var(--background__850)";
397
+ "background[0.9]": "var(--background__900)";
398
+ "background[0.95]": "var(--background__950)";
399
+ background: "var(--background)";
400
+ "onBackground[0.1]": "var(--on-background__100)";
401
+ "onBackground[0.15]": "var(--on-background__150)";
402
+ "onBackground[0.2]": "var(--on-background__200)";
403
+ "onBackground[0.25]": "var(--on-background__250)";
404
+ "onBackground[0.3]": "var(--on-background__300)";
405
+ "onBackground[0.35]": "var(--on-background__350)";
406
+ "onBackground[0.4]": "var(--on-background__400)";
407
+ "onBackground[0.45]": "var(--on-background__450)";
408
+ "onBackground[0.5]": "var(--on-background__500)";
409
+ "onBackground[0.55]": "var(--on-background__550)";
410
+ "onBackground[0.6]": "var(--on-background__600)";
411
+ "onBackground[0.65]": "var(--on-background__650)";
412
+ "onBackground[0.7]": "var(--on-background__700)";
413
+ "onBackground[0.75]": "var(--on-background__750)";
414
+ "onBackground[0.8]": "var(--on-background__800)";
415
+ "onBackground[0.85]": "var(--on-background__850)";
416
+ "onBackground[0.9]": "var(--on-background__900)";
417
+ "onBackground[0.95]": "var(--on-background__950)";
418
+ onBackground: "var(--on-background)";
419
+ "surface[0.1]": "var(--surface__100)";
420
+ "surface[0.15]": "var(--surface__150)";
421
+ "surface[0.2]": "var(--surface__200)";
422
+ "surface[0.25]": "var(--surface__250)";
423
+ "surface[0.3]": "var(--surface__300)";
424
+ "surface[0.35]": "var(--surface__350)";
425
+ "surface[0.4]": "var(--surface__400)";
426
+ "surface[0.45]": "var(--surface__450)";
427
+ "surface[0.5]": "var(--surface__500)";
428
+ "surface[0.55]": "var(--surface__550)";
429
+ "surface[0.6]": "var(--surface__600)";
430
+ "surface[0.65]": "var(--surface__650)";
431
+ "surface[0.7]": "var(--surface__700)";
432
+ "surface[0.75]": "var(--surface__750)";
433
+ "surface[0.8]": "var(--surface__800)";
434
+ "surface[0.85]": "var(--surface__850)";
435
+ "surface[0.9]": "var(--surface__900)";
436
+ "surface[0.95]": "var(--surface__950)";
437
+ surface: "var(--surface)";
438
+ "onSurface[0.1]": "var(--on-surface__100)";
439
+ "onSurface[0.15]": "var(--on-surface__150)";
440
+ "onSurface[0.2]": "var(--on-surface__200)";
441
+ "onSurface[0.25]": "var(--on-surface__250)";
442
+ "onSurface[0.3]": "var(--on-surface__300)";
443
+ "onSurface[0.35]": "var(--on-surface__350)";
444
+ "onSurface[0.4]": "var(--on-surface__400)";
445
+ "onSurface[0.45]": "var(--on-surface__450)";
446
+ "onSurface[0.5]": "var(--on-surface__500)";
447
+ "onSurface[0.55]": "var(--on-surface__550)";
448
+ "onSurface[0.6]": "var(--on-surface__600)";
449
+ "onSurface[0.65]": "var(--on-surface__650)";
450
+ "onSurface[0.7]": "var(--on-surface__700)";
451
+ "onSurface[0.75]": "var(--on-surface__750)";
452
+ "onSurface[0.8]": "var(--on-surface__800)";
453
+ "onSurface[0.85]": "var(--on-surface__850)";
454
+ "onSurface[0.9]": "var(--on-surface__900)";
455
+ "onSurface[0.95]": "var(--on-surface__950)";
456
+ onSurface: "var(--on-surface)";
457
+ "surfaceVariant[0.1]": "var(--surface-variant__100)";
458
+ "surfaceVariant[0.15]": "var(--surface-variant__150)";
459
+ "surfaceVariant[0.2]": "var(--surface-variant__200)";
460
+ "surfaceVariant[0.25]": "var(--surface-variant__250)";
461
+ "surfaceVariant[0.3]": "var(--surface-variant__300)";
462
+ "surfaceVariant[0.35]": "var(--surface-variant__350)";
463
+ "surfaceVariant[0.4]": "var(--surface-variant__400)";
464
+ "surfaceVariant[0.45]": "var(--surface-variant__450)";
465
+ "surfaceVariant[0.5]": "var(--surface-variant__500)";
466
+ "surfaceVariant[0.55]": "var(--surface-variant__550)";
467
+ "surfaceVariant[0.6]": "var(--surface-variant__600)";
468
+ "surfaceVariant[0.65]": "var(--surface-variant__650)";
469
+ "surfaceVariant[0.7]": "var(--surface-variant__700)";
470
+ "surfaceVariant[0.75]": "var(--surface-variant__750)";
471
+ "surfaceVariant[0.8]": "var(--surface-variant__800)";
472
+ "surfaceVariant[0.85]": "var(--surface-variant__850)";
473
+ "surfaceVariant[0.9]": "var(--surface-variant__900)";
474
+ "surfaceVariant[0.95]": "var(--surface-variant__950)";
475
+ surfaceVariant: "var(--surface-variant)";
476
+ "onSurfaceVariant[0.1]": "var(--on-surface-variant__100)";
477
+ "onSurfaceVariant[0.15]": "var(--on-surface-variant__150)";
478
+ "onSurfaceVariant[0.2]": "var(--on-surface-variant__200)";
479
+ "onSurfaceVariant[0.25]": "var(--on-surface-variant__250)";
480
+ "onSurfaceVariant[0.3]": "var(--on-surface-variant__300)";
481
+ "onSurfaceVariant[0.35]": "var(--on-surface-variant__350)";
482
+ "onSurfaceVariant[0.4]": "var(--on-surface-variant__400)";
483
+ "onSurfaceVariant[0.45]": "var(--on-surface-variant__450)";
484
+ "onSurfaceVariant[0.5]": "var(--on-surface-variant__500)";
485
+ "onSurfaceVariant[0.55]": "var(--on-surface-variant__550)";
486
+ "onSurfaceVariant[0.6]": "var(--on-surface-variant__600)";
487
+ "onSurfaceVariant[0.65]": "var(--on-surface-variant__650)";
488
+ "onSurfaceVariant[0.7]": "var(--on-surface-variant__700)";
489
+ "onSurfaceVariant[0.75]": "var(--on-surface-variant__750)";
490
+ "onSurfaceVariant[0.8]": "var(--on-surface-variant__800)";
491
+ "onSurfaceVariant[0.85]": "var(--on-surface-variant__850)";
492
+ "onSurfaceVariant[0.9]": "var(--on-surface-variant__900)";
493
+ "onSurfaceVariant[0.95]": "var(--on-surface-variant__950)";
494
+ onSurfaceVariant: "var(--on-surface-variant)";
495
+ "outline[0.1]": "var(--outline__100)";
496
+ "outline[0.15]": "var(--outline__150)";
497
+ "outline[0.2]": "var(--outline__200)";
498
+ "outline[0.25]": "var(--outline__250)";
499
+ "outline[0.3]": "var(--outline__300)";
500
+ "outline[0.35]": "var(--outline__350)";
501
+ "outline[0.4]": "var(--outline__400)";
502
+ "outline[0.45]": "var(--outline__450)";
503
+ "outline[0.5]": "var(--outline__500)";
504
+ "outline[0.55]": "var(--outline__550)";
505
+ "outline[0.6]": "var(--outline__600)";
506
+ "outline[0.65]": "var(--outline__650)";
507
+ "outline[0.7]": "var(--outline__700)";
508
+ "outline[0.75]": "var(--outline__750)";
509
+ "outline[0.8]": "var(--outline__800)";
510
+ "outline[0.85]": "var(--outline__850)";
511
+ "outline[0.9]": "var(--outline__900)";
512
+ "outline[0.95]": "var(--outline__950)";
513
+ outline: "var(--outline)";
514
+ "outlineVariant[0.1]": "var(--outline-variant__100)";
515
+ "outlineVariant[0.15]": "var(--outline-variant__150)";
516
+ "outlineVariant[0.2]": "var(--outline-variant__200)";
517
+ "outlineVariant[0.25]": "var(--outline-variant__250)";
518
+ "outlineVariant[0.3]": "var(--outline-variant__300)";
519
+ "outlineVariant[0.35]": "var(--outline-variant__350)";
520
+ "outlineVariant[0.4]": "var(--outline-variant__400)";
521
+ "outlineVariant[0.45]": "var(--outline-variant__450)";
522
+ "outlineVariant[0.5]": "var(--outline-variant__500)";
523
+ "outlineVariant[0.55]": "var(--outline-variant__550)";
524
+ "outlineVariant[0.6]": "var(--outline-variant__600)";
525
+ "outlineVariant[0.65]": "var(--outline-variant__650)";
526
+ "outlineVariant[0.7]": "var(--outline-variant__700)";
527
+ "outlineVariant[0.75]": "var(--outline-variant__750)";
528
+ "outlineVariant[0.8]": "var(--outline-variant__800)";
529
+ "outlineVariant[0.85]": "var(--outline-variant__850)";
530
+ "outlineVariant[0.9]": "var(--outline-variant__900)";
531
+ "outlineVariant[0.95]": "var(--outline-variant__950)";
532
+ outlineVariant: "var(--outline-variant)";
533
+ "shadow[0.1]": "var(--shadow__100)";
534
+ "shadow[0.15]": "var(--shadow__150)";
535
+ "shadow[0.2]": "var(--shadow__200)";
536
+ "shadow[0.25]": "var(--shadow__250)";
537
+ "shadow[0.3]": "var(--shadow__300)";
538
+ "shadow[0.35]": "var(--shadow__350)";
539
+ "shadow[0.4]": "var(--shadow__400)";
540
+ "shadow[0.45]": "var(--shadow__450)";
541
+ "shadow[0.5]": "var(--shadow__500)";
542
+ "shadow[0.55]": "var(--shadow__550)";
543
+ "shadow[0.6]": "var(--shadow__600)";
544
+ "shadow[0.65]": "var(--shadow__650)";
545
+ "shadow[0.7]": "var(--shadow__700)";
546
+ "shadow[0.75]": "var(--shadow__750)";
547
+ "shadow[0.8]": "var(--shadow__800)";
548
+ "shadow[0.85]": "var(--shadow__850)";
549
+ "shadow[0.9]": "var(--shadow__900)";
550
+ "shadow[0.95]": "var(--shadow__950)";
551
+ shadow: "var(--shadow)";
552
+ "scrim[0.1]": "var(--scrim__100)";
553
+ "scrim[0.15]": "var(--scrim__150)";
554
+ "scrim[0.2]": "var(--scrim__200)";
555
+ "scrim[0.25]": "var(--scrim__250)";
556
+ "scrim[0.3]": "var(--scrim__300)";
557
+ "scrim[0.35]": "var(--scrim__350)";
558
+ "scrim[0.4]": "var(--scrim__400)";
559
+ "scrim[0.45]": "var(--scrim__450)";
560
+ "scrim[0.5]": "var(--scrim__500)";
561
+ "scrim[0.55]": "var(--scrim__550)";
562
+ "scrim[0.6]": "var(--scrim__600)";
563
+ "scrim[0.65]": "var(--scrim__650)";
564
+ "scrim[0.7]": "var(--scrim__700)";
565
+ "scrim[0.75]": "var(--scrim__750)";
566
+ "scrim[0.8]": "var(--scrim__800)";
567
+ "scrim[0.85]": "var(--scrim__850)";
568
+ "scrim[0.9]": "var(--scrim__900)";
569
+ "scrim[0.95]": "var(--scrim__950)";
570
+ scrim: "var(--scrim)";
571
+ "inverseSurface[0.1]": "var(--inverse-surface__100)";
572
+ "inverseSurface[0.15]": "var(--inverse-surface__150)";
573
+ "inverseSurface[0.2]": "var(--inverse-surface__200)";
574
+ "inverseSurface[0.25]": "var(--inverse-surface__250)";
575
+ "inverseSurface[0.3]": "var(--inverse-surface__300)";
576
+ "inverseSurface[0.35]": "var(--inverse-surface__350)";
577
+ "inverseSurface[0.4]": "var(--inverse-surface__400)";
578
+ "inverseSurface[0.45]": "var(--inverse-surface__450)";
579
+ "inverseSurface[0.5]": "var(--inverse-surface__500)";
580
+ "inverseSurface[0.55]": "var(--inverse-surface__550)";
581
+ "inverseSurface[0.6]": "var(--inverse-surface__600)";
582
+ "inverseSurface[0.65]": "var(--inverse-surface__650)";
583
+ "inverseSurface[0.7]": "var(--inverse-surface__700)";
584
+ "inverseSurface[0.75]": "var(--inverse-surface__750)";
585
+ "inverseSurface[0.8]": "var(--inverse-surface__800)";
586
+ "inverseSurface[0.85]": "var(--inverse-surface__850)";
587
+ "inverseSurface[0.9]": "var(--inverse-surface__900)";
588
+ "inverseSurface[0.95]": "var(--inverse-surface__950)";
589
+ inverseSurface: "var(--inverse-surface)";
590
+ "inverseOnSurface[0.1]": "var(--inverse-on-surface__100)";
591
+ "inverseOnSurface[0.15]": "var(--inverse-on-surface__150)";
592
+ "inverseOnSurface[0.2]": "var(--inverse-on-surface__200)";
593
+ "inverseOnSurface[0.25]": "var(--inverse-on-surface__250)";
594
+ "inverseOnSurface[0.3]": "var(--inverse-on-surface__300)";
595
+ "inverseOnSurface[0.35]": "var(--inverse-on-surface__350)";
596
+ "inverseOnSurface[0.4]": "var(--inverse-on-surface__400)";
597
+ "inverseOnSurface[0.45]": "var(--inverse-on-surface__450)";
598
+ "inverseOnSurface[0.5]": "var(--inverse-on-surface__500)";
599
+ "inverseOnSurface[0.55]": "var(--inverse-on-surface__550)";
600
+ "inverseOnSurface[0.6]": "var(--inverse-on-surface__600)";
601
+ "inverseOnSurface[0.65]": "var(--inverse-on-surface__650)";
602
+ "inverseOnSurface[0.7]": "var(--inverse-on-surface__700)";
603
+ "inverseOnSurface[0.75]": "var(--inverse-on-surface__750)";
604
+ "inverseOnSurface[0.8]": "var(--inverse-on-surface__800)";
605
+ "inverseOnSurface[0.85]": "var(--inverse-on-surface__850)";
606
+ "inverseOnSurface[0.9]": "var(--inverse-on-surface__900)";
607
+ "inverseOnSurface[0.95]": "var(--inverse-on-surface__950)";
608
+ inverseOnSurface: "var(--inverse-on-surface)";
609
+ "inversePrimary[0.1]": "var(--inverse-primary__100)";
610
+ "inversePrimary[0.15]": "var(--inverse-primary__150)";
611
+ "inversePrimary[0.2]": "var(--inverse-primary__200)";
612
+ "inversePrimary[0.25]": "var(--inverse-primary__250)";
613
+ "inversePrimary[0.3]": "var(--inverse-primary__300)";
614
+ "inversePrimary[0.35]": "var(--inverse-primary__350)";
615
+ "inversePrimary[0.4]": "var(--inverse-primary__400)";
616
+ "inversePrimary[0.45]": "var(--inverse-primary__450)";
617
+ "inversePrimary[0.5]": "var(--inverse-primary__500)";
618
+ "inversePrimary[0.55]": "var(--inverse-primary__550)";
619
+ "inversePrimary[0.6]": "var(--inverse-primary__600)";
620
+ "inversePrimary[0.65]": "var(--inverse-primary__650)";
621
+ "inversePrimary[0.7]": "var(--inverse-primary__700)";
622
+ "inversePrimary[0.75]": "var(--inverse-primary__750)";
623
+ "inversePrimary[0.8]": "var(--inverse-primary__800)";
624
+ "inversePrimary[0.85]": "var(--inverse-primary__850)";
625
+ "inversePrimary[0.9]": "var(--inverse-primary__900)";
626
+ "inversePrimary[0.95]": "var(--inverse-primary__950)";
627
+ inversePrimary: "var(--inverse-primary)";
628
+ "primaryFixed[0.1]": "var(--primary-fixed__100)";
629
+ "primaryFixed[0.15]": "var(--primary-fixed__150)";
630
+ "primaryFixed[0.2]": "var(--primary-fixed__200)";
631
+ "primaryFixed[0.25]": "var(--primary-fixed__250)";
632
+ "primaryFixed[0.3]": "var(--primary-fixed__300)";
633
+ "primaryFixed[0.35]": "var(--primary-fixed__350)";
634
+ "primaryFixed[0.4]": "var(--primary-fixed__400)";
635
+ "primaryFixed[0.45]": "var(--primary-fixed__450)";
636
+ "primaryFixed[0.5]": "var(--primary-fixed__500)";
637
+ "primaryFixed[0.55]": "var(--primary-fixed__550)";
638
+ "primaryFixed[0.6]": "var(--primary-fixed__600)";
639
+ "primaryFixed[0.65]": "var(--primary-fixed__650)";
640
+ "primaryFixed[0.7]": "var(--primary-fixed__700)";
641
+ "primaryFixed[0.75]": "var(--primary-fixed__750)";
642
+ "primaryFixed[0.8]": "var(--primary-fixed__800)";
643
+ "primaryFixed[0.85]": "var(--primary-fixed__850)";
644
+ "primaryFixed[0.9]": "var(--primary-fixed__900)";
645
+ "primaryFixed[0.95]": "var(--primary-fixed__950)";
646
+ primaryFixed: "var(--primary-fixed)";
647
+ "onPrimaryFixed[0.1]": "var(--on-primary-fixed__100)";
648
+ "onPrimaryFixed[0.15]": "var(--on-primary-fixed__150)";
649
+ "onPrimaryFixed[0.2]": "var(--on-primary-fixed__200)";
650
+ "onPrimaryFixed[0.25]": "var(--on-primary-fixed__250)";
651
+ "onPrimaryFixed[0.3]": "var(--on-primary-fixed__300)";
652
+ "onPrimaryFixed[0.35]": "var(--on-primary-fixed__350)";
653
+ "onPrimaryFixed[0.4]": "var(--on-primary-fixed__400)";
654
+ "onPrimaryFixed[0.45]": "var(--on-primary-fixed__450)";
655
+ "onPrimaryFixed[0.5]": "var(--on-primary-fixed__500)";
656
+ "onPrimaryFixed[0.55]": "var(--on-primary-fixed__550)";
657
+ "onPrimaryFixed[0.6]": "var(--on-primary-fixed__600)";
658
+ "onPrimaryFixed[0.65]": "var(--on-primary-fixed__650)";
659
+ "onPrimaryFixed[0.7]": "var(--on-primary-fixed__700)";
660
+ "onPrimaryFixed[0.75]": "var(--on-primary-fixed__750)";
661
+ "onPrimaryFixed[0.8]": "var(--on-primary-fixed__800)";
662
+ "onPrimaryFixed[0.85]": "var(--on-primary-fixed__850)";
663
+ "onPrimaryFixed[0.9]": "var(--on-primary-fixed__900)";
664
+ "onPrimaryFixed[0.95]": "var(--on-primary-fixed__950)";
665
+ onPrimaryFixed: "var(--on-primary-fixed)";
666
+ "primaryFixedDim[0.1]": "var(--primary-fixed-dim__100)";
667
+ "primaryFixedDim[0.15]": "var(--primary-fixed-dim__150)";
668
+ "primaryFixedDim[0.2]": "var(--primary-fixed-dim__200)";
669
+ "primaryFixedDim[0.25]": "var(--primary-fixed-dim__250)";
670
+ "primaryFixedDim[0.3]": "var(--primary-fixed-dim__300)";
671
+ "primaryFixedDim[0.35]": "var(--primary-fixed-dim__350)";
672
+ "primaryFixedDim[0.4]": "var(--primary-fixed-dim__400)";
673
+ "primaryFixedDim[0.45]": "var(--primary-fixed-dim__450)";
674
+ "primaryFixedDim[0.5]": "var(--primary-fixed-dim__500)";
675
+ "primaryFixedDim[0.55]": "var(--primary-fixed-dim__550)";
676
+ "primaryFixedDim[0.6]": "var(--primary-fixed-dim__600)";
677
+ "primaryFixedDim[0.65]": "var(--primary-fixed-dim__650)";
678
+ "primaryFixedDim[0.7]": "var(--primary-fixed-dim__700)";
679
+ "primaryFixedDim[0.75]": "var(--primary-fixed-dim__750)";
680
+ "primaryFixedDim[0.8]": "var(--primary-fixed-dim__800)";
681
+ "primaryFixedDim[0.85]": "var(--primary-fixed-dim__850)";
682
+ "primaryFixedDim[0.9]": "var(--primary-fixed-dim__900)";
683
+ "primaryFixedDim[0.95]": "var(--primary-fixed-dim__950)";
684
+ primaryFixedDim: "var(--primary-fixed-dim)";
685
+ "onPrimaryFixedVariant[0.1]": "var(--on-primary-fixed-variant__100)";
686
+ "onPrimaryFixedVariant[0.15]": "var(--on-primary-fixed-variant__150)";
687
+ "onPrimaryFixedVariant[0.2]": "var(--on-primary-fixed-variant__200)";
688
+ "onPrimaryFixedVariant[0.25]": "var(--on-primary-fixed-variant__250)";
689
+ "onPrimaryFixedVariant[0.3]": "var(--on-primary-fixed-variant__300)";
690
+ "onPrimaryFixedVariant[0.35]": "var(--on-primary-fixed-variant__350)";
691
+ "onPrimaryFixedVariant[0.4]": "var(--on-primary-fixed-variant__400)";
692
+ "onPrimaryFixedVariant[0.45]": "var(--on-primary-fixed-variant__450)";
693
+ "onPrimaryFixedVariant[0.5]": "var(--on-primary-fixed-variant__500)";
694
+ "onPrimaryFixedVariant[0.55]": "var(--on-primary-fixed-variant__550)";
695
+ "onPrimaryFixedVariant[0.6]": "var(--on-primary-fixed-variant__600)";
696
+ "onPrimaryFixedVariant[0.65]": "var(--on-primary-fixed-variant__650)";
697
+ "onPrimaryFixedVariant[0.7]": "var(--on-primary-fixed-variant__700)";
698
+ "onPrimaryFixedVariant[0.75]": "var(--on-primary-fixed-variant__750)";
699
+ "onPrimaryFixedVariant[0.8]": "var(--on-primary-fixed-variant__800)";
700
+ "onPrimaryFixedVariant[0.85]": "var(--on-primary-fixed-variant__850)";
701
+ "onPrimaryFixedVariant[0.9]": "var(--on-primary-fixed-variant__900)";
702
+ "onPrimaryFixedVariant[0.95]": "var(--on-primary-fixed-variant__950)";
703
+ onPrimaryFixedVariant: "var(--on-primary-fixed-variant)";
704
+ "secondaryFixed[0.1]": "var(--secondary-fixed__100)";
705
+ "secondaryFixed[0.15]": "var(--secondary-fixed__150)";
706
+ "secondaryFixed[0.2]": "var(--secondary-fixed__200)";
707
+ "secondaryFixed[0.25]": "var(--secondary-fixed__250)";
708
+ "secondaryFixed[0.3]": "var(--secondary-fixed__300)";
709
+ "secondaryFixed[0.35]": "var(--secondary-fixed__350)";
710
+ "secondaryFixed[0.4]": "var(--secondary-fixed__400)";
711
+ "secondaryFixed[0.45]": "var(--secondary-fixed__450)";
712
+ "secondaryFixed[0.5]": "var(--secondary-fixed__500)";
713
+ "secondaryFixed[0.55]": "var(--secondary-fixed__550)";
714
+ "secondaryFixed[0.6]": "var(--secondary-fixed__600)";
715
+ "secondaryFixed[0.65]": "var(--secondary-fixed__650)";
716
+ "secondaryFixed[0.7]": "var(--secondary-fixed__700)";
717
+ "secondaryFixed[0.75]": "var(--secondary-fixed__750)";
718
+ "secondaryFixed[0.8]": "var(--secondary-fixed__800)";
719
+ "secondaryFixed[0.85]": "var(--secondary-fixed__850)";
720
+ "secondaryFixed[0.9]": "var(--secondary-fixed__900)";
721
+ "secondaryFixed[0.95]": "var(--secondary-fixed__950)";
722
+ secondaryFixed: "var(--secondary-fixed)";
723
+ "onSecondaryFixed[0.1]": "var(--on-secondary-fixed__100)";
724
+ "onSecondaryFixed[0.15]": "var(--on-secondary-fixed__150)";
725
+ "onSecondaryFixed[0.2]": "var(--on-secondary-fixed__200)";
726
+ "onSecondaryFixed[0.25]": "var(--on-secondary-fixed__250)";
727
+ "onSecondaryFixed[0.3]": "var(--on-secondary-fixed__300)";
728
+ "onSecondaryFixed[0.35]": "var(--on-secondary-fixed__350)";
729
+ "onSecondaryFixed[0.4]": "var(--on-secondary-fixed__400)";
730
+ "onSecondaryFixed[0.45]": "var(--on-secondary-fixed__450)";
731
+ "onSecondaryFixed[0.5]": "var(--on-secondary-fixed__500)";
732
+ "onSecondaryFixed[0.55]": "var(--on-secondary-fixed__550)";
733
+ "onSecondaryFixed[0.6]": "var(--on-secondary-fixed__600)";
734
+ "onSecondaryFixed[0.65]": "var(--on-secondary-fixed__650)";
735
+ "onSecondaryFixed[0.7]": "var(--on-secondary-fixed__700)";
736
+ "onSecondaryFixed[0.75]": "var(--on-secondary-fixed__750)";
737
+ "onSecondaryFixed[0.8]": "var(--on-secondary-fixed__800)";
738
+ "onSecondaryFixed[0.85]": "var(--on-secondary-fixed__850)";
739
+ "onSecondaryFixed[0.9]": "var(--on-secondary-fixed__900)";
740
+ "onSecondaryFixed[0.95]": "var(--on-secondary-fixed__950)";
741
+ onSecondaryFixed: "var(--on-secondary-fixed)";
742
+ "secondaryFixedDim[0.1]": "var(--secondary-fixed-dim__100)";
743
+ "secondaryFixedDim[0.15]": "var(--secondary-fixed-dim__150)";
744
+ "secondaryFixedDim[0.2]": "var(--secondary-fixed-dim__200)";
745
+ "secondaryFixedDim[0.25]": "var(--secondary-fixed-dim__250)";
746
+ "secondaryFixedDim[0.3]": "var(--secondary-fixed-dim__300)";
747
+ "secondaryFixedDim[0.35]": "var(--secondary-fixed-dim__350)";
748
+ "secondaryFixedDim[0.4]": "var(--secondary-fixed-dim__400)";
749
+ "secondaryFixedDim[0.45]": "var(--secondary-fixed-dim__450)";
750
+ "secondaryFixedDim[0.5]": "var(--secondary-fixed-dim__500)";
751
+ "secondaryFixedDim[0.55]": "var(--secondary-fixed-dim__550)";
752
+ "secondaryFixedDim[0.6]": "var(--secondary-fixed-dim__600)";
753
+ "secondaryFixedDim[0.65]": "var(--secondary-fixed-dim__650)";
754
+ "secondaryFixedDim[0.7]": "var(--secondary-fixed-dim__700)";
755
+ "secondaryFixedDim[0.75]": "var(--secondary-fixed-dim__750)";
756
+ "secondaryFixedDim[0.8]": "var(--secondary-fixed-dim__800)";
757
+ "secondaryFixedDim[0.85]": "var(--secondary-fixed-dim__850)";
758
+ "secondaryFixedDim[0.9]": "var(--secondary-fixed-dim__900)";
759
+ "secondaryFixedDim[0.95]": "var(--secondary-fixed-dim__950)";
760
+ secondaryFixedDim: "var(--secondary-fixed-dim)";
761
+ "onSecondaryFixedVariant[0.1]": "var(--on-secondary-fixed-variant__100)";
762
+ "onSecondaryFixedVariant[0.15]": "var(--on-secondary-fixed-variant__150)";
763
+ "onSecondaryFixedVariant[0.2]": "var(--on-secondary-fixed-variant__200)";
764
+ "onSecondaryFixedVariant[0.25]": "var(--on-secondary-fixed-variant__250)";
765
+ "onSecondaryFixedVariant[0.3]": "var(--on-secondary-fixed-variant__300)";
766
+ "onSecondaryFixedVariant[0.35]": "var(--on-secondary-fixed-variant__350)";
767
+ "onSecondaryFixedVariant[0.4]": "var(--on-secondary-fixed-variant__400)";
768
+ "onSecondaryFixedVariant[0.45]": "var(--on-secondary-fixed-variant__450)";
769
+ "onSecondaryFixedVariant[0.5]": "var(--on-secondary-fixed-variant__500)";
770
+ "onSecondaryFixedVariant[0.55]": "var(--on-secondary-fixed-variant__550)";
771
+ "onSecondaryFixedVariant[0.6]": "var(--on-secondary-fixed-variant__600)";
772
+ "onSecondaryFixedVariant[0.65]": "var(--on-secondary-fixed-variant__650)";
773
+ "onSecondaryFixedVariant[0.7]": "var(--on-secondary-fixed-variant__700)";
774
+ "onSecondaryFixedVariant[0.75]": "var(--on-secondary-fixed-variant__750)";
775
+ "onSecondaryFixedVariant[0.8]": "var(--on-secondary-fixed-variant__800)";
776
+ "onSecondaryFixedVariant[0.85]": "var(--on-secondary-fixed-variant__850)";
777
+ "onSecondaryFixedVariant[0.9]": "var(--on-secondary-fixed-variant__900)";
778
+ "onSecondaryFixedVariant[0.95]": "var(--on-secondary-fixed-variant__950)";
779
+ onSecondaryFixedVariant: "var(--on-secondary-fixed-variant)";
780
+ "tertiaryFixed[0.1]": "var(--tertiary-fixed__100)";
781
+ "tertiaryFixed[0.15]": "var(--tertiary-fixed__150)";
782
+ "tertiaryFixed[0.2]": "var(--tertiary-fixed__200)";
783
+ "tertiaryFixed[0.25]": "var(--tertiary-fixed__250)";
784
+ "tertiaryFixed[0.3]": "var(--tertiary-fixed__300)";
785
+ "tertiaryFixed[0.35]": "var(--tertiary-fixed__350)";
786
+ "tertiaryFixed[0.4]": "var(--tertiary-fixed__400)";
787
+ "tertiaryFixed[0.45]": "var(--tertiary-fixed__450)";
788
+ "tertiaryFixed[0.5]": "var(--tertiary-fixed__500)";
789
+ "tertiaryFixed[0.55]": "var(--tertiary-fixed__550)";
790
+ "tertiaryFixed[0.6]": "var(--tertiary-fixed__600)";
791
+ "tertiaryFixed[0.65]": "var(--tertiary-fixed__650)";
792
+ "tertiaryFixed[0.7]": "var(--tertiary-fixed__700)";
793
+ "tertiaryFixed[0.75]": "var(--tertiary-fixed__750)";
794
+ "tertiaryFixed[0.8]": "var(--tertiary-fixed__800)";
795
+ "tertiaryFixed[0.85]": "var(--tertiary-fixed__850)";
796
+ "tertiaryFixed[0.9]": "var(--tertiary-fixed__900)";
797
+ "tertiaryFixed[0.95]": "var(--tertiary-fixed__950)";
798
+ tertiaryFixed: "var(--tertiary-fixed)";
799
+ "onTertiaryFixed[0.1]": "var(--on-tertiary-fixed__100)";
800
+ "onTertiaryFixed[0.15]": "var(--on-tertiary-fixed__150)";
801
+ "onTertiaryFixed[0.2]": "var(--on-tertiary-fixed__200)";
802
+ "onTertiaryFixed[0.25]": "var(--on-tertiary-fixed__250)";
803
+ "onTertiaryFixed[0.3]": "var(--on-tertiary-fixed__300)";
804
+ "onTertiaryFixed[0.35]": "var(--on-tertiary-fixed__350)";
805
+ "onTertiaryFixed[0.4]": "var(--on-tertiary-fixed__400)";
806
+ "onTertiaryFixed[0.45]": "var(--on-tertiary-fixed__450)";
807
+ "onTertiaryFixed[0.5]": "var(--on-tertiary-fixed__500)";
808
+ "onTertiaryFixed[0.55]": "var(--on-tertiary-fixed__550)";
809
+ "onTertiaryFixed[0.6]": "var(--on-tertiary-fixed__600)";
810
+ "onTertiaryFixed[0.65]": "var(--on-tertiary-fixed__650)";
811
+ "onTertiaryFixed[0.7]": "var(--on-tertiary-fixed__700)";
812
+ "onTertiaryFixed[0.75]": "var(--on-tertiary-fixed__750)";
813
+ "onTertiaryFixed[0.8]": "var(--on-tertiary-fixed__800)";
814
+ "onTertiaryFixed[0.85]": "var(--on-tertiary-fixed__850)";
815
+ "onTertiaryFixed[0.9]": "var(--on-tertiary-fixed__900)";
816
+ "onTertiaryFixed[0.95]": "var(--on-tertiary-fixed__950)";
817
+ onTertiaryFixed: "var(--on-tertiary-fixed)";
818
+ "tertiaryFixedDim[0.1]": "var(--tertiary-fixed-dim__100)";
819
+ "tertiaryFixedDim[0.15]": "var(--tertiary-fixed-dim__150)";
820
+ "tertiaryFixedDim[0.2]": "var(--tertiary-fixed-dim__200)";
821
+ "tertiaryFixedDim[0.25]": "var(--tertiary-fixed-dim__250)";
822
+ "tertiaryFixedDim[0.3]": "var(--tertiary-fixed-dim__300)";
823
+ "tertiaryFixedDim[0.35]": "var(--tertiary-fixed-dim__350)";
824
+ "tertiaryFixedDim[0.4]": "var(--tertiary-fixed-dim__400)";
825
+ "tertiaryFixedDim[0.45]": "var(--tertiary-fixed-dim__450)";
826
+ "tertiaryFixedDim[0.5]": "var(--tertiary-fixed-dim__500)";
827
+ "tertiaryFixedDim[0.55]": "var(--tertiary-fixed-dim__550)";
828
+ "tertiaryFixedDim[0.6]": "var(--tertiary-fixed-dim__600)";
829
+ "tertiaryFixedDim[0.65]": "var(--tertiary-fixed-dim__650)";
830
+ "tertiaryFixedDim[0.7]": "var(--tertiary-fixed-dim__700)";
831
+ "tertiaryFixedDim[0.75]": "var(--tertiary-fixed-dim__750)";
832
+ "tertiaryFixedDim[0.8]": "var(--tertiary-fixed-dim__800)";
833
+ "tertiaryFixedDim[0.85]": "var(--tertiary-fixed-dim__850)";
834
+ "tertiaryFixedDim[0.9]": "var(--tertiary-fixed-dim__900)";
835
+ "tertiaryFixedDim[0.95]": "var(--tertiary-fixed-dim__950)";
836
+ tertiaryFixedDim: "var(--tertiary-fixed-dim)";
837
+ "onTertiaryFixedVariant[0.1]": "var(--on-tertiary-fixed-variant__100)";
838
+ "onTertiaryFixedVariant[0.15]": "var(--on-tertiary-fixed-variant__150)";
839
+ "onTertiaryFixedVariant[0.2]": "var(--on-tertiary-fixed-variant__200)";
840
+ "onTertiaryFixedVariant[0.25]": "var(--on-tertiary-fixed-variant__250)";
841
+ "onTertiaryFixedVariant[0.3]": "var(--on-tertiary-fixed-variant__300)";
842
+ "onTertiaryFixedVariant[0.35]": "var(--on-tertiary-fixed-variant__350)";
843
+ "onTertiaryFixedVariant[0.4]": "var(--on-tertiary-fixed-variant__400)";
844
+ "onTertiaryFixedVariant[0.45]": "var(--on-tertiary-fixed-variant__450)";
845
+ "onTertiaryFixedVariant[0.5]": "var(--on-tertiary-fixed-variant__500)";
846
+ "onTertiaryFixedVariant[0.55]": "var(--on-tertiary-fixed-variant__550)";
847
+ "onTertiaryFixedVariant[0.6]": "var(--on-tertiary-fixed-variant__600)";
848
+ "onTertiaryFixedVariant[0.65]": "var(--on-tertiary-fixed-variant__650)";
849
+ "onTertiaryFixedVariant[0.7]": "var(--on-tertiary-fixed-variant__700)";
850
+ "onTertiaryFixedVariant[0.75]": "var(--on-tertiary-fixed-variant__750)";
851
+ "onTertiaryFixedVariant[0.8]": "var(--on-tertiary-fixed-variant__800)";
852
+ "onTertiaryFixedVariant[0.85]": "var(--on-tertiary-fixed-variant__850)";
853
+ "onTertiaryFixedVariant[0.9]": "var(--on-tertiary-fixed-variant__900)";
854
+ "onTertiaryFixedVariant[0.95]": "var(--on-tertiary-fixed-variant__950)";
855
+ onTertiaryFixedVariant: "var(--on-tertiary-fixed-variant)";
856
+ "surfaceDim[0.1]": "var(--surface-dim__100)";
857
+ "surfaceDim[0.15]": "var(--surface-dim__150)";
858
+ "surfaceDim[0.2]": "var(--surface-dim__200)";
859
+ "surfaceDim[0.25]": "var(--surface-dim__250)";
860
+ "surfaceDim[0.3]": "var(--surface-dim__300)";
861
+ "surfaceDim[0.35]": "var(--surface-dim__350)";
862
+ "surfaceDim[0.4]": "var(--surface-dim__400)";
863
+ "surfaceDim[0.45]": "var(--surface-dim__450)";
864
+ "surfaceDim[0.5]": "var(--surface-dim__500)";
865
+ "surfaceDim[0.55]": "var(--surface-dim__550)";
866
+ "surfaceDim[0.6]": "var(--surface-dim__600)";
867
+ "surfaceDim[0.65]": "var(--surface-dim__650)";
868
+ "surfaceDim[0.7]": "var(--surface-dim__700)";
869
+ "surfaceDim[0.75]": "var(--surface-dim__750)";
870
+ "surfaceDim[0.8]": "var(--surface-dim__800)";
871
+ "surfaceDim[0.85]": "var(--surface-dim__850)";
872
+ "surfaceDim[0.9]": "var(--surface-dim__900)";
873
+ "surfaceDim[0.95]": "var(--surface-dim__950)";
874
+ surfaceDim: "var(--surface-dim)";
875
+ "surfaceBright[0.1]": "var(--surface-bright__100)";
876
+ "surfaceBright[0.15]": "var(--surface-bright__150)";
877
+ "surfaceBright[0.2]": "var(--surface-bright__200)";
878
+ "surfaceBright[0.25]": "var(--surface-bright__250)";
879
+ "surfaceBright[0.3]": "var(--surface-bright__300)";
880
+ "surfaceBright[0.35]": "var(--surface-bright__350)";
881
+ "surfaceBright[0.4]": "var(--surface-bright__400)";
882
+ "surfaceBright[0.45]": "var(--surface-bright__450)";
883
+ "surfaceBright[0.5]": "var(--surface-bright__500)";
884
+ "surfaceBright[0.55]": "var(--surface-bright__550)";
885
+ "surfaceBright[0.6]": "var(--surface-bright__600)";
886
+ "surfaceBright[0.65]": "var(--surface-bright__650)";
887
+ "surfaceBright[0.7]": "var(--surface-bright__700)";
888
+ "surfaceBright[0.75]": "var(--surface-bright__750)";
889
+ "surfaceBright[0.8]": "var(--surface-bright__800)";
890
+ "surfaceBright[0.85]": "var(--surface-bright__850)";
891
+ "surfaceBright[0.9]": "var(--surface-bright__900)";
892
+ "surfaceBright[0.95]": "var(--surface-bright__950)";
893
+ surfaceBright: "var(--surface-bright)";
894
+ "surfaceContainerLowest[0.1]": "var(--surface-container-lowest__100)";
895
+ "surfaceContainerLowest[0.15]": "var(--surface-container-lowest__150)";
896
+ "surfaceContainerLowest[0.2]": "var(--surface-container-lowest__200)";
897
+ "surfaceContainerLowest[0.25]": "var(--surface-container-lowest__250)";
898
+ "surfaceContainerLowest[0.3]": "var(--surface-container-lowest__300)";
899
+ "surfaceContainerLowest[0.35]": "var(--surface-container-lowest__350)";
900
+ "surfaceContainerLowest[0.4]": "var(--surface-container-lowest__400)";
901
+ "surfaceContainerLowest[0.45]": "var(--surface-container-lowest__450)";
902
+ "surfaceContainerLowest[0.5]": "var(--surface-container-lowest__500)";
903
+ "surfaceContainerLowest[0.55]": "var(--surface-container-lowest__550)";
904
+ "surfaceContainerLowest[0.6]": "var(--surface-container-lowest__600)";
905
+ "surfaceContainerLowest[0.65]": "var(--surface-container-lowest__650)";
906
+ "surfaceContainerLowest[0.7]": "var(--surface-container-lowest__700)";
907
+ "surfaceContainerLowest[0.75]": "var(--surface-container-lowest__750)";
908
+ "surfaceContainerLowest[0.8]": "var(--surface-container-lowest__800)";
909
+ "surfaceContainerLowest[0.85]": "var(--surface-container-lowest__850)";
910
+ "surfaceContainerLowest[0.9]": "var(--surface-container-lowest__900)";
911
+ "surfaceContainerLowest[0.95]": "var(--surface-container-lowest__950)";
912
+ surfaceContainerLowest: "var(--surface-container-lowest)";
913
+ "surfaceContainerLow[0.1]": "var(--surface-container-low__100)";
914
+ "surfaceContainerLow[0.15]": "var(--surface-container-low__150)";
915
+ "surfaceContainerLow[0.2]": "var(--surface-container-low__200)";
916
+ "surfaceContainerLow[0.25]": "var(--surface-container-low__250)";
917
+ "surfaceContainerLow[0.3]": "var(--surface-container-low__300)";
918
+ "surfaceContainerLow[0.35]": "var(--surface-container-low__350)";
919
+ "surfaceContainerLow[0.4]": "var(--surface-container-low__400)";
920
+ "surfaceContainerLow[0.45]": "var(--surface-container-low__450)";
921
+ "surfaceContainerLow[0.5]": "var(--surface-container-low__500)";
922
+ "surfaceContainerLow[0.55]": "var(--surface-container-low__550)";
923
+ "surfaceContainerLow[0.6]": "var(--surface-container-low__600)";
924
+ "surfaceContainerLow[0.65]": "var(--surface-container-low__650)";
925
+ "surfaceContainerLow[0.7]": "var(--surface-container-low__700)";
926
+ "surfaceContainerLow[0.75]": "var(--surface-container-low__750)";
927
+ "surfaceContainerLow[0.8]": "var(--surface-container-low__800)";
928
+ "surfaceContainerLow[0.85]": "var(--surface-container-low__850)";
929
+ "surfaceContainerLow[0.9]": "var(--surface-container-low__900)";
930
+ "surfaceContainerLow[0.95]": "var(--surface-container-low__950)";
931
+ surfaceContainerLow: "var(--surface-container-low)";
932
+ "surfaceContainer[0.1]": "var(--surface-container__100)";
933
+ "surfaceContainer[0.15]": "var(--surface-container__150)";
934
+ "surfaceContainer[0.2]": "var(--surface-container__200)";
935
+ "surfaceContainer[0.25]": "var(--surface-container__250)";
936
+ "surfaceContainer[0.3]": "var(--surface-container__300)";
937
+ "surfaceContainer[0.35]": "var(--surface-container__350)";
938
+ "surfaceContainer[0.4]": "var(--surface-container__400)";
939
+ "surfaceContainer[0.45]": "var(--surface-container__450)";
940
+ "surfaceContainer[0.5]": "var(--surface-container__500)";
941
+ "surfaceContainer[0.55]": "var(--surface-container__550)";
942
+ "surfaceContainer[0.6]": "var(--surface-container__600)";
943
+ "surfaceContainer[0.65]": "var(--surface-container__650)";
944
+ "surfaceContainer[0.7]": "var(--surface-container__700)";
945
+ "surfaceContainer[0.75]": "var(--surface-container__750)";
946
+ "surfaceContainer[0.8]": "var(--surface-container__800)";
947
+ "surfaceContainer[0.85]": "var(--surface-container__850)";
948
+ "surfaceContainer[0.9]": "var(--surface-container__900)";
949
+ "surfaceContainer[0.95]": "var(--surface-container__950)";
950
+ surfaceContainer: "var(--surface-container)";
951
+ "surfaceContainerHigh[0.1]": "var(--surface-container-high__100)";
952
+ "surfaceContainerHigh[0.15]": "var(--surface-container-high__150)";
953
+ "surfaceContainerHigh[0.2]": "var(--surface-container-high__200)";
954
+ "surfaceContainerHigh[0.25]": "var(--surface-container-high__250)";
955
+ "surfaceContainerHigh[0.3]": "var(--surface-container-high__300)";
956
+ "surfaceContainerHigh[0.35]": "var(--surface-container-high__350)";
957
+ "surfaceContainerHigh[0.4]": "var(--surface-container-high__400)";
958
+ "surfaceContainerHigh[0.45]": "var(--surface-container-high__450)";
959
+ "surfaceContainerHigh[0.5]": "var(--surface-container-high__500)";
960
+ "surfaceContainerHigh[0.55]": "var(--surface-container-high__550)";
961
+ "surfaceContainerHigh[0.6]": "var(--surface-container-high__600)";
962
+ "surfaceContainerHigh[0.65]": "var(--surface-container-high__650)";
963
+ "surfaceContainerHigh[0.7]": "var(--surface-container-high__700)";
964
+ "surfaceContainerHigh[0.75]": "var(--surface-container-high__750)";
965
+ "surfaceContainerHigh[0.8]": "var(--surface-container-high__800)";
966
+ "surfaceContainerHigh[0.85]": "var(--surface-container-high__850)";
967
+ "surfaceContainerHigh[0.9]": "var(--surface-container-high__900)";
968
+ "surfaceContainerHigh[0.95]": "var(--surface-container-high__950)";
969
+ surfaceContainerHigh: "var(--surface-container-high)";
970
+ "surfaceContainerHighest[0.1]": "var(--surface-container-highest__100)";
971
+ "surfaceContainerHighest[0.15]": "var(--surface-container-highest__150)";
972
+ "surfaceContainerHighest[0.2]": "var(--surface-container-highest__200)";
973
+ "surfaceContainerHighest[0.25]": "var(--surface-container-highest__250)";
974
+ "surfaceContainerHighest[0.3]": "var(--surface-container-highest__300)";
975
+ "surfaceContainerHighest[0.35]": "var(--surface-container-highest__350)";
976
+ "surfaceContainerHighest[0.4]": "var(--surface-container-highest__400)";
977
+ "surfaceContainerHighest[0.45]": "var(--surface-container-highest__450)";
978
+ "surfaceContainerHighest[0.5]": "var(--surface-container-highest__500)";
979
+ "surfaceContainerHighest[0.55]": "var(--surface-container-highest__550)";
980
+ "surfaceContainerHighest[0.6]": "var(--surface-container-highest__600)";
981
+ "surfaceContainerHighest[0.65]": "var(--surface-container-highest__650)";
982
+ "surfaceContainerHighest[0.7]": "var(--surface-container-highest__700)";
983
+ "surfaceContainerHighest[0.75]": "var(--surface-container-highest__750)";
984
+ "surfaceContainerHighest[0.8]": "var(--surface-container-highest__800)";
985
+ "surfaceContainerHighest[0.85]": "var(--surface-container-highest__850)";
986
+ "surfaceContainerHighest[0.9]": "var(--surface-container-highest__900)";
987
+ "surfaceContainerHighest[0.95]": "var(--surface-container-highest__950)";
988
+ surfaceContainerHighest: "var(--surface-container-highest)";
989
+ "themelessSurface[0.1]": "var(--themeless-surface__100)";
990
+ "themelessSurface[0.15]": "var(--themeless-surface__150)";
991
+ "themelessSurface[0.2]": "var(--themeless-surface__200)";
992
+ "themelessSurface[0.25]": "var(--themeless-surface__250)";
993
+ "themelessSurface[0.3]": "var(--themeless-surface__300)";
994
+ "themelessSurface[0.35]": "var(--themeless-surface__350)";
995
+ "themelessSurface[0.4]": "var(--themeless-surface__400)";
996
+ "themelessSurface[0.45]": "var(--themeless-surface__450)";
997
+ "themelessSurface[0.5]": "var(--themeless-surface__500)";
998
+ "themelessSurface[0.55]": "var(--themeless-surface__550)";
999
+ "themelessSurface[0.6]": "var(--themeless-surface__600)";
1000
+ "themelessSurface[0.65]": "var(--themeless-surface__650)";
1001
+ "themelessSurface[0.7]": "var(--themeless-surface__700)";
1002
+ "themelessSurface[0.75]": "var(--themeless-surface__750)";
1003
+ "themelessSurface[0.8]": "var(--themeless-surface__800)";
1004
+ "themelessSurface[0.85]": "var(--themeless-surface__850)";
1005
+ "themelessSurface[0.9]": "var(--themeless-surface__900)";
1006
+ "themelessSurface[0.95]": "var(--themeless-surface__950)";
1007
+ themelessSurface: "var(--themeless-surface)";
1008
+ "themelessOnSurface[0.1]": "var(--themeless-on-surface__100)";
1009
+ "themelessOnSurface[0.15]": "var(--themeless-on-surface__150)";
1010
+ "themelessOnSurface[0.2]": "var(--themeless-on-surface__200)";
1011
+ "themelessOnSurface[0.25]": "var(--themeless-on-surface__250)";
1012
+ "themelessOnSurface[0.3]": "var(--themeless-on-surface__300)";
1013
+ "themelessOnSurface[0.35]": "var(--themeless-on-surface__350)";
1014
+ "themelessOnSurface[0.4]": "var(--themeless-on-surface__400)";
1015
+ "themelessOnSurface[0.45]": "var(--themeless-on-surface__450)";
1016
+ "themelessOnSurface[0.5]": "var(--themeless-on-surface__500)";
1017
+ "themelessOnSurface[0.55]": "var(--themeless-on-surface__550)";
1018
+ "themelessOnSurface[0.6]": "var(--themeless-on-surface__600)";
1019
+ "themelessOnSurface[0.65]": "var(--themeless-on-surface__650)";
1020
+ "themelessOnSurface[0.7]": "var(--themeless-on-surface__700)";
1021
+ "themelessOnSurface[0.75]": "var(--themeless-on-surface__750)";
1022
+ "themelessOnSurface[0.8]": "var(--themeless-on-surface__800)";
1023
+ "themelessOnSurface[0.85]": "var(--themeless-on-surface__850)";
1024
+ "themelessOnSurface[0.9]": "var(--themeless-on-surface__900)";
1025
+ "themelessOnSurface[0.95]": "var(--themeless-on-surface__950)";
1026
+ themelessOnSurface: "var(--themeless-on-surface)";
1027
+ "seed[0.1]": "var(--seed__100)";
1028
+ "seed[0.15]": "var(--seed__150)";
1029
+ "seed[0.2]": "var(--seed__200)";
1030
+ "seed[0.25]": "var(--seed__250)";
1031
+ "seed[0.3]": "var(--seed__300)";
1032
+ "seed[0.35]": "var(--seed__350)";
1033
+ "seed[0.4]": "var(--seed__400)";
1034
+ "seed[0.45]": "var(--seed__450)";
1035
+ "seed[0.5]": "var(--seed__500)";
1036
+ "seed[0.55]": "var(--seed__550)";
1037
+ "seed[0.6]": "var(--seed__600)";
1038
+ "seed[0.65]": "var(--seed__650)";
1039
+ "seed[0.7]": "var(--seed__700)";
1040
+ "seed[0.75]": "var(--seed__750)";
1041
+ "seed[0.8]": "var(--seed__800)";
1042
+ "seed[0.85]": "var(--seed__850)";
1043
+ "seed[0.9]": "var(--seed__900)";
1044
+ "seed[0.95]": "var(--seed__950)";
1045
+ seed: "var(--seed)";
1046
+ }>;
1047
+
1048
+ declare enum CssShapes {
1049
+ xs = ".125rem",
1050
+ sm = ".25rem",
1051
+ md = ".5rem",
1052
+ lg = "1rem",
1053
+ xl = "1.5rem",
1054
+ xxl = "2rem",
1055
+ circle = "100%",
1056
+ popover = "1rem"
1057
+ }
1058
+
1059
+ declare const CssSpacing: Readonly<{
1060
+ "2xl": "1.75rem";
1061
+ xl: "1.5rem";
1062
+ lg: "1rem";
1063
+ md: "0.5rem";
1064
+ sm: "0.25rem";
1065
+ xs: "0.125rem";
1066
+ "2xs": "0.1rem";
1067
+ }>;
1068
+
1069
+ declare const FontSize: Readonly<{
1070
+ "2xl": "1.75rem";
1071
+ xl: "1.5rem";
1072
+ lg: "1.25rem";
1073
+ md: "1rem";
1074
+ sm: "0.85rem";
1075
+ xs: "0.75rem";
1076
+ "2xs": "0.65rem";
1077
+ }>;
1078
+
1079
+ declare const BORDER_STYLES: readonly ["dashed", "solid", "dotted", "double"];
1080
+ declare const CLOCKWISE_SIDES: readonly ["top", "right", "bottom", "left"];
1081
+ type BasicHtmlElementPosition = 0 | string;
1082
+ type ElementSide = (typeof CLOCKWISE_SIDES)[number];
1083
+ type BorderStyle = (typeof BORDER_STYLES)[number];
1084
+ type HtmlElementDim = `${number}${"rem" | "px" | "%" | "vh" | "vw" | "em"}`;
1085
+ type Size$1 = 0 | "full" | `${"max" | "min" | "fit"}-content` | "auto" | HtmlElementDim;
1086
+ type Append5<range extends number> = range | `${range}${5}`;
1087
+ type BasicColor$1 = CSS.Properties["color"] | keyof typeof CssColors | keyof typeof ColorResources | `${keyof typeof ColorResources}[0.${Append5<1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9>}]` | (string & {}) | undefined;
1088
+ type ElementCorners = `top${"Left" | "Right"}` | `bottom${"Left" | "Right"}`;
1089
+ interface BasicHtmlElementStyleProps extends Partial<Record<"spill", "visible" | "hidden" | "clip" | "scroll" | "auto" | Partial<Record<"x" | "y", "visible" | "hidden" | "clip" | "scroll" | "auto">> | undefined>>, Partial<Record<`${"min" | "max"}${"Height" | "Width"}`, Size$1 | undefined>> {
1090
+ className?: string | undefined;
1091
+ top?: BasicHtmlElementPosition | undefined;
1092
+ bottom?: BasicHtmlElementPosition | undefined;
1093
+ left?: BasicHtmlElementPosition | undefined;
1094
+ right?: BasicHtmlElementPosition | undefined;
1095
+ centerSelf?: boolean | "x" | "y" | undefined;
1096
+ clickable?: boolean | undefined;
1097
+ allowTextSelection?: boolean | undefined;
1098
+ disableSelection?: boolean | undefined;
1099
+ pos?: "absolute" | "relative" | "sticky" | undefined;
1100
+ padding?: 0 | keyof typeof CssSpacing | HtmlElementDim | [
1101
+ padding: keyof typeof CssSpacing | HtmlElementDim,
1102
+ sides: ElementSide | "all" | ElementSide[]
1103
+ ] | Partial<Record<ElementSide, keyof typeof CssSpacing | HtmlElementDim>> | undefined;
1104
+ translate?: Partial<{
1105
+ x: string;
1106
+ y: string;
1107
+ }> | undefined;
1108
+ fontSize?: keyof typeof FontSize | (string & {}) | undefined;
1109
+ centerContent?: boolean | undefined;
1110
+ flex?: string | undefined;
1111
+ hide?: boolean | undefined;
1112
+ row?: boolean | undefined;
1113
+ fontWeight?: "bold" | "bolder" | "lighter" | "normal" | `${1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9}${"00" | "25" | "50"}` | undefined;
1114
+ aspectRatio?: number | undefined;
1115
+ size?: Size$1 | undefined;
1116
+ height?: Size$1 | undefined;
1117
+ width?: Size$1 | undefined;
1118
+ color?: BasicColor$1;
1119
+ backgroundColor?: BasicColor$1;
1120
+ border?: string | undefined;
1121
+ borderColor?: BasicColor$1 | [color: BasicColor$1, sides: ElementSide | "all" | ElementSide[]] | Partial<Record<ElementSide, BasicColor$1>> | undefined;
1122
+ borderWidth?: HtmlElementDim | [width: HtmlElementDim, sides: ElementSide | "all" | ElementSide[]] | Partial<Record<ElementSide, HtmlElementDim>> | undefined;
1123
+ borderStyle?: BorderStyle | [style: BorderStyle, sides: ElementSide | "all" | ElementSide[]] | Partial<Record<ElementSide, BorderStyle>> | undefined;
1124
+ blur?: string | undefined;
1125
+ backdropBlur?: string | undefined;
1126
+ gap?: 0 | keyof typeof CssSpacing | HtmlElementDim | undefined;
1127
+ cursor?: CSS.Properties["cursor"] | undefined;
1128
+ scrollbarBackgroundColor?: BasicColor$1 | undefined;
1129
+ scrollbarThumbColor?: BasicColor$1 | undefined;
1130
+ corners?: 0 | HtmlElementDim | keyof typeof CssShapes | Partial<Record<ElementCorners, keyof typeof CssShapes | HtmlElementDim | 0> & Record<"top" | "bottom", never>> | Partial<Record<ElementCorners, never> & Record<"top" | "bottom", keyof typeof CssShapes | HtmlElementDim | 0>> | undefined;
1131
+ align?: "start" | "center" | "end" | "stretch" | undefined;
1132
+ justify?: "center" | "end" | "stretch" | "space-evenly" | "space-between" | undefined;
1133
+ fade?: `0.${1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9}` | number;
1134
+ debug?: boolean;
1135
+ style?: CSS.Properties | undefined;
1136
+ }
1137
+ declare const applyBasicStyle: (props: NoUndefinedField<BasicHtmlElementStyleProps>, debug?: boolean) => NoUndefinedField<CSS.Properties>;
1138
+
1139
+ interface BasicAvatarProps {
1140
+ size?: AvatarRootProps["size"];
1141
+ fallback?: string | IconType | JSX.Element;
1142
+ disableFallback?: boolean;
1143
+ src?: string | undefined;
1144
+ backgroundColor?: BasicColor$1;
1145
+ color?: BasicColor$1;
1146
+ }
1147
+ declare function BasicAvatar(props: BasicAvatarProps): react_jsx_runtime.JSX.Element;
1148
+
1149
+ interface BasicBadgeProps {
1150
+ children: JSX.Element;
1151
+ badge: React__default.ReactNode;
1152
+ /**
1153
+ * @default "top-end"
1154
+ */
1155
+ placement?: FloatProps["placement"];
1156
+ circleChild?: boolean;
1157
+ asChild?: boolean;
1158
+ offset?: HtmlElementDim;
1159
+ }
1160
+ declare function BasicBadge(props: BasicBadgeProps): react_jsx_runtime.JSX.Element;
1161
+
1162
+ type CssProperties = SafeOmit<CSS.Properties, "backgroundColor" | "color"> & Partial<Record<"backgroundColor" | "color", BasicColor$1>>;
1163
+ type CssPseudos = Partial<Record<CSS.Pseudos | `@media${" only " | " "}screen` | `${CSS.Pseudos | "@media"} ${string}`, CssProperties>>;
1164
+ type InlineCss = CssPseudos & CssProperties;
1165
+
1166
+ interface BasicHtmlElementCoreProps<El extends HTMLElement> extends Partial<Pick<HTMLElement, "className" | "id" | "popover">> {
1167
+ ref?: React__default.Ref<El>;
1168
+ onClick?: React__default.MouseEventHandler<El>;
1169
+ onDoubleClick?: React__default.MouseEventHandler<El>;
1170
+ onBlur?: React__default.FocusEventHandler<El>;
1171
+ onFocus?: React__default.FocusEventHandler<El>;
1172
+ popoverTarget?: string;
1173
+ }
1174
+
1175
+ interface BasicDivProps extends BasicHtmlElementStyleProps, BasicHtmlElementCoreProps<HTMLDivElement> {
1176
+ flexWrap?: boolean | undefined;
1177
+ grid?: boolean | undefined;
1178
+ gridCols?: string | undefined;
1179
+ gridRows?: string | undefined;
1180
+ draggable?: boolean | undefined;
1181
+ asChildren?: boolean;
1182
+ rememberScrollPos?: boolean;
1183
+ updateScrollPosDeps?: React.DependencyList;
1184
+ overflowPadding?: keyof typeof CssSpacing;
1185
+ enableYFaders?: boolean;
1186
+ decreaseYFaderPadding?: boolean;
1187
+ css?: InlineCss;
1188
+ onScroll?: (event: React.UIEvent<HTMLDivElement, UIEvent>) => void;
1189
+ }
1190
+ declare function BasicDiv(props: PropsWithChildren<BasicDivProps>): string | number | bigint | boolean | Iterable<React$1.ReactNode> | Promise<string | number | bigint | boolean | React$1.ReactPortal | React$1.ReactElement<unknown, string | React$1.JSXElementConstructor<any>> | Iterable<React$1.ReactNode>> | react_jsx_runtime.JSX.Element;
1191
+
1192
+ type TextAlign = "left" | "right" | "center" | "justify" | "match-parent";
1193
+
1194
+ interface BasicSpanProps extends BasicHtmlElementStyleProps, BasicHtmlElementCoreProps<HTMLSpanElement> {
1195
+ text?: string;
1196
+ link?: boolean;
1197
+ fakeHyperlink?: boolean;
1198
+ hyperlink?: boolean;
1199
+ lineLimit?: number;
1200
+ italic?: boolean;
1201
+ strikeThrough?: boolean;
1202
+ underline?: boolean;
1203
+ clickable?: boolean;
1204
+ textAlign?: TextAlign;
1205
+ ellipsis?: boolean;
1206
+ ref?: React.Ref<HTMLSpanElement>;
1207
+ sx?: InlineCss;
1208
+ children?: React.ReactNode;
1209
+ }
1210
+ declare function BasicSpan(props: BasicSpanProps): react_jsx_runtime.JSX.Element;
1211
+
1212
+ interface RootProps$2 extends Partial<Record<"width" | `${"max" | "min"}Width`, BasicDivProps["width"]>> {
1213
+ backgroundColor?: BasicColor$1;
1214
+ color?: BasicColor$1;
1215
+ /**
1216
+ * @default "lg"
1217
+ */
1218
+ corners?: BasicDivProps["corners"];
1219
+ /**
1220
+ * @default "md"
1221
+ */
1222
+ padding?: BasicDivProps["padding"];
1223
+ /**
1224
+ * @default "md"
1225
+ */
1226
+ gap?: BasicDivProps["gap"];
1227
+ height?: BasicDivProps["height"];
1228
+ clickable?: boolean;
1229
+ style?: BasicDivProps["style"];
1230
+ sx?: BasicDivProps["css"];
1231
+ spill?: BasicDivProps["spill"];
1232
+ children: JSX.Element | [JSX.Element, JSX.Element] | [JSX.Element, JSX.Element, JSX.Element];
1233
+ }
1234
+ declare function Root$5(props: RootProps$2): react_jsx_runtime.JSX.Element;
1235
+ declare const BasicCard: {
1236
+ Root: typeof Root$5;
1237
+ LeadingAddOn: (props: BasicDivProps & {
1238
+ children: JSX.Element;
1239
+ }) => react_jsx_runtime.JSX.Element;
1240
+ TrailingAddOn: (props: BasicDivProps & {
1241
+ children: JSX.Element | JSX.Element[];
1242
+ }) => react_jsx_runtime.JSX.Element;
1243
+ Content: (props: SafeOmit<BasicDivProps, "asChildren"> & {
1244
+ children: JSX.Element | [JSX.Element, JSX.Element];
1245
+ }) => react_jsx_runtime.JSX.Element;
1246
+ Label: (props: Prettify<{
1247
+ value: string;
1248
+ fontSize?: BasicSpanProps["fontSize"];
1249
+ fontWeight?: BasicSpanProps["fontWeight"];
1250
+ fade?: BasicSpanProps["fade"];
1251
+ color?: BasicColor$1;
1252
+ truncateStyle?: "ellipsis" | {
1253
+ lineCount: number;
1254
+ } | "none";
1255
+ }>) => react_jsx_runtime.JSX.Element;
1256
+ Item: (props: Prettify<{
1257
+ value: string;
1258
+ fontSize?: BasicSpanProps["fontSize"];
1259
+ fontWeight?: BasicSpanProps["fontWeight"];
1260
+ fade?: BasicSpanProps["fade"];
1261
+ color?: BasicColor$1;
1262
+ truncateStyle?: "ellipsis" | {
1263
+ lineCount: number;
1264
+ } | "none";
1265
+ }>) => react_jsx_runtime.JSX.Element;
1266
+ };
1267
+
1268
+ interface BasicMediaCardProps {
1269
+ className?: string;
1270
+ title: string;
1271
+ height?: BasicDivProps["height"];
1272
+ /**
1273
+ * @default "14rem"
1274
+ */
1275
+ width?: BasicDivProps["width"];
1276
+ /**
1277
+ * @default "7rem"
1278
+ */
1279
+ mediaHeight?: BasicDivProps["height"];
1280
+ /**
1281
+ * @default true
1282
+ */
1283
+ coverImg?: boolean;
1284
+ /**
1285
+ * @default "full"
1286
+ */
1287
+ imgSize?: BasicDivProps["size"];
1288
+ description?: string;
1289
+ children?: JSX$1.Element;
1290
+ src?: string;
1291
+ /**
1292
+ * @default "md"
1293
+ */
1294
+ titleFontSize?: BasicSpanProps["fontSize"];
1295
+ /**
1296
+ * @default "xs"
1297
+ */
1298
+ descriptionFontSize?: BasicSpanProps["fontSize"];
1299
+ /**
1300
+ * @default "md"
1301
+ */
1302
+ imgCorners?: BasicDivProps["corners"];
1303
+ fallback?: IconType | JSX$1.Element | string;
1304
+ fade?: BasicDivProps["fade"];
1305
+ style?: BasicDivProps["style"];
1306
+ }
1307
+ declare function BasicMediaCard(props: BasicMediaCardProps): react_jsx_runtime.JSX.Element;
1308
+ declare namespace BasicMediaCard {
1309
+ var Content: (props: SafeOmit<BasicDivProps, "decreaseYFaderPadding" | "updateScrollPosDeps" | "rememberScrollPos"> & {
1310
+ children: React__default.ReactNode;
1311
+ }) => react_jsx_runtime.JSX.Element;
1312
+ }
1313
+
1314
+ interface BasicProfileCardProps extends Partial<AddPrefix<{
1315
+ fontSize: BasicSpanProps["fontSize"];
1316
+ fade: BasicDivProps["fade"];
1317
+ fontWeight: BasicSpanProps["fontWeight"];
1318
+ }, "title" | "description">>, Partial<AddPrefix<{
1319
+ size: BasicAvatarProps["size"];
1320
+ src: BasicAvatarProps["src"];
1321
+ fallback: BasicAvatarProps["fallback"];
1322
+ backgroundColor?: BasicColor$1;
1323
+ color?: BasicColor$1;
1324
+ }, "avatar">> {
1325
+ className?: string;
1326
+ title: string;
1327
+ description: string;
1328
+ children?: JSX$1.Element;
1329
+ backgroundColor?: BasicColor$1;
1330
+ color?: BasicColor$1;
1331
+ width?: BasicDivProps["width"];
1332
+ height?: BasicDivProps["height"];
1333
+ padding?: BasicDivProps["padding"];
1334
+ corners?: BasicDivProps["corners"];
1335
+ disableBoxShadow?: boolean;
1336
+ style?: BasicDivProps["style"];
1337
+ }
1338
+ declare function BasicProfileCard(props: BasicProfileCardProps): react_jsx_runtime.JSX.Element;
1339
+ declare namespace BasicProfileCard {
1340
+ var Content: typeof BasicDiv;
1341
+ }
1342
+
1343
+ interface CheckboxProps {
1344
+ checked?: boolean;
1345
+ size?: BasicDivProps["size"];
1346
+ /**@default "sm" */
1347
+ corners?: BasicDivProps["corners"];
1348
+ /**@default "sm" */
1349
+ padding?: BasicDivProps["padding"];
1350
+ /**The background color of the checkbox when it is checked
1351
+ * @default "primaryContainer" */
1352
+ accentColor?: BasicColor$1;
1353
+ /**@default "onSurface[0.1]" */
1354
+ borderColor?: BasicColor$1;
1355
+ /**@default "onPrimaryContainer" */
1356
+ iconColor?: BasicColor$1;
1357
+ disableShadow?: boolean;
1358
+ iconSize?: `${number}${"rem" | "em" | "px"}`;
1359
+ onChange?: (checked: boolean) => void;
1360
+ onClick?: () => void;
1361
+ }
1362
+ declare function Checkbox(props: CheckboxProps): react_jsx_runtime.JSX.Element;
1363
+
1364
+ interface BasicConfirmationDialogProps extends Partial<Record<"width" | "height" | `${"min" | "max"}${"Width" | "Height"}`, BasicDivProps["width"]>> {
1365
+ title: string;
1366
+ message: string;
1367
+ hideDisclaimerLabel?: boolean;
1368
+ disclaimer?: string;
1369
+ controller?: UseDialogControllerReturn;
1370
+ triggerElement?: JSX.Element;
1371
+ /**
1372
+ * @default "error"
1373
+ */
1374
+ severity?: "error" | "info" | "warning";
1375
+ /**
1376
+ * @default "Cancel"
1377
+ */
1378
+ cancelLabel?: "Dismiss" | "Cancel" | (string & {});
1379
+ onCancelClick?: () => void;
1380
+ action: {
1381
+ label: string;
1382
+ onClick: () => void | Promise<TaskResult> | TaskResult;
1383
+ };
1384
+ }
1385
+ declare function BasicConfirmationDialog(props: BasicConfirmationDialogProps): react_jsx_runtime.JSX.Element;
1386
+
1387
+ declare function useDialogController<Value>(defaultValue?: Value): {
1388
+ value: Value;
1389
+ isOpen: boolean;
1390
+ show: (...args: Value extends boolean ? [] : [value: Value]) => void;
1391
+ hide: () => void;
1392
+ };
1393
+ type UseDialogControllerReturn<T = {}> = ReturnType<typeof useDialogController<T>>;
1394
+
1395
+ interface RootProps$1<T = {}> extends SafeOmit<BasicDivProps, "clickable" | "ref" | "onClick" | "onBlur" | "onFocus" | "onScroll" | "decreaseYFaderPadding" | "enableYFaders" | "rememberScrollPos" | "updateScrollPosDeps"> {
1396
+ /**
1397
+ * @default center
1398
+ */
1399
+ placement?: "center" | "top" | "bottom";
1400
+ children: JSX.Element | JSX.Element[];
1401
+ triggerElement?: JSX.Element;
1402
+ hideCloseButton?: boolean;
1403
+ /**@default "sm" */
1404
+ closeButtonSize?: CloseButtonProps["size"];
1405
+ /**
1406
+ * @default false
1407
+ */
1408
+ unmountOnExit?: boolean;
1409
+ /**
1410
+ * @default "slide-in-bottom"
1411
+ */
1412
+ enterAnimation?: Dialog.RootProps["motionPreset"];
1413
+ /**
1414
+ * @default "outside"
1415
+ */
1416
+ scrollBehavior?: Dialog.RootProps["scrollBehavior"];
1417
+ controller?: UseDialogControllerReturn<T>;
1418
+ /**
1419
+ * Whether to close the dialog when the escape key is pressed
1420
+ * @default true
1421
+ */
1422
+ closeOnEscape?: boolean;
1423
+ /**
1424
+ * Whether to close the dialog when the outside is clicked
1425
+ * @default true
1426
+ */
1427
+ closeOnInteractOutside?: boolean;
1428
+ rerenderOnClose?: boolean;
1429
+ onOpenChange?: (isOpen: boolean) => void;
1430
+ onClose?: () => void;
1431
+ }
1432
+ declare function Root$4<T>(props: RootProps$1<T>): react_jsx_runtime.JSX.Element;
1433
+ interface ElementProps extends SafeOmit<BasicDivProps, "ref" | "onClick" | "onBlur" | "onFocus" | "onScroll" | "clickable"> {
1434
+ children: React__default.ReactNode;
1435
+ }
1436
+ declare const BasicDialog: {
1437
+ Root: typeof Root$4;
1438
+ Header: (props: ElementProps) => react_jsx_runtime.JSX.Element;
1439
+ Body: (props: ElementProps) => react_jsx_runtime.JSX.Element;
1440
+ Footer: (props: ElementProps) => react_jsx_runtime.JSX.Element;
1441
+ CloseTrigger: (props: {
1442
+ children: JSX.Element;
1443
+ wrap?: boolean;
1444
+ slotProps?: Partial<{
1445
+ divWrapper: React__default.DetailedHTMLProps<React__default.HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
1446
+ }>;
1447
+ }) => react_jsx_runtime.JSX.Element;
1448
+ ActionTrigger: (props: {
1449
+ children: JSX.Element;
1450
+ }) => react_jsx_runtime.JSX.Element;
1451
+ };
1452
+ interface BasicDialogProps {
1453
+ Root: RootProps$1;
1454
+ }
1455
+
1456
+ interface BasicOlProps<Item extends string> extends ListItemStyleProps {
1457
+ height?: BasicDivProps["height"];
1458
+ width?: BasicDivProps["width"];
1459
+ /**
1460
+ * @default "md"
1461
+ */
1462
+ gap?: BasicDivProps["gap"];
1463
+ bold?: boolean;
1464
+ items: (Item | {
1465
+ label: string;
1466
+ nestedItems: Item[];
1467
+ })[];
1468
+ isItemActive: (item: Item) => boolean;
1469
+ isItemCompleted: (item: Item) => boolean;
1470
+ onItemClick?: (item: Item) => void;
1471
+ }
1472
+ declare function BasicOl<Item extends string>(props: BasicOlProps<Item>): react_jsx_runtime.JSX.Element;
1473
+ interface ListItemStyleProps {
1474
+ fontSize?: BasicDivProps["fontSize"];
1475
+ }
1476
+
1477
+ interface BasicFormDialogProps<Section extends string> {
1478
+ triggerElement?: JSX.Element;
1479
+ controller?: UseDialogControllerReturn;
1480
+ title?: React.ReactNode;
1481
+ defaultSection?: Section;
1482
+ sections: BasicOlProps<Section>["items"];
1483
+ sectionMapper: Record<Section, {
1484
+ title: string;
1485
+ description: string;
1486
+ element: JSX.Element | (() => JSX.Element) | ((props: {
1487
+ incompleteSections: Section[];
1488
+ }) => JSX.Element);
1489
+ }>;
1490
+ checkCompletionOnMount?: boolean;
1491
+ /**
1492
+ * @default false
1493
+ */
1494
+ unmountOnExit?: boolean;
1495
+ rerenderOnClose?: boolean;
1496
+ isSectionComplete: (section: Section) => boolean;
1497
+ onSectionsStatusChange?: (incompleteSections: Section[], completedSections: Section[]) => void;
1498
+ ignoredSections?: Section[];
1499
+ hideSubmitButton?: boolean;
1500
+ onSubmit?: () => Promise<void>;
1501
+ }
1502
+ declare function BasicFormDialog<Sections extends string>(props: BasicFormDialogProps<Sections>): react_jsx_runtime.JSX.Element;
1503
+
1504
+ declare const ICON_PRESET_SIZES: readonly ["inherit", "sm", "md", "lg", "xl", "2xl", "xs"];
1505
+ declare const BUTTON_PRESET_SIZES: readonly ["sm", "md", "lg", "xl", "2xl", "xs", "2xs"];
1506
+ type Addon = JSX$1.Element | IconType;
1507
+ interface BaseProps$2 extends SafeOmit<BasicDivProps, "css" | "row" | "size" | "onScroll" | "clickable" | "enableYFaders" | "overflowPadding" | "updateScrollPosDeps" | "decreaseYFaderPadding" | keyof BasicHtmlElementCoreProps<HTMLDivElement>>, BasicHtmlElementCoreProps<HTMLButtonElement> {
1508
+ async?: boolean;
1509
+ disabled?: boolean;
1510
+ disabledOpacity?: number;
1511
+ spinnerColor?: BasicColor$1;
1512
+ pendingDelay?: number;
1513
+ /**
1514
+ * @default "md"
1515
+ */
1516
+ size?: (typeof BUTTON_PRESET_SIZES)[number] | HtmlElementDim;
1517
+ variant?: "outline" | "standard";
1518
+ borderColor?: BasicColor$1;
1519
+ iconSize?: (typeof ICON_PRESET_SIZES)[number] | HtmlElementDim;
1520
+ onMouseDown?: React__default.MouseEventHandler<HTMLButtonElement>;
1521
+ }
1522
+ type OptionalProps$2 = {
1523
+ leadingEl?: Addon;
1524
+ children?: never;
1525
+ text?: string;
1526
+ trailingEl?: Addon;
1527
+ } | {
1528
+ leadingEl?: never;
1529
+ children?: React__default.ReactNode;
1530
+ text?: never;
1531
+ trailingEl?: never;
1532
+ };
1533
+ type BasicButtonProps = BaseProps$2 & OptionalProps$2 & {};
1534
+ declare function BasicButton(props: BasicButtonProps): react_jsx_runtime.JSX.Element;
1535
+
1536
+ type AllowedCharacters =
1537
+ | "number"
1538
+ | "space"
1539
+ | "symbol"
1540
+ | "letter"
1541
+ | `${"upper" | "lower"}caseLetter`
1542
+ | "all"
1543
+ | RegExp;
1544
+
1545
+ type ElementPos = "leading" | "trailing";
1546
+ type ElementType = "Adornment" | "Content";
1547
+ type AdditionalElements = {
1548
+ [Key in `${ElementPos}${ElementType}`]?: React.ReactNode;
1549
+ };
1550
+ interface TextFieldProps extends AdditionalElements {
1551
+ disabled?: boolean;
1552
+ readOnly?: boolean;
1553
+ borderColor?: BasicDivProps["borderColor"];
1554
+ backgroundColor?: BasicColor$1;
1555
+ color?: BasicColor$1;
1556
+ focusColor?: BasicColor$1;
1557
+ /**
1558
+ * @default "all"
1559
+ */
1560
+ allowedChars?: AllowedCharacters | AllowedCharacters[];
1561
+ /**
1562
+ * @default "none"
1563
+ */
1564
+ format?: "currency" | "none";
1565
+ placeholder?: string;
1566
+ defaultValue?: string;
1567
+ value?: string;
1568
+ allowPasteText?: boolean;
1569
+ allowCopyText?: boolean;
1570
+ label?: string;
1571
+ required?: boolean;
1572
+ /**@default Infinity */
1573
+ maxChars?: number;
1574
+ showCharCounter?: boolean;
1575
+ helperText?: string;
1576
+ indent?: HtmlElementDim | Partial<Record<"left" | "right", HtmlElementDim>>;
1577
+ onPasteClick?: (text: string) => void;
1578
+ width?: BasicDivProps["width"];
1579
+ onFocus?: React.FocusEventHandler<HTMLInputElement>;
1580
+ onBlur?: React.FocusEventHandler<HTMLInputElement>;
1581
+ autoFocus?: boolean;
1582
+ ref?: React.RefObject<HTMLInputElement | null>;
1583
+ pureRef?: React.Ref<HTMLInputElement>;
1584
+ /**
1585
+ * @default "outline"
1586
+ */
1587
+ variant?: InputProps["variant"];
1588
+ /**
1589
+ * @default "md"
1590
+ */
1591
+ size?: InputProps["size"];
1592
+ /**
1593
+ * @default "0.75rem"
1594
+ */
1595
+ corners?: BasicDivProps["corners"];
1596
+ slotProps?: Prettify<Partial<{
1597
+ [Key in `${ElementPos}Adornment`]: InputAddonProps;
1598
+ } & {
1599
+ [Key in `${ElementPos}Content`]: InputElementProps;
1600
+ } & {
1601
+ placeholder: Partial<{
1602
+ color: BasicColor$1;
1603
+ }>;
1604
+ charCounter: Partial<{
1605
+ fontSize?: BasicSpanProps["fontSize"];
1606
+ }>;
1607
+ } & ClipboardHelperWrapperProps["slotProps"] & Record<"helperText" | "label", Partial<{
1608
+ fontSize: BasicDivProps["fontSize"];
1609
+ fade: number;
1610
+ fontWeight: BasicDivProps["fontWeight"];
1611
+ }>>>>;
1612
+ onEnterKeyPressed?: () => void;
1613
+ onEscapeKeyPressed?: () => void;
1614
+ onChange?: (value: string, event: React.ChangeEvent<HTMLInputElement>) => void;
1615
+ }
1616
+ declare function TextField(props: TextFieldProps): react_jsx_runtime.JSX.Element;
1617
+ interface ClipboardHelperWrapperProps {
1618
+ useCopy?: boolean;
1619
+ usePaste?: boolean;
1620
+ children: JSX.Element;
1621
+ elementRef: React.RefObject<HTMLInputElement | null>;
1622
+ slotProps?: Partial<{
1623
+ pasteButton: Partial<{
1624
+ iconOnly: boolean;
1625
+ }>;
1626
+ copyButton: Partial<{
1627
+ iconOnly: boolean;
1628
+ }>;
1629
+ }>;
1630
+ onPaste?: (text: string) => void;
1631
+ }
1632
+
1633
+ interface SimpleFormDialogProps<T extends string> {
1634
+ controller?: UseDialogControllerReturn;
1635
+ title?: string;
1636
+ triggerElement?: JSX.Element;
1637
+ /**@default "md" */
1638
+ closeButtonSize?: BasicDialogProps["Root"]["closeButtonSize"];
1639
+ /**@default "2rem"*/
1640
+ titleFontSize?: BasicDivProps["fontSize"];
1641
+ /**@default "md" */
1642
+ textfieldSize?: TextFieldProps["size"];
1643
+ /**@default "lg" */
1644
+ actionButtionSize?: BasicButtonProps["size"];
1645
+ width?: BasicDivProps["width"];
1646
+ /**A shortcut for defining the default value for fields where: `<"field">.defaultValue === undefined`.*/
1647
+ defaultValue?: Partial<Record<T, string>>;
1648
+ fields: Record<T, {
1649
+ /**
1650
+ * @default "prop-name" */
1651
+ label?: (string & {}) | "prop-name" | ((propName: string) => string);
1652
+ placeholder: string;
1653
+ disabled?: boolean;
1654
+ defaultValue?: string;
1655
+ allowedChars?: RegExp;
1656
+ options?: string[];
1657
+ }>;
1658
+ /**A shortcut to format the property name for all fields where: `typeof <"field">.label !== "function" && [undefined, "prop-name"].includes(<"field">.label)`
1659
+ * - Useful for field's that use `prop-name` as the label.
1660
+ */
1661
+ formatFieldPropName?: (propName: string) => string;
1662
+ /**A shortcut to set the allowed characters for all fields where: `<"field">.allowedChars === undefined`
1663
+ */
1664
+ allowedChars?: RegExp;
1665
+ onSave?: (form: Record<T, string>) => void;
1666
+ onCancel?: () => void;
1667
+ }
1668
+ declare function SimpleFormDialog<T extends string>(props: SimpleFormDialogProps<T>): react_jsx_runtime.JSX.Element;
1669
+
1670
+ interface BasicDisclaimerProps extends Partial<Record<"top" | "left" | "bottom" | "right", HtmlElementDim | 0>> {
1671
+ severity: "warning" | "error" | "info";
1672
+ message: string;
1673
+ pos?: BasicDivProps["pos"];
1674
+ /**
1675
+ * @default false
1676
+ */
1677
+ disableShadow?: boolean;
1678
+ facade?: (severity: BasicDisclaimerProps["severity"]) => BasicDisclaimerProps["severity"];
1679
+ width?: BasicDivProps["width"];
1680
+ /**
1681
+ * @default "1rem"
1682
+ */
1683
+ iconSize?: HtmlElementDim;
1684
+ /**
1685
+ * @default "md"
1686
+ */
1687
+ gap?: BasicSpanProps["gap"];
1688
+ /**
1689
+ * @default "md"
1690
+ */
1691
+ padding?: BasicDivProps["padding"];
1692
+ /**
1693
+ * @default "md"
1694
+ */
1695
+ corners?: BasicDivProps["corners"];
1696
+ /**
1697
+ * @default "sm"
1698
+ */
1699
+ fontSize?: BasicSpanProps["fontSize"];
1700
+ /**
1701
+ * @default false
1702
+ */
1703
+ hideLabel?: boolean;
1704
+ }
1705
+ declare function BasicDisclaimer(props: BasicDisclaimerProps): react_jsx_runtime.JSX.Element;
1706
+
1707
+ interface BasicFileUploadRootProps {
1708
+ maxFiles?: number;
1709
+ multiple?: boolean;
1710
+ showList?: boolean;
1711
+ maxWidth?: FileUpload.RootProps["maxW"];
1712
+ height?: FileUpload.RootProps["height"];
1713
+ width?: FileUpload.RootProps["width"];
1714
+ accepts: LocalFile["typeAlias"][];
1715
+ children: JSX.Element;
1716
+ slotProps?: Partial<{
1717
+ fileList: FileUpload.ListProps;
1718
+ }>;
1719
+ onChange?: (files: FileList) => void;
1720
+ }
1721
+
1722
+ interface BasicDropzoneProps extends SafeOmit<BasicFileUploadRootProps, "children"> {
1723
+ backgroundColor?: BasicColor$1;
1724
+ borderColor?: BasicColor$1;
1725
+ color?: BasicColor$1;
1726
+ content?: JSX.Element;
1727
+ }
1728
+ declare function BasicDropzone(props: BasicDropzoneProps): react_jsx_runtime.JSX.Element;
1729
+
1730
+ type VerticalPlacement = "top" | "center" | "bottom";
1731
+ type HorizontalPlacement = "left" | "center" | "right";
1732
+ type FloaterWidth = BasicDivProps["width"] | "match-anchor";
1733
+ interface BasicPopoverProps extends Partial<Record<`${"min" | "max"}Width`, FloaterWidth> & Record<`${"min" | "max"}Height` | "height", BasicDivProps["height"]>> {
1734
+ asChild?: boolean;
1735
+ children: JSX$1.Element;
1736
+ /** @description Wraps the child with a div. This is useful if the child can't hold a ref.
1737
+ * @remarks You can access the div's props in `slotProps.divWrapper`.
1738
+ * @default false
1739
+ */
1740
+ wrap?: boolean;
1741
+ defaultOpen?: boolean;
1742
+ /**The delay between opening and closing the popover in milliseconds
1743
+ * @default 200 */
1744
+ delay?: number | Record<"open" | "close", number>;
1745
+ /**@default "click" */
1746
+ displayAction?: "click" | "hover";
1747
+ visibleOnScroll?: boolean;
1748
+ rerenderOnClose?: boolean;
1749
+ /**@description This stops the popover from closing while attempting to interact with it
1750
+ * (e.g: hovering over or clicking the popover).
1751
+ * @default false
1752
+ */
1753
+ allowInteractions?: boolean;
1754
+ /**@description The point used to calculate the placement of the popover.
1755
+ * @notes
1756
+ * - If the placement is set
1757
+ * to <"top" | "right" | "bottom" | "left"> the anchorPoint is useless.
1758
+ * - While positioning, think along the lines of: "I'm placing the <"anchor-point"> of the popover
1759
+ * at the <"placement"> of the target (the child element)".
1760
+ * @default "top-left"
1761
+ */
1762
+ anchorPoint?: `${Exclude<VerticalPlacement, "center">}-${Exclude<HorizontalPlacement, "center">}`;
1763
+ /**The placement of the popover's anchor point relative to the target (the child element)
1764
+ * @default "bottom-left"
1765
+ */
1766
+ placement?: VerticalPlacement | HorizontalPlacement | Exclude<`${VerticalPlacement}-${HorizontalPlacement}`, "center-center">;
1767
+ insetArea?: VerticalPlacement | HorizontalPlacement;
1768
+ positionFallbacks?: string;
1769
+ /**The popover content */
1770
+ content: React__default.ReactNode;
1771
+ /**The distance between the popover and the target (child element).
1772
+ * @note Using a `number` is the same as `<"number">px`
1773
+ * @default ".25rem"
1774
+ */
1775
+ offset?: `${number}${"rem" | "px" | "em"}` | number;
1776
+ backdropBlur?: string;
1777
+ /**@default "onSurface" */
1778
+ color?: BasicColor$1;
1779
+ /**@default "onSurface[0.1]" */
1780
+ borderColor?: BasicColor$1;
1781
+ /**@default "surfaceContainer" */
1782
+ backgroundColor?: BasicColor$1;
1783
+ /**@default "max-content" */
1784
+ width?: FloaterWidth;
1785
+ /**@default "md" */
1786
+ padding?: BasicDivProps["padding"];
1787
+ gap?: BasicDivProps["gap"];
1788
+ /**@default "md" */
1789
+ corners?: BasicDivProps["corners"];
1790
+ /**@default "auto" */
1791
+ spill?: BasicDivProps["spill"];
1792
+ fontSize?: BasicDivProps["fontSize"];
1793
+ fontWeight?: BasicDivProps["fontWeight"];
1794
+ onOpenChange?: (open: boolean) => void;
1795
+ onOpen?: () => void;
1796
+ onClose?: () => void;
1797
+ slotProps?: Partial<{
1798
+ divWrapper?: React__default.DetailedHTMLProps<React__default.HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
1799
+ }>;
1800
+ }
1801
+ declare function BasicPopover(props: BasicPopoverProps): react_jsx_runtime.JSX.Element;
1802
+
1803
+ interface EditableProps extends Partial<Pick<TextFieldProps, "focusColor">> {
1804
+ value?: string;
1805
+ disabled?: boolean;
1806
+ label?: string;
1807
+ defaultValue?: string;
1808
+ /**@default "click" */
1809
+ activationMode?: "dblclick" | "click" | "none";
1810
+ width?: BasicDivProps["width"];
1811
+ /**@default "10rem" */
1812
+ inputWidth?: BasicDivProps["width"];
1813
+ /**@default "md" */
1814
+ size?: "2xl" | "xl" | "lg" | "md" | "sm" | "xs" | "2xs";
1815
+ iconSize?: EditableProps["size"];
1816
+ /** Prevents editing */
1817
+ preventDefault?: boolean;
1818
+ /**Replaces the predefined controls */
1819
+ control?: JSX.Element;
1820
+ placeholder?: string;
1821
+ /**The padding for the content in its resting (non-editing) state
1822
+ * @default ["md", ["top", "bottom"]] */
1823
+ contentPadding?: BasicDivProps["padding"];
1824
+ spaceBetween?: boolean;
1825
+ hideControls?: boolean | Control | Control[];
1826
+ maxChars?: number;
1827
+ inputSize?: TextFieldProps["size"];
1828
+ rowGap?: BasicDivProps["gap"];
1829
+ columnGap?: BasicDivProps["gap"];
1830
+ showPopoverOnHover?: boolean;
1831
+ showCharCounter?: boolean;
1832
+ fontSize?: BasicSpanProps["fontSize"];
1833
+ charCounterFontSize?: BasicSpanProps["fontSize"];
1834
+ allowedChars?: RegExp;
1835
+ renderPopoverContent?: (value: string) => React__default.ReactNode;
1836
+ onEditClick?: () => void;
1837
+ onContentClick?: () => void;
1838
+ onCancelClick?: () => void;
1839
+ onSaveClick?: (value: string) => void;
1840
+ onSave?: (value: string) => void;
1841
+ /** @param value The content after it was changed (includes reversions)*/
1842
+ onChange?: (value: string) => void;
1843
+ /** Invoked when either onEditClick or onContentClick is fired. */
1844
+ onEdit?: () => void;
1845
+ slotProps?: {
1846
+ popover?: Prettify<Partial<SafeOmit<BasicPopoverProps, "children"> & {
1847
+ /**@default "match-anchor" */
1848
+ maxWidth: BasicPopoverProps["maxWidth"];
1849
+ /**@default "5rem"*/
1850
+ maxHeight: BasicPopoverProps["maxHeight"];
1851
+ }>>;
1852
+ };
1853
+ }
1854
+ declare function Editable(props: EditableProps): react_jsx_runtime.JSX.Element;
1855
+ type Control = "cancel" | "save" | "edit";
1856
+ declare function Control(props: {
1857
+ icon: IconType;
1858
+ outlined?: boolean;
1859
+ preventDefault?: boolean;
1860
+ onClick: () => void;
1861
+ }): react_jsx_runtime.JSX.Element;
1862
+
1863
+ declare function Root$3(props: EmptyStateProps.RootProps): react_jsx_runtime.JSX.Element;
1864
+ declare function Indicator$1(props: EmptyStateProps.IndicatorProps): react_jsx_runtime.JSX.Element;
1865
+ declare function Content(props: EmptyStateProps.ContentProps): react_jsx_runtime.JSX.Element;
1866
+ declare namespace EmptyStateProps {
1867
+ interface RootProps extends BasicDivProps {
1868
+ /**@default "lg" */
1869
+ gap?: BasicDivProps["gap"];
1870
+ /**@default "full" */
1871
+ size?: BasicDivProps["size"];
1872
+ /**@default true */
1873
+ centerContent?: BasicDivProps["centerContent"];
1874
+ itemFade?: BasicDivProps["fade"];
1875
+ children: JSX.Element | JSX.Element[];
1876
+ }
1877
+ interface IndicatorProps {
1878
+ /**@default "4rem" */
1879
+ size?: HtmlElementDim;
1880
+ element: JSX.Element;
1881
+ disableFade?: boolean;
1882
+ }
1883
+ interface ContentProps {
1884
+ /**@default "lg" */
1885
+ titleFontSize?: BasicSpanProps["fontSize"];
1886
+ descriptionFontSize?: BasicSpanProps["fontSize"];
1887
+ title: string;
1888
+ description: string;
1889
+ /**@default "sm" */
1890
+ gap?: BasicDivProps["gap"];
1891
+ }
1892
+ }
1893
+ declare const EmptyState: {
1894
+ Root: typeof Root$3;
1895
+ Indicator: typeof Indicator$1;
1896
+ Content: typeof Content;
1897
+ };
1898
+
1899
+ declare function Root$2(props: FileViewerProps.RootProps): react_jsx_runtime.JSX.Element;
1900
+ declare function Indicator(props: FileViewerProps.IndicatorProps): react_jsx_runtime.JSX.Element;
1901
+ declare function Topbar(props: FileViewerProps.TopbarProps): react_jsx_runtime.JSX.Element;
1902
+ declare function SidebarRoot<T extends string>(props: FileViewerProps.SidebarRootProps<T>): react_jsx_runtime.JSX.Element;
1903
+ declare function SidebarOption(props: FileViewerProps.SidebarOptionProps): react_jsx_runtime.JSX.Element;
1904
+ declare function Viewer(props: FileViewerProps.ViewerProps): react_jsx_runtime.JSX.Element;
1905
+ declare const FileViewer: {
1906
+ Root: typeof Root$2;
1907
+ Sidebar: typeof SidebarRoot;
1908
+ SidebarOption: typeof SidebarOption;
1909
+ Topbar: typeof Topbar;
1910
+ Viewer: typeof Viewer;
1911
+ Indicator: typeof Indicator;
1912
+ };
1913
+ type SanitizedBasicDivProps = SafeOmit<BasicDivProps, "row" | "id" | "height" | "width" | "align" | "padding" | "size" | "minHeight" | "minWidth" | "maxHeight" | "maxWidth" | "asChildren" | "aspectRatio">;
1914
+ declare namespace FileViewerProps {
1915
+ interface RootProps extends Partial<Record<`${"min" | "max"}${"Height" | "Width"}`, BasicDivProps["width"]>> {
1916
+ /**@default "outline[0.1]" */
1917
+ borderColor?: BasicColor$1;
1918
+ size?: BasicDivProps["size"];
1919
+ /**@default "30rem"*/
1920
+ height?: BasicDivProps["height"];
1921
+ /**@default "40rem" */
1922
+ width?: BasicDivProps["width"];
1923
+ /**@default "surfaceContainer" */
1924
+ backgroundColor?: BasicColor$1;
1925
+ /**The height of the `Topbar` and the width of the `Sidebar`
1926
+ * @default "3rem" */
1927
+ navThickness?: `${number}${"rem" | "em" | "px"}`;
1928
+ children: JSX$1.Element | [JSX$1.Element, JSX$1.Element] | [JSX$1.Element, JSX$1.Element, JSX$1.Element];
1929
+ }
1930
+ interface TopbarProps extends SanitizedBasicDivProps {
1931
+ children?: JSX$1.Element | JSX$1.Element[];
1932
+ }
1933
+ interface SidebarRootProps<T> extends SanitizedBasicDivProps {
1934
+ children: JSX$1.Element | JSX$1.Element[];
1935
+ /**@default "md" */
1936
+ gap?: BasicDivProps["gap"];
1937
+ onOptionClick?: (option: T) => void;
1938
+ }
1939
+ interface SidebarOptionProps {
1940
+ label: string;
1941
+ icon: IconType;
1942
+ /**@default "1.1rem" */
1943
+ iconSize?: `${number}${"rem" | "px" | "em"}`;
1944
+ /**@default "md" */
1945
+ corners?: BasicDivProps["corners"];
1946
+ /**@default "md" */
1947
+ padding?: BasicDivProps["padding"];
1948
+ disabled?: boolean;
1949
+ selected?: boolean;
1950
+ /**@default selected ? "primaryContainer" : "outline[0.1]"*/
1951
+ backgroundColor?: (selected: boolean) => BasicColor$1;
1952
+ /**@default selected ? "onPrimaryContainer" : "onSurface" */
1953
+ color?: (selected: boolean) => BasicColor$1;
1954
+ css?: Partial<{
1955
+ ":hover": InlineCss[":hover"] & {
1956
+ /**@default "outline[0.25]" */
1957
+ backgroundColor?: BasicColor$1;
1958
+ };
1959
+ }>;
1960
+ onClick?: () => void;
1961
+ }
1962
+ interface ViewerProps {
1963
+ children: JSX$1.Element;
1964
+ /**@default "onSurface[0.1]"*/
1965
+ backgroundColor?: BasicColor$1;
1966
+ /**@default "onSurface" */
1967
+ color?: BasicColor$1;
1968
+ /**@default true */
1969
+ centerContent?: boolean;
1970
+ }
1971
+ interface IndicatorProps {
1972
+ file: LocalFile | SanitizeFile<LocalFile>;
1973
+ styles?: Partial<{
1974
+ icon: Partial<{
1975
+ /**@default RootProps.navThickness */
1976
+ size: BasicDivProps["size"];
1977
+ /**@default ".65rem" */
1978
+ padding: BasicDivProps["padding"];
1979
+ }>;
1980
+ filename: Partial<{
1981
+ /**@default "1rem" */
1982
+ fontSize?: BasicSpanProps["fontSize"];
1983
+ fontWeight?: BasicSpanProps["fontWeight"];
1984
+ color?: BasicColor$1;
1985
+ }>;
1986
+ fileMetadata: Partial<{
1987
+ /**@default ".7rem" */
1988
+ fontSize?: BasicSpanProps["fontSize"];
1989
+ /**@default "sm" */
1990
+ gap?: BasicDivProps["gap"];
1991
+ /**@default 0.5 */
1992
+ fade?: BasicDivProps["fade"];
1993
+ color?: BasicColor$1;
1994
+ }>;
1995
+ fileMetadataSeparator: Partial<{
1996
+ /**@default ".3rem" */
1997
+ size: BasicDivProps["size"];
1998
+ /**@default "circle" */
1999
+ corners?: BasicDivProps["corners"];
2000
+ /**@default "onSurface" */
2001
+ color?: BasicColor$1;
2002
+ }>;
2003
+ }>;
2004
+ }
2005
+ }
2006
+
2007
+ interface BasicImgProps extends BasicHtmlElementStyleProps, BasicHtmlElementCoreProps<HTMLImageElement> {
2008
+ src: string;
2009
+ alt?: string;
2010
+ fill?: boolean;
2011
+ cover?: boolean;
2012
+ noFit?: boolean;
2013
+ scaleDown?: boolean;
2014
+ tint?: BasicColor$1;
2015
+ sx?: InlineCss;
2016
+ }
2017
+ /**
2018
+ *
2019
+ *
2020
+ * @returns A modded version of the <img/> html tag.
2021
+ */
2022
+ declare function BasicImg(props: BasicImgProps): react_jsx_runtime.JSX.Element;
2023
+
2024
+ type TableColumnConfig<T extends string = string> = {
2025
+ name: T;
2026
+ weight?: "auto" | `${number}${"rem" | "fr" | "px"}`;
2027
+ backgroundColor?: BasicColor;
2028
+ color?: BasicColor;
2029
+ /**The value that should be used if a cell doesn't have any data. */
2030
+ placeholder?: string;
2031
+ };
2032
+
2033
+ type RootStyles = {
2034
+ gap?: BasicHtmlElementStyleProps["gap"];
2035
+ rowGap?: BasicHtmlElementStyleProps["gap"];
2036
+ /**@default "onSurface[0.25]" */
2037
+ separatorColor?: BasicColor$1;
2038
+ /**@default "lg" */
2039
+ columnGap?: BasicHtmlElementStyleProps["gap"];
2040
+ textAlign?: "left" | "center" | "right";
2041
+ /**@default "sm" */
2042
+ padding?: BasicHtmlElementStyleProps["padding"];
2043
+ corners?: BasicDivProps["corners"];
2044
+ spill?: BasicDivProps["spill"];
2045
+ fontSize?: BasicDivProps["fontSize"];
2046
+ fontWeight?: BasicDivProps["fontWeight"];
2047
+ defaultSelectedRows?: number[];
2048
+ selectedRows?: number[];
2049
+ onSelectedRowsChange?: (selectedRows: number[]) => void;
2050
+ slotProps?: Partial<{
2051
+ selectColumn?: Partial<{
2052
+ separatorColor: BasicColor$1;
2053
+ disableSeparator: boolean;
2054
+ }>;
2055
+ }>;
2056
+ };
2057
+ declare function Root$1<T extends string>(props: BasicTableProps.RootProps<T>): react_jsx_runtime.JSX.Element;
2058
+ declare function Header(props: BasicTableProps.HeaderProps): react_jsx_runtime.JSX.Element;
2059
+ declare function Body(props: BasicTableProps.BodyProps): react_jsx_runtime.JSX.Element;
2060
+ declare const BasicTable: {
2061
+ Root: typeof Root$1;
2062
+ Header: typeof Header;
2063
+ Body: typeof Body;
2064
+ };
2065
+ declare namespace BasicTableProps {
2066
+ interface RootProps<T extends string> extends RootStyles, Partial<Record<"width" | "height" | `${"min" | "max"}${"Height" | "Width"}`, BasicHtmlElementStyleProps["width"]>> {
2067
+ selectable?: boolean;
2068
+ columns: (T | TableColumnConfig<T>)[];
2069
+ backgroundColor?: BasicColor$1;
2070
+ color?: BasicColor$1;
2071
+ entries: {
2072
+ [Key in T]?: React__default.ReactElement | string;
2073
+ }[];
2074
+ /**Applies a columnWeight to columns where: <"column">.weight === undefined
2075
+ * @default "1fr"
2076
+ */
2077
+ columnWeight?: TableColumnConfig["weight"];
2078
+ children: [JSX$1.Element, JSX$1.Element];
2079
+ }
2080
+ interface HeaderProps {
2081
+ /**@default "left" */
2082
+ textAlign?: "left" | "center" | "right";
2083
+ /**@default "onSurface[0.1]" */
2084
+ separatorColor?: BasicColor$1 | 0 | "none";
2085
+ /**@default "camelToLetter" */
2086
+ formatColumnName?: "camelToLetter" | ((name: string) => string);
2087
+ color?: BasicColor$1;
2088
+ backgroundColor?: BasicColor$1;
2089
+ borderColor?: BasicDivProps["borderColor"];
2090
+ fontSize?: BasicDivProps["fontSize"];
2091
+ fontWeight?: BasicDivProps["fontWeight"];
2092
+ padding?: BasicDivProps["padding"];
2093
+ corners?: BasicDivProps["corners"];
2094
+ }
2095
+ interface BodyProps {
2096
+ /**@default [RootProps.rowGap, "top"] */
2097
+ padding?: BasicDivProps["padding"];
2098
+ color?: BasicColor$1;
2099
+ fontSize?: BasicDivProps["fontSize"];
2100
+ }
2101
+ }
2102
+
2103
+ declare enum Size {
2104
+ "2xl" = "2rem",
2105
+ xl = "1.75rem",
2106
+ lg = "1.5rem",
2107
+ md = "1.25rem",
2108
+ sm = "1rem",
2109
+ xs = ".85rem",
2110
+ "2xs" = ".5rem"
2111
+ }
2112
+ interface BasicIndicatorProps {
2113
+ content?: number | string;
2114
+ /**
2115
+ * @default "orange"
2116
+ */
2117
+ backgroundColor?: BasicColor$1;
2118
+ /**
2119
+ * @default "white"
2120
+ */
2121
+ color?: BasicColor$1;
2122
+ /**
2123
+ * @default "sm"
2124
+ */
2125
+ size?: keyof typeof Size;
2126
+ /**
2127
+ * @default "xxs"
2128
+ */
2129
+ fontSize?: BasicDivProps["fontSize"];
2130
+ /**
2131
+ * @default "xs"
2132
+ */
2133
+ padding?: BasicDivProps["padding"];
2134
+ hide?: boolean;
2135
+ }
2136
+ declare function BasicIndicator(props: BasicIndicatorProps): react_jsx_runtime.JSX.Element;
2137
+
2138
+ interface BasicItemInfoProps {
2139
+ item: {
2140
+ title: string;
2141
+ description?: string;
2142
+ icon?: IconType;
2143
+ };
2144
+ info: string | object | (() => string | object);
2145
+ }
2146
+ declare function BasicItemInfo(props: BasicItemInfoProps): react_jsx_runtime.JSX.Element;
2147
+
2148
+ type BasicMenuPlacement = MenuRootProps["positioning"]["placement"];
2149
+ interface BasicMenuProps<Item extends string> extends Partial<Record<`${"max" | "min"}${"Height" | "Width"}` | "height" | "width", HtmlElementDim | 0>> {
2150
+ inDialog?: boolean;
2151
+ /**
2152
+ * @default "right-start"
2153
+ */
2154
+ placement?: BasicMenuPlacement;
2155
+ /**
2156
+ * @default "onSurface"
2157
+ */
2158
+ color?: BasicColor$1;
2159
+ /**
2160
+ * @default "surface"
2161
+ */
2162
+ backgroundColor?: BasicColor$1;
2163
+ wrapTrigger?: boolean;
2164
+ children: JSX.Element;
2165
+ gutter?: number;
2166
+ items: MenuItems<Item>;
2167
+ /**@default "xs" */
2168
+ gap?: BasicDivProps["gap"];
2169
+ onItemClick?: (item: Item) => void;
2170
+ slotProps?: Partial<{
2171
+ divWrapper: React__default.DetailedHTMLProps<React__default.HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
2172
+ }>;
2173
+ }
2174
+ declare function BasicMenu<Item extends string>(props: BasicMenuProps<Item>): react_jsx_runtime.JSX.Element;
2175
+ type MenuItems<Key extends string = string> = Record<Key, ({
2176
+ leadingEl?: JSX.Element;
2177
+ trailingEl?: JSX.Element | {
2178
+ command: string;
2179
+ };
2180
+ sx?: Partial<Record<`:${"hover" | "active"}`, Partial<Record<"backgroundColor" | "color", BasicColor$1>>>>;
2181
+ onClick?: (item: string) => void;
2182
+ backgroundColor?: BasicColor$1;
2183
+ color?: BasicColor$1;
2184
+ subMenu?: never;
2185
+ } | {
2186
+ leadingEl?: never;
2187
+ trailingEl?: never;
2188
+ sx?: never;
2189
+ onClick?: never;
2190
+ backgroundColor?: never;
2191
+ color?: never;
2192
+ subMenu: MenuItems;
2193
+ }) & {
2194
+ disabled?: boolean;
2195
+ }>;
2196
+
2197
+ declare function usePageSliderController<T = void>(defaultPage?: number): UsePageSliderControllerReturn<T>;
2198
+ type UsePageSliderControllerReturn<T = void> = {
2199
+ defaultPage: number;
2200
+ goTo: (pageIndex: number, options?: Partial<{
2201
+ /**@default false */
2202
+ ignoreOutOfBoundsCheck: boolean;
2203
+ /**@default "smooth" */
2204
+ transition: "instant" | "smooth";
2205
+ /**The duration of a `smooth` transition in milliseconds.
2206
+ * @default 200 */
2207
+ transitionDuration: number;
2208
+ }>) => void;
2209
+ echo: (message?: string) => T;
2210
+ getActivePage: () => number;
2211
+ isPageActive: (pageIndex: number) => boolean;
2212
+ onPageChange: (callback: (from: number, to: number) => void) => void;
2213
+ };
2214
+
2215
+ interface PageSliderProps<T> {
2216
+ controller?: UsePageSliderControllerReturn<T>;
2217
+ spill?: BasicDivProps["spill"];
2218
+ /**@default "md" */
2219
+ gap?: BasicDivProps["gap"];
2220
+ height?: BasicDivProps["height"];
2221
+ /**@default "100%" */
2222
+ width?: BasicDivProps["width"];
2223
+ children: ((props: {
2224
+ isActive: boolean;
2225
+ }) => React__default.ReactElement)[] | React__default.ReactElement[];
2226
+ navSize?: BasicDivProps["size"];
2227
+ navBorderColor?: BasicColor$1;
2228
+ navIconSize?: `${number}${"rem" | "px" | "em"}`;
2229
+ /**@default "md" */
2230
+ navPadding?: BasicDivProps["padding"];
2231
+ /**@default "surface" */
2232
+ navIconColor?: BasicColor$1;
2233
+ /**@default "onSurface" */
2234
+ navBackgroundColor?: BasicColor$1;
2235
+ /**@default "circle" */
2236
+ navCorners?: BasicDivProps["corners"];
2237
+ /**@default 1 */
2238
+ childFlexGrow?: number;
2239
+ onEcho?: (message?: string) => T;
2240
+ /**The callback fired when the transition to the selected page has either `started` or `ended` */
2241
+ onTransition?: (event: "start" | "end") => void;
2242
+ /**Using from and to can be useful for "big" page jumps.
2243
+ *i.e: `0 -> 4 | 5 -> 2 | 4 -> 10`
2244
+ */
2245
+ onChange?: (from: number, to: number) => void;
2246
+ }
2247
+ declare function PageSlider<T>(props: PageSliderProps<T>): react_jsx_runtime.JSX.Element;
2248
+
2249
+ interface BasicSegmentedControlsProps<ControlType extends string> {
2250
+ controls: ControlType[] | {
2251
+ value: ControlType;
2252
+ icon: IconType;
2253
+ }[];
2254
+ defaultValue?: ControlType;
2255
+ value?: ControlType;
2256
+ width?: SegmentGroupRootProps["width"];
2257
+ size?: SegmentGroupRootProps["size"];
2258
+ borderColor?: BasicColor$1 | 0;
2259
+ onChange?: (control: ControlType) => void;
2260
+ }
2261
+ declare function BasicSegmentedControls<ControlType extends string>(props: BasicSegmentedControlsProps<ControlType>): react_jsx_runtime.JSX.Element;
2262
+
2263
+ type BaseProps$1 = {
2264
+ size?: SeparatorProps["size"];
2265
+ color?: BasicColor$1;
2266
+ variant?: SeparatorProps["variant"];
2267
+ orientation?: SeparatorProps["orientation"];
2268
+ };
2269
+ type OptionalProps$1 = {
2270
+ label: string;
2271
+ labelPosition: "left" | "center" | "right";
2272
+ labelColor?: BasicColor$1;
2273
+ } | {
2274
+ label?: never;
2275
+ labelPosition?: never;
2276
+ labelColor?: never;
2277
+ };
2278
+ declare function BasicSeparator(props: BaseProps$1 & OptionalProps$1): react_jsx_runtime.JSX.Element;
2279
+
2280
+ interface BasicStatusProps {
2281
+ status: TaskResultStatus;
2282
+ indicatorSize?: HtmlElementDim;
2283
+ indicatorOnly?: boolean;
2284
+ }
2285
+ declare function BasicStatus(props: BasicStatusProps): react_jsx_runtime.JSX.Element;
2286
+
2287
+ interface BasicStepperProps extends StepsVariant {
2288
+ steps: {
2289
+ title: string;
2290
+ description: React__default.ReactNode | (() => React__default.ReactNode);
2291
+ icon?: IconType;
2292
+ }[];
2293
+ showBg?: boolean;
2294
+ defaultStep?: number;
2295
+ completedel?: JSX.Element | "none";
2296
+ colorScheme?: Steps.RootProps["colorPalette"];
2297
+ indent?: Steps.RootProps["paddingLeft"] | boolean;
2298
+ nested?: boolean;
2299
+ value?: Steps.RootProviderProps["value"];
2300
+ footer?: (props: {
2301
+ PrevTrigger: (props: {
2302
+ children: JSX.Element;
2303
+ }) => JSX.Element;
2304
+ NextTrigger: (props: {
2305
+ children: JSX.Element;
2306
+ }) => JSX.Element;
2307
+ }) => JSX.Element;
2308
+ }
2309
+ declare function BasicStepper(props: BasicStepperProps): react_jsx_runtime.JSX.Element;
2310
+
2311
+ interface BasicTagProps {
2312
+ label: string;
2313
+ opacity?: number;
2314
+ labelOpacity?: number;
2315
+ color?: BasicColor$1;
2316
+ }
2317
+ declare function BasicTag(props: BasicTagProps): react_jsx_runtime.JSX.Element;
2318
+
2319
+ interface RootProps {
2320
+ /**@default "fit-content" */
2321
+ width?: BasicHtmlElementStyleProps["width"];
2322
+ /**@default "onSurface[0.5]" */
2323
+ lineSeparatorColor?: BasicColor$1;
2324
+ rowGap?: string;
2325
+ /**@default ".5rem" */
2326
+ columnGap?: string;
2327
+ children: JSX.Element | JSX.Element[];
2328
+ }
2329
+ declare function Root(props: RootProps): react_jsx_runtime.JSX.Element;
2330
+ interface ItemProps {
2331
+ indicator?: React.ReactNode;
2332
+ /**The node that should be placed `before` (to the left of) the separator */
2333
+ before?: React.ReactNode;
2334
+ /**The node that should be placed `after` (to the right of) the separator */
2335
+ after?: React.ReactNode;
2336
+ disabled?: boolean;
2337
+ styles?: Partial<Record<"before" | "after", BasicHtmlElementStyleProps> & {
2338
+ indicator: Partial<BasicHtmlElementStyleProps & {
2339
+ /**@default ".6rem" */
2340
+ size: BasicHtmlElementStyleProps["size"];
2341
+ /**@default "circle" */
2342
+ corners: BasicHtmlElementStyleProps["corners"];
2343
+ /**@default "onSurface" */
2344
+ backgroundColor: BasicColor$1;
2345
+ }>;
2346
+ }>;
2347
+ }
2348
+ declare function Item(props: ItemProps): react_jsx_runtime.JSX.Element;
2349
+ declare const BasicTimeline: {
2350
+ Root: typeof Root;
2351
+ Item: typeof Item;
2352
+ };
2353
+
2354
+ interface TooltipProps extends Tooltip.RootProps {
2355
+ showArrow?: boolean;
2356
+ portalled?: boolean;
2357
+ portalRef?: React$1.RefObject<HTMLElement | null>;
2358
+ content: React$1.ReactNode;
2359
+ contentProps?: Tooltip.ContentProps;
2360
+ disabled?: boolean;
2361
+ }
2362
+
2363
+ type BasicTooltipPlacement = TooltipProps["positioning"]["placement"];
2364
+ interface BasicTooltipProps {
2365
+ asChild?: boolean;
2366
+ children: JSX.Element;
2367
+ tooltip: React__default.ReactNode;
2368
+ arrow?: boolean;
2369
+ placement?: BasicTooltipPlacement;
2370
+ backgroundColor?: BasicColor$1;
2371
+ color?: BasicColor$1;
2372
+ corners?: BasicDivProps["corners"];
2373
+ padding?: BasicDivProps["padding"];
2374
+ delay?: Partial<{
2375
+ open: number;
2376
+ close: number;
2377
+ }>;
2378
+ wrapChildren?: boolean;
2379
+ slotProps?: Partial<{
2380
+ spanWrapper: Partial<BasicDivProps>;
2381
+ }>;
2382
+ }
2383
+ declare function BasicTooltip(props: BasicTooltipProps): react_jsx_runtime.JSX.Element;
2384
+
2385
+ interface BasicSelectProps<T> extends SafeOmit<BasicPopoverProps, "displayAction" | "content" | "placement" | "allowInteractions"> {
2386
+ isSelected?: (option: BasicSelectProps<T>["options"][number]) => boolean;
2387
+ options: {
2388
+ value: T;
2389
+ disabled?: boolean;
2390
+ onClick?: () => void;
2391
+ }[];
2392
+ /**@default "md" */
2393
+ corners?: BasicDivProps["corners"];
2394
+ /**@default "md" */
2395
+ padding?: BasicDivProps["padding"];
2396
+ /**@default "sm" */
2397
+ gap?: BasicDivProps["gap"];
2398
+ onOptionClick?: (option: BasicSelectProps<T>["options"][number], index: number, options: BasicSelectProps<T>["options"]) => void;
2399
+ }
2400
+ declare function BasicSelect<T extends string | number>(props: BasicSelectProps<T>): react_jsx_runtime.JSX.Element;
2401
+
2402
+ interface BasicOptionProps {
2403
+ value: string | number;
2404
+ selected?: boolean;
2405
+ /**@default "full" */
2406
+ width?: BasicDivProps["width"];
2407
+ /**@default "sm" */
2408
+ padding?: BasicDivProps["padding"];
2409
+ /**@default "md" */
2410
+ corners?: BasicDivProps["corners"];
2411
+ /**@default "sm" */
2412
+ fontSize?: BasicSpanProps["fontSize"];
2413
+ color?: BasicColor$1;
2414
+ disabled?: boolean;
2415
+ backgroundColor?: BasicColor$1;
2416
+ sx?: InlineCss;
2417
+ scrollIntoView?: boolean;
2418
+ onClick?: () => void;
2419
+ }
2420
+ declare function BasicOption(props: BasicOptionProps): react_jsx_runtime.JSX.Element;
2421
+
2422
+ interface PaperProps {
2423
+ size: "A4" | "A6";
2424
+ /** Allows the paper's dimensions to be adaptable to different container sizes.
2425
+ * @default true */
2426
+ responsive?: boolean;
2427
+ children: JSX.Element | JSX.Element[];
2428
+ style?: CSS.Properties;
2429
+ id?: string;
2430
+ }
2431
+ declare function Paper(props: PaperProps): react_jsx_runtime.JSX.Element;
2432
+
2433
+ type ContextType = Prettify<Partial<Record<`onAttachment${"Added" | "Deleted"}`, (attachement: Attachment) => void>> & Partial<Record<`${"delete" | "open"}Disabled`, boolean | ((attachment: Attachment) => boolean)>> & {
2434
+ attachments: Email["attachments"];
2435
+ onOpenAttachment?: (attachment: Attachment) => void;
2436
+ attachmentsEventListener?: (event: "open" | "delete" | "add", attachement: Attachment) => void;
2437
+ uploadDisabled?: boolean;
2438
+ hideDeleteButton?: boolean;
2439
+ hideOpenAttachmentButton?: boolean;
2440
+ hideUploadButton?: boolean;
2441
+ getFilePath?: (file: File) => string;
2442
+ accepts?: KnownFileTypeAlias | KnownFileTypeAlias[];
2443
+ }>;
2444
+ interface AttachmentsDialogProps extends ContextType {
2445
+ readOnly?: boolean;
2446
+ triggerElement?: JSX$1.Element;
2447
+ unmountOnExit?: boolean;
2448
+ rerenderOnClose?: boolean;
2449
+ controller?: UseDialogControllerReturn;
2450
+ onAttachmentsChange?: (attachments: Email["attachments"]) => void;
2451
+ onClose?: () => void;
2452
+ }
2453
+ declare function AttachmentsDialog(props: AttachmentsDialogProps): react_jsx_runtime.JSX.Element;
2454
+ type Attachment = Email["attachments"][number];
2455
+ declare function Attachment(props: {
2456
+ value: Attachment;
2457
+ scrollIntoView: boolean;
2458
+ disableDelete?: boolean;
2459
+ disableOpen?: boolean;
2460
+ hideDeleteButton?: boolean;
2461
+ hideOpenAttachmentButton?: boolean;
2462
+ onDelete?: (attachment: Attachment) => void;
2463
+ onOpen?: (attachement: Attachment) => void;
2464
+ }): react_jsx_runtime.JSX.Element;
2465
+
2466
+ interface AttachmentsButtonProps {
2467
+ iconOnly?: boolean;
2468
+ corners?: BasicDivProps["corners"];
2469
+ attachments?: number | Email["attachments"];
2470
+ slotProps?: Partial<{
2471
+ attachmentsDialog: SafeOmit<ContextType, "attachments"> & {
2472
+ unmountOnExit?: boolean;
2473
+ };
2474
+ }>;
2475
+ onClick?: () => void;
2476
+ }
2477
+ declare function AttachmentsButton(props: AttachmentsButtonProps): react_jsx_runtime.JSX.Element;
2478
+
2479
+ declare const CancelButton: (props: Omit<BasicButtonProps, "text" | "leadingEl" | "trailingEl">) => react_jsx_runtime.JSX.Element;
2480
+
2481
+ interface DeleteButtonProps {
2482
+ disabled?: boolean;
2483
+ iconOnly?: boolean;
2484
+ /**
2485
+ * @default "outlined"
2486
+ */
2487
+ iconVariant?: "filled" | "outlined";
2488
+ /**
2489
+ * @default "delete"
2490
+ */
2491
+ backgroundColor?: BasicColor$1;
2492
+ /**
2493
+ * @default "white"
2494
+ */
2495
+ color?: BasicColor$1;
2496
+ corners?: BasicButtonProps["corners"];
2497
+ iconSize?: BasicButtonProps["iconSize"];
2498
+ fontSize?: BasicButtonProps["fontSize"];
2499
+ size?: BasicButtonProps["size"];
2500
+ gap?: BasicButtonProps["gap"];
2501
+ onClick?: () => void;
2502
+ }
2503
+ declare function DeleteButton(props: DeleteButtonProps): react_jsx_runtime.JSX.Element;
2504
+
2505
+ interface EditButtonProps extends SafeOmit<BasicButtonProps, "text" | "leadingEl" | "trailingEl" | "children"> {
2506
+ iconOnly?: boolean;
2507
+ /**@default "transparent" */
2508
+ backgroundColor?: BasicColor$1;
2509
+ /**@default "onSurface[0.25]"*/
2510
+ borderColor?: BasicColor$1;
2511
+ /**@default "onSurface" */
2512
+ color?: BasicColor$1;
2513
+ /**@default "sm" */
2514
+ corners?: BasicButtonProps["corners"];
2515
+ }
2516
+ declare function EditButton(props: EditButtonProps): react_jsx_runtime.JSX.Element;
2517
+
2518
+ interface ExpandableButtonProps {
2519
+ initialState?: "expanded" | "contracted";
2520
+ icon?: "arrow" | "chevron";
2521
+ onExpand: () => void;
2522
+ onContract: () => void;
2523
+ }
2524
+ declare function ExpandableButton(props: ExpandableButtonProps): react_jsx_runtime.JSX.Element;
2525
+
2526
+ interface NextButtonProps {
2527
+ disabled?: boolean;
2528
+ onClick?: () => void;
2529
+ }
2530
+ declare function NextButton(props: NextButtonProps): react_jsx_runtime.JSX.Element;
2531
+
2532
+ interface OpenButtonProps {
2533
+ iconOnly?: boolean;
2534
+ size?: BasicButtonProps["size"];
2535
+ iconSize?: BasicButtonProps["iconSize"];
2536
+ fontSize?: BasicButtonProps["fontSize"];
2537
+ backgroundColor?: BasicColor$1;
2538
+ corners?: BasicButtonProps["corners"];
2539
+ color?: BasicColor$1;
2540
+ borderColor?: BasicColor$1;
2541
+ disabled?: boolean;
2542
+ onClick?: () => void;
2543
+ }
2544
+ declare function OpenButton(props: OpenButtonProps): react_jsx_runtime.JSX.Element;
2545
+
2546
+ interface OptionsButtonProps {
2547
+ disabled?: boolean;
2548
+ iconOnly?: boolean;
2549
+ /**
2550
+ * @default "md"
2551
+ */
2552
+ size?: BasicButtonProps["size"];
2553
+ iconSize?: BasicButtonProps["iconSize"];
2554
+ /**
2555
+ * @default "onSurface[0.1]"
2556
+ */
2557
+ borderColor?: BasicColor$1;
2558
+ /**
2559
+ * @default "transparent"
2560
+ */
2561
+ backgroundColor?: BasicColor$1;
2562
+ /**
2563
+ * @default "onSurface"
2564
+ */
2565
+ color?: BasicColor$1;
2566
+ onClick?: () => void;
2567
+ }
2568
+ declare function OptionsButton(props: OptionsButtonProps): react_jsx_runtime.JSX.Element;
2569
+
2570
+ interface PaymentOptionsButtonProps {
2571
+ disabled?: boolean;
2572
+ /**
2573
+ * @default "blue"
2574
+ */
2575
+ backgroundColor?: BasicColor$1;
2576
+ /**
2577
+ * @default "white"
2578
+ */
2579
+ color?: BasicColor$1;
2580
+ /**
2581
+ * @default "xs"
2582
+ */
2583
+ fontSize?: BasicDivProps["fontSize"];
2584
+ /**
2585
+ * @default "sm"
2586
+ */
2587
+ iconSize?: BasicButtonProps["iconSize"];
2588
+ /**
2589
+ * @default "full"
2590
+ */
2591
+ width?: BasicButtonProps["width"];
2592
+ options?: ReturnType<typeof definePaymentOption>[];
2593
+ onClick?: () => void;
2594
+ }
2595
+ declare function PaymentOptionsButton(props: PaymentOptionsButtonProps): react_jsx_runtime.JSX.Element;
2596
+
2597
+ interface PreviousButtonProps {
2598
+ disabled?: boolean;
2599
+ onClick?: () => void;
2600
+ }
2601
+ declare function PreviousButton(props: PreviousButtonProps): react_jsx_runtime.JSX.Element;
2602
+
2603
+ declare const SaveButton: (props: Omit<BasicButtonProps, "text" | "async">) => react_jsx_runtime.JSX.Element;
2604
+
2605
+ interface SendButtonProps {
2606
+ iconOnly?: boolean;
2607
+ disabled?: boolean;
2608
+ size?: BasicButtonProps["size"];
2609
+ onClick?: () => void | Promise<void>;
2610
+ }
2611
+ declare function SendButton(props: SendButtonProps): react_jsx_runtime.JSX.Element;
2612
+
2613
+ interface SubmitButtonProps {
2614
+ disabled?: boolean;
2615
+ class?: string;
2616
+ onClick?: () => Promise<void>;
2617
+ }
2618
+ declare function SubmitButton(props: SubmitButtonProps): react_jsx_runtime.JSX.Element;
2619
+
2620
+ interface VerifyButtonProps {
2621
+ onClick?: () => void;
2622
+ }
2623
+ declare function VerifyButton(props: VerifyButtonProps): react_jsx_runtime.JSX.Element;
2624
+
2625
+ interface MoneyDisplayCardProps {
2626
+ label?: string;
2627
+ truncateFee?: boolean | ((fee: number) => boolean);
2628
+ amount: number;
2629
+ /**
2630
+ * @default "JMD"
2631
+ */
2632
+ currency?: "JMD" | "USD" | "EUR";
2633
+ width?: BasicDivProps["width"];
2634
+ /**
2635
+ * @default "onSurface"
2636
+ */
2637
+ backgroundColor?: BasicColor$1;
2638
+ /**
2639
+ * @default "surface"
2640
+ */
2641
+ color?: BasicColor$1;
2642
+ /**
2643
+ * @default "surface[0.25]"
2644
+ */
2645
+ wireColor?: BasicColor$1;
2646
+ /**
2647
+ * @default "lg"
2648
+ */
2649
+ corners?: BasicDivProps["corners"];
2650
+ /**
2651
+ * @default "md"
2652
+ */
2653
+ gap?: BasicDivProps["gap"];
2654
+ slotProps?: Partial<Record<"label" | "fee" | "currency", Partial<{
2655
+ fontSize: BasicDivProps["fontSize"];
2656
+ }>>>;
2657
+ children?: JSX.Element | JSX.Element[];
2658
+ }
2659
+ declare function MoneyDisplayCard(props: MoneyDisplayCardProps): react_jsx_runtime.JSX.Element;
2660
+
2661
+ interface ReceiptCardProps extends Partial<Record<"width" | `${"max" | "min"}Width`, BasicDivProps["width"]>> {
2662
+ receiptPath?: string;
2663
+ receiptName?: string;
2664
+ backgroundColor?: BasicColor$1;
2665
+ color?: BasicColor$1;
2666
+ corners?: BasicDivProps["corners"];
2667
+ hideDeleteButton?: boolean;
2668
+ indicatorBackgroundColor?: BasicColor$1;
2669
+ deleteButtonSize?: BasicButtonProps["iconSize"];
2670
+ /**
2671
+ * @default "outlined"
2672
+ */
2673
+ deleteIconVariant?: "filled" | "outlined";
2674
+ onDeleteClick?: () => void;
2675
+ }
2676
+ declare function ReceiptCard(props: ReceiptCardProps): react_jsx_runtime.JSX.Element;
2677
+
2678
+ type DateType = number | Date | (string & {});
2679
+ interface CalendarProps {
2680
+ /**@default "Jan 1, 1920"*/
2681
+ minDate?: DateType | "today";
2682
+ /**@default "end-of-year" */
2683
+ maxDate?: DateType | "today" | "end-of-year";
2684
+ /**@default "after" */
2685
+ navLayout?: "after" | "around";
2686
+ formId?: string;
2687
+ selectedDate?: Date;
2688
+ allowSameDay?: boolean;
2689
+ required?: boolean;
2690
+ excludedDates?: Date[];
2691
+ onDateSelected?: (date: Date) => void;
2692
+ onClose?: () => void;
2693
+ }
2694
+ declare function Calendar(props: CalendarProps): react_jsx_runtime.JSX.Element;
2695
+ declare const _default: React$1.MemoExoticComponent<typeof Calendar>;
2696
+
2697
+ interface CalendarDialogProps extends CalendarProps {
2698
+ title?: string;
2699
+ titleFontSize?: BasicSpanProps["fontSize"];
2700
+ controller?: UseDialogControllerReturn;
2701
+ triggerElement?: JSX.Element;
2702
+ /**@default "onSurface[0.1]" */
2703
+ backgroundColor?: BasicColor$1;
2704
+ /**@default ".5rem" */
2705
+ backdropBlur?: string;
2706
+ /**@default "xs" */
2707
+ actionButtonSize?: BasicButtonProps["size"];
2708
+ onDoneClick?: (date: Date) => void;
2709
+ onOpenChange?: (isOpen: boolean) => void;
2710
+ }
2711
+ declare function CalendarDialog(props: CalendarDialogProps): react_jsx_runtime.JSX.Element;
2712
+
2713
+ interface PaymentOptionsDialogProps<Variables extends Record<string, any>> {
2714
+ triggerElement?: JSX.Element;
2715
+ controller?: UseDialogControllerReturn;
2716
+ options: {
2717
+ icon: IconType;
2718
+ label: string;
2719
+ description?: string;
2720
+ variables?: Variables;
2721
+ disabled?: boolean;
2722
+ onClick?: (variables: Variables) => void;
2723
+ dropDownContent?: string | Record<string, string>;
2724
+ "pre-element"?: (variables: Variables) => JSX.Element;
2725
+ "post-element"?: (variables: Variables) => JSX.Element;
2726
+ }[];
2727
+ }
2728
+ declare function PaymentOptionsDialog(props: PaymentOptionsDialogProps<{}>): react_jsx_runtime.JSX.Element;
2729
+ declare const definePaymentOption: <Variables extends Record<string, any>>(options: PaymentOptionsDialogProps<Variables>["options"][number]) => PaymentOptionsDialogProps<Variables>["options"][number];
2730
+ declare const bankTransferPaymentOption: (bankAccount: {
2731
+ accountName: string;
2732
+ bank: string;
2733
+ accountType: "Savings" | "Chequing";
2734
+ accountNo: number;
2735
+ transitNo: number;
2736
+ branch: string;
2737
+ transferCurrency: "JMD";
2738
+ }) => {
2739
+ icon: IconType;
2740
+ label: string;
2741
+ description?: string;
2742
+ variables?: Record<string, any>;
2743
+ disabled?: boolean;
2744
+ onClick?: (variables: Record<string, any>) => void;
2745
+ dropDownContent?: string | Record<string, string>;
2746
+ "pre-element"?: (variables: Record<string, any>) => JSX.Element;
2747
+ "post-element"?: (variables: Record<string, any>) => JSX.Element;
2748
+ };
2749
+ declare const inAppPaymentOption: () => {
2750
+ icon: IconType;
2751
+ label: string;
2752
+ description?: string;
2753
+ variables?: {};
2754
+ disabled?: boolean;
2755
+ onClick?: (variables: {}) => void;
2756
+ dropDownContent?: string | Record<string, string>;
2757
+ "pre-element"?: (variables: {}) => JSX.Element;
2758
+ "post-element"?: (variables: {}) => JSX.Element;
2759
+ };
2760
+
2761
+ interface TaskResultDialogProps {
2762
+ controller: UseDialogControllerReturn<TaskResult<SuccessMessage>>;
2763
+ unmountOnExit?: boolean;
2764
+ disableColorIndicator?: boolean;
2765
+ /**
2766
+ * @default "normal"
2767
+ */
2768
+ indicator?: ((status: "success" | "error") => IconType) | "normal" | "mail";
2769
+ actionButton?: (status: "succes" | "error") => ActionButtonProps | undefined;
2770
+ }
2771
+ declare function TaskResultDialog(props: TaskResultDialogProps): react_jsx_runtime.JSX.Element;
2772
+ declare namespace TaskResultDialog {
2773
+ var tryAgainButton: (options: {
2774
+ disabled?: boolean;
2775
+ onClick: () => void;
2776
+ }) => ActionButtonProps;
2777
+ var retryButton: (options: {
2778
+ disabled?: boolean;
2779
+ onClick: () => void;
2780
+ }) => ActionButtonProps;
2781
+ }
2782
+ interface ActionButtonProps {
2783
+ label: string;
2784
+ disabled?: boolean;
2785
+ leadingIcon?: IconType;
2786
+ trailingIcon?: IconType;
2787
+ async?: boolean;
2788
+ onClick?: () => void;
2789
+ }
2790
+
2791
+ type SendReturnType = void | Promise<void> | Promise<TaskResult> | Promise<TaskResult<SuccessMessage>>;
2792
+ interface EmailComposerProps<Return extends SendReturnType> {
2793
+ /**
2794
+ * @default "15rem"
2795
+ */
2796
+ height?: BasicDivProps["height"];
2797
+ /**
2798
+ * @default "22rem"
2799
+ */
2800
+ width?: BasicDivProps["width"];
2801
+ readOnly?: boolean;
2802
+ recipients?: string[];
2803
+ subject?: string;
2804
+ body?: string;
2805
+ attachments?: Email["attachments"];
2806
+ bodyToHtml?: (body: string) => string;
2807
+ disableSend?: Return extends Promise<TaskResult> | Promise<TaskResult<SuccessMessage>> ? boolean | ((result: Awaited<Return>) => boolean) : boolean;
2808
+ onSendClick?: (email: Email) => Return;
2809
+ slotProps?: Partial<{
2810
+ taskResultDialog: Partial<{
2811
+ disableColorIndicator: boolean;
2812
+ }>;
2813
+ attachmentsDialog: SafeOmit<ContextType, "attachments">;
2814
+ }>;
2815
+ }
2816
+ declare function EmailComposer<Return extends SendReturnType>(props: EmailComposerProps<Return>): react_jsx_runtime.JSX.Element;
2817
+
2818
+ type BaseProps = {
2819
+ icon?: IconType;
2820
+ question: string;
2821
+ };
2822
+ type OptionalProps = {
2823
+ onNoClick: () => void;
2824
+ onYesClick: () => void;
2825
+ onOptionClick?: never;
2826
+ } | {
2827
+ onNoClick?: never;
2828
+ onYesClick?: never;
2829
+ onOptionClick: (option: "yes" | "no") => void;
2830
+ };
2831
+ declare function YesOrNoForm(props: BaseProps & OptionalProps): react_jsx_runtime.JSX.Element;
2832
+
2833
+ interface JsonViewerProps {
2834
+ fullSize?: boolean;
2835
+ height?: BasicDivProps["height"];
2836
+ width?: BasicDivProps["width"];
2837
+ json: string | undefined;
2838
+ }
2839
+ declare function JsonViewer(props: JsonViewerProps): react_jsx_runtime.JSX.Element;
2840
+
2841
+ interface PictureUploaderProps {
2842
+ fallback?: IconType;
2843
+ defaultPicture?: LocalFile | SanitizeFile<LocalFile>;
2844
+ label?: string;
2845
+ columnGap?: BasicDivProps["gap"];
2846
+ rowGap?: BasicDivProps["gap"];
2847
+ slotProps?: Partial<{
2848
+ label: Partial<{
2849
+ fontSize: BasicDivProps["fontSize"];
2850
+ fontWeight: BasicDivProps["fontWeight"];
2851
+ fade: BasicDivProps["fade"];
2852
+ }>;
2853
+ }>;
2854
+ getFilePath?: (file: File) => string;
2855
+ onChange?: (picture: LocalFile) => void;
2856
+ }
2857
+ declare function PictureUploader(props: PictureUploaderProps): react_jsx_runtime.JSX.Element;
2858
+
2859
+ interface SignInWidgetProps<Auth extends AuthProvider> {
2860
+ authProviders?: Auth[];
2861
+ glassy?: boolean;
2862
+ width?: BasicDivProps["width"];
2863
+ backgroundColor?: BasicColor$1;
2864
+ color?: BasicColor$1;
2865
+ header?: JSX.Element;
2866
+ zIndex?: number;
2867
+ onAuthProviderClick: (provider: Auth) => Promise<void>;
2868
+ }
2869
+ declare function SignInWidget<Provider extends AuthProvider = AuthProvider>(props: SignInWidgetProps<Provider>): react_jsx_runtime.JSX.Element;
2870
+
2871
+ interface TaskLoggerProps {
2872
+ defaultTasks?: TaskLog[];
2873
+ relatedTaskData: {
2874
+ title: string;
2875
+ description: string;
2876
+ content: object;
2877
+ }[];
2878
+ onSnapshot: (onChange: (...args: [logs: TaskLog[]] | [{
2879
+ logs: TaskLog[];
2880
+ }] | [log: TaskLog]) => void) => UnsubscribeFunction;
2881
+ }
2882
+ declare function TaskLogger(props: TaskLoggerProps): react_jsx_runtime.JSX.Element;
2883
+
2884
+ interface TerminalProps {
2885
+ initialMessage?: string;
2886
+ logs: TaskLog[];
2887
+ }
2888
+ declare function Terminal(props: TerminalProps): react_jsx_runtime.JSX.Element;
2889
+
2890
+ interface SearchTextFieldProps {
2891
+ disabled?: boolean;
2892
+ placeholder?: string;
2893
+ width?: BasicDivProps["width"];
2894
+ defaultValue?: string;
2895
+ value?: string;
2896
+ allowCopy?: boolean;
2897
+ allowPaste?: boolean;
2898
+ onEnterKeyPressed?: () => void;
2899
+ onChange?: (text: string) => void;
2900
+ }
2901
+ declare function SearchTextField(props: SearchTextFieldProps): react_jsx_runtime.JSX.Element;
2902
+
2903
+ declare function VerifyTextField(props: SafeOmit<TextFieldProps, "leadingAdornment" | "leadingContent" | "trailingAdornment" | "trailingContent"> & {
2904
+ defaultStatus?: TaskResultStatus;
2905
+ verifyError?: ErrorMessage;
2906
+ onVerifyClick: () => Promise<TaskResult>;
2907
+ }): react_jsx_runtime.JSX.Element;
2908
+
2909
+ declare function ErrorTooltip(props: SafeOmit<BasicTooltipProps, "tooltip"> & {
2910
+ error: ErrorMessage | undefined;
2911
+ }): react_jsx_runtime.JSX.Element;
2912
+
2913
+ interface UserProfileProps {
2914
+ user: {
2915
+ picture?: string;
2916
+ name: string;
2917
+ email: string;
2918
+ };
2919
+ }
2920
+ declare function UserProfile(props: UserProfileProps): react_jsx_runtime.JSX.Element;
2921
+
2922
+ declare const PasteButton: (props: {
2923
+ iconOnly?: boolean;
2924
+ borderColor?: BasicColor$1;
2925
+ backgroundColor?: BasicColor$1;
2926
+ color?: BasicColor$1;
2927
+ size?: BasicButtonProps["size"];
2928
+ iconSize?: BasicButtonProps["iconSize"];
2929
+ padding?: BasicButtonProps["padding"];
2930
+ fontSize?: BasicButtonProps["fontSize"];
2931
+ inputRef: React.RefObject<HTMLInputElement | null>;
2932
+ onClick?: (textToPaste: string) => void;
2933
+ }) => react_jsx_runtime.JSX.Element;
2934
+ declare const CopyButton: (props: {
2935
+ iconOnly?: boolean;
2936
+ borderColor?: BasicColor$1;
2937
+ backgroundColor?: BasicColor$1;
2938
+ color?: BasicColor$1;
2939
+ size?: BasicButtonProps["size"];
2940
+ iconSize?: BasicButtonProps["iconSize"];
2941
+ padding?: BasicButtonProps["padding"];
2942
+ fontSize?: BasicButtonProps["fontSize"];
2943
+ textToCopy: string | (() => string);
2944
+ inputRef?: never;
2945
+ onClick?: () => void;
2946
+ } | {
2947
+ iconOnly?: boolean;
2948
+ borderColor?: BasicColor$1;
2949
+ backgroundColor?: BasicColor$1;
2950
+ color?: BasicColor$1;
2951
+ size?: BasicButtonProps["size"];
2952
+ iconSize?: BasicButtonProps["iconSize"];
2953
+ padding?: BasicButtonProps["padding"];
2954
+ fontSize?: BasicButtonProps["fontSize"];
2955
+ textToCopy?: never;
2956
+ inputRef: React.RefObject<HTMLInputElement | null>;
2957
+ onClick?: () => void;
2958
+ }) => react_jsx_runtime.JSX.Element;
2959
+
2960
+ interface Props {
2961
+ size?: HtmlElementDim;
2962
+ disabled?: boolean;
2963
+ backgroundColor?: BasicColor$1;
2964
+ color?: BasicColor$1;
2965
+ iconSize?: HtmlElementDim;
2966
+ padding?: BasicDivProps["padding"];
2967
+ onClick?: () => void;
2968
+ }
2969
+ declare const PositiveButton: (props: Props) => react_jsx_runtime.JSX.Element;
2970
+ declare const NegativeButton: (props: Props) => react_jsx_runtime.JSX.Element;
2971
+
2972
+ interface BasicFileInputProps extends BasicHtmlElementStyleProps {
2973
+ allowDrop?: boolean;
2974
+ fileClass?: string;
2975
+ /**
2976
+ * @default 1
2977
+ */
2978
+ maxFiles?: number;
2979
+ /**
2980
+ * Sets the 'maxFiles' property to Infinity
2981
+ */
2982
+ multiple?: boolean;
2983
+ accepts?: KnownFileTypeAlias[] | KnownFileTypeAlias;
2984
+ children?: JSX.Element;
2985
+ disabled?: boolean;
2986
+ getFilePath?: (file: File) => string;
2987
+ onAccept?: (files: File[], localFiles: LocalFile[]) => void;
2988
+ onReject?: (files: File[], localFiles: LocalFile[]) => void;
2989
+ }
2990
+
2991
+ interface UploadFileButtonProps extends SafeOmit<BasicFileInputProps, "children" | keyof BasicHtmlElementStyleProps | "allowDrop"> {
2992
+ fileClass?: string;
2993
+ fontSize?: BasicDivProps["fontSize"];
2994
+ width?: BasicDivProps["width"];
2995
+ color?: BasicColor$1;
2996
+ borderColor?: BasicColor$1;
2997
+ backgroundColor?: BasicColor$1;
2998
+ hideFileClass?: boolean;
2999
+ debug?: boolean;
3000
+ iconSize?: BasicButtonProps["iconSize"];
3001
+ /**
3002
+ * @default "md"
3003
+ */
3004
+ corners?: BasicButtonProps["corners"];
3005
+ /**
3006
+ * @default "sm"
3007
+ */
3008
+ size?: BasicButtonProps["size"];
3009
+ }
3010
+ declare const UploadButton: (props: UploadFileButtonProps) => react_jsx_runtime.JSX.Element;
3011
+ declare const UploadReceiptButton: (props: SafeOmit<UploadFileButtonProps, "accepts" | "fileClass" | "hideFileClass">) => react_jsx_runtime.JSX.Element;
3012
+
3013
+ interface ButtonProps {
3014
+ onClick?: () => void;
3015
+ }
3016
+ declare const YesButton: (props: ButtonProps) => react_jsx_runtime.JSX.Element;
3017
+ declare const NoButton: (props: ButtonProps) => react_jsx_runtime.JSX.Element;
3018
+
3019
+ type JwtVerificationStatus = {
3020
+ verified: boolean;
3021
+ payload: string;
3022
+ error?: ErrorMessage;
3023
+ };
3024
+ interface JwtVerifierProps {
3025
+ hint?: string;
3026
+ defaulValue?: {
3027
+ token: string;
3028
+ status: JwtVerificationStatus;
3029
+ };
3030
+ onTokenChange?: (token: string) => void;
3031
+ onVerifyClick?: (token: string) => JwtVerificationStatus | Promise<JwtVerificationStatus>;
3032
+ }
3033
+ declare function JwtVerifier(props: JwtVerifierProps): react_jsx_runtime.JSX.Element;
3034
+
3035
+ interface YesNoButtonGroupProps {
3036
+ onYesClick: () => void;
3037
+ onNoClick: () => void;
3038
+ }
3039
+ declare function YesNoButtonGroup(props: YesNoButtonGroupProps): react_jsx_runtime.JSX.Element;
3040
+
3041
+ declare function getFileIcon(alias: LocalFile["typeAlias"]): {
3042
+ filled: IconType;
3043
+ outlined: IconType;
3044
+ };
3045
+
3046
+ declare function useAsyncEffect(asyncEffect: () => Promise<unknown>, deps: React.DependencyList): void;
3047
+
3048
+ /**
3049
+ * A `useEffect` hook that only calls the effect after the initial render. Essentially only when the deps change.
3050
+ * @param effect — Imperative function that can return a cleanup function
3051
+ * @param deps — If present, effect will only activate if the values in the list change.
3052
+ */
3053
+ declare function useChangeEffect(effect: React__default.EffectCallback, deps: React__default.DependencyList): void;
3054
+
3055
+ type DispatchOptions = Partial<{
3056
+ skipRender: boolean;
3057
+ }>;
3058
+ declare function useEventEmitter<T>(eventName: string): {
3059
+ data: T;
3060
+ emit: (data: T, options?: DispatchOptions) => void;
3061
+ addListener: (listener: (event: CustomEvent<T>) => void) => void;
3062
+ };
3063
+
3064
+ declare function useManagedRef<T extends NonFunction<unknown>>(initialValue: T): {
3065
+ debug: () => Record<"difference" | "from" | "to", T | T[]>;
3066
+ upsert: (value: T | ((value: T) => T)) => void;
3067
+ read: () => T;
3068
+ delete: () => void;
3069
+ };
3070
+
3071
+ declare function usePopoverContext(): {
3072
+ open: () => void;
3073
+ close: () => void;
3074
+ isOpen: () => boolean;
3075
+ };
3076
+
3077
+ declare function useRerender(): {
3078
+ triggerRerender: () => void;
3079
+ };
3080
+
3081
+ declare function useSessionStorage<Value extends NonFunction<any>>(key: string, initialValue: Value): readonly [Value, (update: Value | ((previousValue: Value) => Value)) => void, () => void];
3082
+
3083
+ type CssBorderOptions = {
3084
+ thickness?: string;
3085
+ color: string;
3086
+ };
3087
+ type CssDisabledCurve = "both" | "left" | "right";
3088
+ type BorderRadius = `${"top" | "bottom"}-${"left" | "right"}`;
3089
+
3090
+ declare function buildCSS(properties: CSS__default.Properties & {
3091
+ backgroundBlur?: string | undefined;
3092
+ }): CSS__default.Properties;
3093
+ declare function cssTransition(options?: {
3094
+ speed?: "fast" | "normal" | "slow";
3095
+ timing?: CSS__default.Properties["transitionTimingFunction"];
3096
+ target?: keyof CSS__default.Properties;
3097
+ delay?: CSS__default.Properties["msTransitionDelay"];
3098
+ }): CSS__default.Properties["transition"];
3099
+ declare function solidBorder(options: CssBorderOptions): string;
3100
+ declare function tiledBackground(params: {
3101
+ backgroundColor: BasicColor$1;
3102
+ borderColor: BasicColor$1;
3103
+ fader?: "radial" | "linear";
3104
+ tileBorderThickness?: string;
3105
+ tileSize?: string;
3106
+ }): string;
3107
+ declare function flexCenter(style?: CSS__default.Properties, column?: boolean): CSS__default.Properties;
3108
+ declare function borderRadius(params: {
3109
+ radius: string;
3110
+ affectedCorners: BorderRadius[] | "top" | "bottom" | "left" | "right";
3111
+ } | Partial<Record<BorderRadius, string>>, style?: CSS__default.Properties): CSS__default.Properties;
3112
+ declare function disabledBorderRadius(options: {
3113
+ disabledCurves: CssDisabledCurve | (() => CssDisabledCurve);
3114
+ curveRadius?: string;
3115
+ }): CSS__default.Properties;
3116
+ declare function dragElement(elmnt: HTMLElement): void;
3117
+ declare function noSpaceStyle(style?: CSS__default.Properties): CSS__default.Properties;
3118
+ declare function ellipsis(style?: CSS__default.Properties, options?: {
3119
+ /**@default true */
3120
+ apply: boolean;
3121
+ }): CSS__default.Properties;
3122
+ declare function nativeEllipsis(style?: CSS__default.Properties, options?: {
3123
+ apply: boolean;
3124
+ }): CSS__default.Properties;
3125
+ declare function getScrollParent(node: HTMLElement | null): HTMLElement;
3126
+ declare function isSpanMultiLine(spanElement: HTMLElement): boolean;
3127
+ declare function resolveBasicColor(basicColor: BasicColor$1, options?: Partial<{
3128
+ /**
3129
+ * @description If the name of a color is in both ColorResources and CssColors, this determines which color mapper is used.
3130
+ * @default "css"
3131
+ */
3132
+ preference: "res" | "css";
3133
+ }>): string;
3134
+ declare const isValidHex: (hex: string) => boolean;
3135
+ declare const convertHexUnitTo256: (value: string) => number;
3136
+ declare function hexToRgba(hex: string, alpha?: number): string;
3137
+ declare function rgbToRgba(rgb: string, alpha: number): string;
3138
+ declare function screenHasMaxWidth(maxWidth: string): boolean;
3139
+ declare function screenHasMinWidth(maxWidth: string): boolean;
3140
+ declare function restrictLineCount(lineCount?: number, style?: CSS__default.Properties): CSS__default.Properties;
3141
+ declare function remToPx(rem: number): number;
3142
+ declare function remAsPx(rem: number): string;
3143
+ declare function isOverflown(element: HTMLElement): boolean;
3144
+ declare function computedCssVariable(cssVariable: string): string;
3145
+
3146
+ export { AttachmentsButton, AttachmentsDialog, BasicAvatar, BasicBadge, BasicButton, BasicCard, type BasicColor$1 as BasicColor, BasicConfirmationDialog, BasicDialog, BasicDisclaimer, BasicDiv, BasicDropzone, BasicFormDialog, type BasicHtmlElementStyleProps, BasicImg, BasicIndicator, BasicItemInfo, BasicMediaCard, BasicMenu, type BasicMenuPlacement, BasicOl, BasicOption, BasicPopover, BasicProfileCard, BasicSegmentedControls, BasicSelect, BasicSeparator, BasicSpan, BasicStatus, BasicStepper, BasicTable, BasicTableProps, BasicTag, BasicTimeline, BasicTooltip, type BasicTooltipPlacement, _default as Calendar, CalendarDialog, CancelButton, Checkbox, ColorResources, CopyButton, CssColors, type CssProperties, CssShapes, CssSpacing, DeleteButton, EditButton, Editable, EmailComposer, EmptyState, ErrorTooltip, ExpandableButton, FileViewer, FileViewerProps, FontSize, type InlineCss, JsonViewer, type JwtVerificationStatus, JwtVerifier, type JwtVerifierProps, MoneyDisplayCard, NegativeButton, NextButton, NoButton, OpenButton, OptionsButton, PageSlider, Paper, PasteButton, PaymentOptionsButton, PaymentOptionsDialog, PictureUploader, PositiveButton, PreviousButton, ReceiptCard, SaveButton, SearchTextField, SendButton, SignInWidget, SimpleFormDialog, SubmitButton, TaskLogger, TaskResultDialog, Terminal, TextField, UploadButton, UploadReceiptButton, type UseDialogControllerReturn, type UsePageSliderControllerReturn, UserProfile, VerifyButton, VerifyTextField, UiProvider as WavyUi, YesButton, YesNoButtonGroup, YesOrNoForm, applyBasicStyle, bankTransferPaymentOption, borderRadius, buildCSS, computedCssVariable, convertHexUnitTo256, cssTransition, definePaymentOption, disabledBorderRadius, dragElement, ellipsis, flexCenter, getFileIcon, getScrollParent, hexToRgba, inAppPaymentOption, isOverflown, isSpanMultiLine, isValidHex, nativeEllipsis, noSpaceStyle, remAsPx, remToPx, resolveBasicColor, restrictLineCount, rgbToRgba, screenHasMaxWidth, screenHasMinWidth, solidBorder, tiledBackground, useAsyncEffect, useChangeEffect, useDialogController, useEventEmitter, useManagedRef, usePageSliderController, usePopoverContext, useRerender, useSessionStorage };