@fragments-sdk/ui 0.9.1 → 0.9.3

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 (70) hide show
  1. package/dist/assets/ui.css +10324 -0
  2. package/fragments.json +1 -1
  3. package/package.json +119 -98
  4. package/src/components/Loading/Loading.fragment.tsx +1 -1
  5. package/src/components/Sidebar/Sidebar.fragment.tsx +138 -109
  6. package/dist/assets/components/Accordion/Accordion.module.css +0 -107
  7. package/dist/assets/components/Alert/Alert.module.css +0 -158
  8. package/dist/assets/components/AppShell/AppShell.module.css +0 -156
  9. package/dist/assets/components/Avatar/Avatar.module.css +0 -109
  10. package/dist/assets/components/Badge/Badge.module.css +0 -117
  11. package/dist/assets/components/BentoGrid/BentoGrid.module.css +0 -113
  12. package/dist/assets/components/Box/Box.module.css +0 -341
  13. package/dist/assets/components/Breadcrumbs/Breadcrumbs.module.css +0 -108
  14. package/dist/assets/components/Button/Button.module.css +0 -153
  15. package/dist/assets/components/ButtonGroup/ButtonGroup.module.css +0 -32
  16. package/dist/assets/components/Card/Card.module.css +0 -131
  17. package/dist/assets/components/Chart/Chart.module.css +0 -122
  18. package/dist/assets/components/Checkbox/Checkbox.module.css +0 -129
  19. package/dist/assets/components/Chip/Chip.module.css +0 -248
  20. package/dist/assets/components/CodeBlock/CodeBlock.module.css +0 -309
  21. package/dist/assets/components/Collapsible/Collapsible.module.css +0 -103
  22. package/dist/assets/components/ColorPicker/ColorPicker.module.css +0 -140
  23. package/dist/assets/components/Combobox/Combobox.module.css +0 -278
  24. package/dist/assets/components/Command/Command.module.css +0 -132
  25. package/dist/assets/components/ConversationList/ConversationList.module.css +0 -138
  26. package/dist/assets/components/DatePicker/DatePicker.module.css +0 -388
  27. package/dist/assets/components/Dialog/Dialog.module.css +0 -170
  28. package/dist/assets/components/Drawer/Drawer.module.css +0 -214
  29. package/dist/assets/components/EmptyState/EmptyState.module.css +0 -100
  30. package/dist/assets/components/Field/Field.module.css +0 -30
  31. package/dist/assets/components/Fieldset/Fieldset.module.css +0 -21
  32. package/dist/assets/components/Form/Form.module.css +0 -5
  33. package/dist/assets/components/Grid/Grid.module.css +0 -249
  34. package/dist/assets/components/Header/Header.module.css +0 -332
  35. package/dist/assets/components/Icon/Icon.module.css +0 -35
  36. package/dist/assets/components/Image/Image.module.css +0 -71
  37. package/dist/assets/components/Input/Input.module.css +0 -135
  38. package/dist/assets/components/Link/Link.module.css +0 -66
  39. package/dist/assets/components/List/List.module.css +0 -66
  40. package/dist/assets/components/Listbox/Listbox.module.css +0 -99
  41. package/dist/assets/components/Loading/Loading.module.css +0 -210
  42. package/dist/assets/components/Markdown/Markdown.module.css +0 -149
  43. package/dist/assets/components/Menu/Menu.module.css +0 -182
  44. package/dist/assets/components/Message/Message.module.css +0 -175
  45. package/dist/assets/components/NavigationMenu/NavigationMenu.module.css +0 -553
  46. package/dist/assets/components/Pagination/Pagination.module.css +0 -92
  47. package/dist/assets/components/Popover/Popover.module.css +0 -168
  48. package/dist/assets/components/Progress/Progress.module.css +0 -166
  49. package/dist/assets/components/Prompt/Prompt.module.css +0 -262
  50. package/dist/assets/components/RadioGroup/RadioGroup.module.css +0 -152
  51. package/dist/assets/components/ScrollArea/ScrollArea.module.css +0 -89
  52. package/dist/assets/components/Select/Select.module.css +0 -206
  53. package/dist/assets/components/Separator/Separator.module.css +0 -71
  54. package/dist/assets/components/Sidebar/Sidebar.module.css +0 -683
  55. package/dist/assets/components/Skeleton/Skeleton.module.css +0 -134
  56. package/dist/assets/components/Slider/Slider.module.css +0 -83
  57. package/dist/assets/components/Stack/Stack.module.css +0 -132
  58. package/dist/assets/components/Table/Table.module.css +0 -230
  59. package/dist/assets/components/TableOfContents/TableOfContents.module.css +0 -53
  60. package/dist/assets/components/Tabs/Tabs.module.css +0 -142
  61. package/dist/assets/components/Text/Text.module.css +0 -85
  62. package/dist/assets/components/Textarea/Textarea.module.css +0 -96
  63. package/dist/assets/components/Theme/ThemeToggle.module.css +0 -85
  64. package/dist/assets/components/ThinkingIndicator/ThinkingIndicator.module.css +0 -201
  65. package/dist/assets/components/Toast/Toast.module.css +0 -199
  66. package/dist/assets/components/Toggle/Toggle.module.css +0 -133
  67. package/dist/assets/components/ToggleGroup/ToggleGroup.module.css +0 -122
  68. package/dist/assets/components/Tooltip/Tooltip.module.css +0 -64
  69. package/dist/assets/components/VisuallyHidden/VisuallyHidden.module.css +0 -11
  70. package/dist/assets/styles/globals.css +0 -355
@@ -1,113 +0,0 @@
1
- ._grid_5fm9r_1 {
2
- display: grid;
3
- width: 100%;
4
- grid-auto-flow: dense;
5
- }
6
-
7
- ._columns2_5fm9r_7 {
8
- grid-template-columns: repeat(2, 1fr);
9
- }
10
-
11
- ._columns3_5fm9r_11 {
12
- grid-template-columns: repeat(3, 1fr);
13
- }
14
-
15
- ._columns4_5fm9r_15 {
16
- grid-template-columns: repeat(4, 1fr);
17
- }
18
-
19
- @media (max-width: 1023px) {
20
- ._columns3_5fm9r_11,
21
- ._columns4_5fm9r_15 {
22
- grid-template-columns: repeat(2, 1fr);
23
- }
24
- }
25
- @media (max-width: 639px) {
26
- ._columns2_5fm9r_7,
27
- ._columns3_5fm9r_11,
28
- ._columns4_5fm9r_15 {
29
- grid-template-columns: 1fr;
30
- }
31
- }
32
- ._gapNone_5fm9r_32 {
33
- gap: 0;
34
- }
35
-
36
- ._gapXs_5fm9r_36 {
37
- gap: var(--fui-space-1, 0.5rem);
38
- }
39
-
40
- ._gapSm_5fm9r_40 {
41
- gap: var(--fui-space-2, 1rem);
42
- }
43
-
44
- ._gapMd_5fm9r_44 {
45
- gap: var(--fui-space-4, 2rem);
46
- }
47
-
48
- ._gapLg_5fm9r_48 {
49
- gap: var(--fui-space-6, 3rem);
50
- }
51
-
52
- ._gapXl_5fm9r_52 {
53
- gap: var(--fui-space-8, 4rem);
54
- }
55
-
56
- ._item_5fm9r_56 {
57
- background-color: var(--fui-bg-elevated, #ffffff);
58
- border: 1px solid var(--fui-border, rgba(0, 0, 0, 0.08));
59
- border-radius: var(--fui-radius-lg, 0.571rem);
60
- min-width: 0;
61
- padding: var(--fui-padding-container-md, 2rem);
62
- transition: box-shadow var(--fui-transition-fast, 150ms ease), border-color var(--fui-transition-fast, 150ms ease), transform var(--fui-transition-fast, 150ms ease);
63
- }
64
- ._item_5fm9r_56:hover {
65
- border-color: var(--fui-border-strong, rgba(0, 0, 0, 0.14));
66
- box-shadow: var(--fui-shadow-md, 0 2px 4px -1px rgba(0, 0, 0, 0.06), 0 1px 3px -2px rgba(0, 0, 0, 0.04));
67
- transform: translateY(-2px);
68
- }
69
- ._item_5fm9r_56 {
70
- --_col-span: var(--bento-col-span, 1);
71
- --_row-span: var(--bento-row-span, 1);
72
- grid-column: span var(--_col-span);
73
- grid-row: span var(--_row-span);
74
- }
75
- @media (min-width: 640px) {
76
- ._item_5fm9r_56 {
77
- --_col-span: var(--bento-col-span-sm, var(--bento-col-span, 1));
78
- --_row-span: var(--bento-row-span-sm, var(--bento-row-span, 1));
79
- }
80
- }
81
- @media (min-width: 768px) {
82
- ._item_5fm9r_56 {
83
- --_col-span: var(--bento-col-span-md, var(--bento-col-span-sm, var(--bento-col-span, 1)));
84
- --_row-span: var(--bento-row-span-md, var(--bento-row-span-sm, var(--bento-row-span, 1)));
85
- }
86
- }
87
- @media (min-width: 1024px) {
88
- ._item_5fm9r_56 {
89
- --_col-span: var(--bento-col-span-lg, var(--bento-col-span-md, var(--bento-col-span-sm, var(--bento-col-span, 1))));
90
- --_row-span: var(--bento-row-span-lg, var(--bento-row-span-md, var(--bento-row-span-sm, var(--bento-row-span, 1))));
91
- }
92
- }
93
- @media (min-width: 1280px) {
94
- ._item_5fm9r_56 {
95
- --_col-span: var(--bento-col-span-xl, var(--bento-col-span-lg, var(--bento-col-span-md, var(--bento-col-span-sm, var(--bento-col-span, 1)))));
96
- --_row-span: var(--bento-row-span-xl, var(--bento-row-span-lg, var(--bento-row-span-md, var(--bento-row-span-sm, var(--bento-row-span, 1)))));
97
- }
98
- }
99
-
100
- @media (prefers-reduced-motion: reduce) {
101
- ._item_5fm9r_56 {
102
- transition: none;
103
- }
104
- ._item_5fm9r_56:hover {
105
- transform: none;
106
- }
107
- }
108
- @media (prefers-contrast: more) {
109
- ._item_5fm9r_56 {
110
- border-width: 2px;
111
- border-color: var(--fui-text-primary, #18181b);
112
- }
113
- }
@@ -1,341 +0,0 @@
1
- ._box_18cnf_1 {
2
- box-sizing: border-box;
3
- }
4
-
5
- ._p-none_18cnf_5 {
6
- padding: 0;
7
- }
8
-
9
- ._p-xs_18cnf_9 {
10
- padding: var(--fui-space-1, 0.5rem);
11
- }
12
-
13
- ._p-sm_18cnf_13 {
14
- padding: var(--fui-space-2, 1rem);
15
- }
16
-
17
- ._p-md_18cnf_17 {
18
- padding: var(--fui-space-4, 2rem);
19
- }
20
-
21
- ._p-lg_18cnf_21 {
22
- padding: var(--fui-space-6, 3rem);
23
- }
24
-
25
- ._p-xl_18cnf_25 {
26
- padding: var(--fui-space-8, 4rem);
27
- }
28
-
29
- ._px-none_18cnf_29 {
30
- padding-left: 0;
31
- padding-right: 0;
32
- }
33
-
34
- ._px-xs_18cnf_34 {
35
- padding-left: var(--fui-space-1, 0.5rem);
36
- padding-right: var(--fui-space-1, 0.5rem);
37
- }
38
-
39
- ._px-sm_18cnf_39 {
40
- padding-left: var(--fui-space-2, 1rem);
41
- padding-right: var(--fui-space-2, 1rem);
42
- }
43
-
44
- ._px-md_18cnf_44 {
45
- padding-left: var(--fui-space-4, 2rem);
46
- padding-right: var(--fui-space-4, 2rem);
47
- }
48
-
49
- ._px-lg_18cnf_49 {
50
- padding-left: var(--fui-space-6, 3rem);
51
- padding-right: var(--fui-space-6, 3rem);
52
- }
53
-
54
- ._px-xl_18cnf_54 {
55
- padding-left: var(--fui-space-8, 4rem);
56
- padding-right: var(--fui-space-8, 4rem);
57
- }
58
-
59
- ._py-none_18cnf_59 {
60
- padding-top: 0;
61
- padding-bottom: 0;
62
- }
63
-
64
- ._py-xs_18cnf_64 {
65
- padding-top: var(--fui-space-1, 0.5rem);
66
- padding-bottom: var(--fui-space-1, 0.5rem);
67
- }
68
-
69
- ._py-sm_18cnf_69 {
70
- padding-top: var(--fui-space-2, 1rem);
71
- padding-bottom: var(--fui-space-2, 1rem);
72
- }
73
-
74
- ._py-md_18cnf_74 {
75
- padding-top: var(--fui-space-4, 2rem);
76
- padding-bottom: var(--fui-space-4, 2rem);
77
- }
78
-
79
- ._py-lg_18cnf_79 {
80
- padding-top: var(--fui-space-6, 3rem);
81
- padding-bottom: var(--fui-space-6, 3rem);
82
- }
83
-
84
- ._py-xl_18cnf_84 {
85
- padding-top: var(--fui-space-8, 4rem);
86
- padding-bottom: var(--fui-space-8, 4rem);
87
- }
88
-
89
- ._m-none_18cnf_89 {
90
- margin: 0;
91
- }
92
-
93
- ._m-xs_18cnf_93 {
94
- margin: var(--fui-space-1, 0.5rem);
95
- }
96
-
97
- ._m-sm_18cnf_97 {
98
- margin: var(--fui-space-2, 1rem);
99
- }
100
-
101
- ._m-md_18cnf_101 {
102
- margin: var(--fui-space-4, 2rem);
103
- }
104
-
105
- ._m-lg_18cnf_105 {
106
- margin: var(--fui-space-6, 3rem);
107
- }
108
-
109
- ._m-xl_18cnf_109 {
110
- margin: var(--fui-space-8, 4rem);
111
- }
112
-
113
- ._m-auto_18cnf_113 {
114
- margin: auto;
115
- }
116
-
117
- ._mx-none_18cnf_117 {
118
- margin-left: 0;
119
- margin-right: 0;
120
- }
121
-
122
- ._mx-xs_18cnf_122 {
123
- margin-left: var(--fui-space-1, 0.5rem);
124
- margin-right: var(--fui-space-1, 0.5rem);
125
- }
126
-
127
- ._mx-sm_18cnf_127 {
128
- margin-left: var(--fui-space-2, 1rem);
129
- margin-right: var(--fui-space-2, 1rem);
130
- }
131
-
132
- ._mx-md_18cnf_132 {
133
- margin-left: var(--fui-space-4, 2rem);
134
- margin-right: var(--fui-space-4, 2rem);
135
- }
136
-
137
- ._mx-lg_18cnf_137 {
138
- margin-left: var(--fui-space-6, 3rem);
139
- margin-right: var(--fui-space-6, 3rem);
140
- }
141
-
142
- ._mx-xl_18cnf_142 {
143
- margin-left: var(--fui-space-8, 4rem);
144
- margin-right: var(--fui-space-8, 4rem);
145
- }
146
-
147
- ._mx-auto_18cnf_147 {
148
- margin-left: auto;
149
- margin-right: auto;
150
- }
151
-
152
- ._my-none_18cnf_152 {
153
- margin-top: 0;
154
- margin-bottom: 0;
155
- }
156
-
157
- ._my-xs_18cnf_157 {
158
- margin-top: var(--fui-space-1, 0.5rem);
159
- margin-bottom: var(--fui-space-1, 0.5rem);
160
- }
161
-
162
- ._my-sm_18cnf_162 {
163
- margin-top: var(--fui-space-2, 1rem);
164
- margin-bottom: var(--fui-space-2, 1rem);
165
- }
166
-
167
- ._my-md_18cnf_167 {
168
- margin-top: var(--fui-space-4, 2rem);
169
- margin-bottom: var(--fui-space-4, 2rem);
170
- }
171
-
172
- ._my-lg_18cnf_172 {
173
- margin-top: var(--fui-space-6, 3rem);
174
- margin-bottom: var(--fui-space-6, 3rem);
175
- }
176
-
177
- ._my-xl_18cnf_177 {
178
- margin-top: var(--fui-space-8, 4rem);
179
- margin-bottom: var(--fui-space-8, 4rem);
180
- }
181
-
182
- ._my-auto_18cnf_182 {
183
- margin-top: auto;
184
- margin-bottom: auto;
185
- }
186
-
187
- ._bg-none_18cnf_187 {
188
- background-color: transparent;
189
- }
190
-
191
- ._bg-primary_18cnf_191 {
192
- background-color: var(--fui-bg-primary, #ffffff);
193
- }
194
-
195
- ._bg-secondary_18cnf_195 {
196
- background-color: var(--fui-bg-secondary, #f4f4f5);
197
- }
198
-
199
- ._bg-tertiary_18cnf_199 {
200
- background-color: var(--fui-bg-tertiary, #f4f4f5);
201
- }
202
-
203
- ._bg-elevated_18cnf_203 {
204
- background-color: var(--fui-bg-elevated, #ffffff);
205
- }
206
-
207
- ._rounded-none_18cnf_207 {
208
- border-radius: 0;
209
- }
210
-
211
- ._rounded-sm_18cnf_211 {
212
- border-radius: var(--fui-radius-sm, 0.25rem);
213
- }
214
-
215
- ._rounded-md_18cnf_215 {
216
- border-radius: var(--fui-radius-md, 0.429rem);
217
- }
218
-
219
- ._rounded-lg_18cnf_219 {
220
- border-radius: var(--fui-radius-lg, 0.571rem);
221
- }
222
-
223
- ._rounded-full_18cnf_223 {
224
- border-radius: var(--fui-radius-full, 9999px);
225
- }
226
-
227
- ._border_18cnf_227 {
228
- border: 1px solid var(--fui-border, rgba(0, 0, 0, 0.08));
229
- }
230
-
231
- ._borderTop_18cnf_231 {
232
- border-top: 1px solid var(--fui-border, rgba(0, 0, 0, 0.08));
233
- }
234
-
235
- ._borderBottom_18cnf_235 {
236
- border-bottom: 1px solid var(--fui-border, rgba(0, 0, 0, 0.08));
237
- }
238
-
239
- ._borderLeft_18cnf_239 {
240
- border-left: 1px solid var(--fui-border, rgba(0, 0, 0, 0.08));
241
- }
242
-
243
- ._borderRight_18cnf_243 {
244
- border-right: 1px solid var(--fui-border, rgba(0, 0, 0, 0.08));
245
- }
246
-
247
- ._borderColor-default_18cnf_247 {
248
- border-color: var(--fui-border-default, rgba(0, 0, 0, 0.08));
249
- }
250
-
251
- ._borderColor-strong_18cnf_251 {
252
- border-color: var(--fui-border-strong, rgba(0, 0, 0, 0.14));
253
- }
254
-
255
- ._borderColor-accent_18cnf_255 {
256
- border-color: var(--fui-color-accent, #18181b);
257
- }
258
-
259
- ._borderColor-danger_18cnf_259 {
260
- border-color: var(--fui-color-danger, #ef4444);
261
- }
262
-
263
- ._shadow-sm_18cnf_263 {
264
- box-shadow: var(--fui-shadow-sm, 0 1px 2px 0 rgba(0, 0, 0, 0.03));
265
- }
266
-
267
- ._shadow-md_18cnf_267 {
268
- box-shadow: var(--fui-shadow-md, 0 2px 4px -1px rgba(0, 0, 0, 0.06), 0 1px 3px -2px rgba(0, 0, 0, 0.04));
269
- }
270
-
271
- ._shadow-lg_18cnf_271 {
272
- box-shadow: var(--fui-shadow-lg, 0 8px 12px -3px rgba(0, 0, 0, 0.08), 0 3px 5px -4px rgba(0, 0, 0, 0.05));
273
- }
274
-
275
- ._shadow-none_18cnf_275 {
276
- box-shadow: none;
277
- }
278
-
279
- ._overflow-hidden_18cnf_279 {
280
- overflow: hidden;
281
- }
282
-
283
- ._overflow-auto_18cnf_283 {
284
- overflow: auto;
285
- }
286
-
287
- ._overflow-scroll_18cnf_287 {
288
- overflow: scroll;
289
- }
290
-
291
- ._overflow-visible_18cnf_291 {
292
- overflow: visible;
293
- }
294
-
295
- ._color-primary_18cnf_295 {
296
- color: var(--fui-text-primary, #18181b);
297
- }
298
-
299
- ._color-secondary_18cnf_299 {
300
- color: var(--fui-text-secondary, #52525b);
301
- }
302
-
303
- ._color-tertiary_18cnf_303 {
304
- color: var(--fui-text-tertiary, #71717a);
305
- }
306
-
307
- ._color-accent_18cnf_307 {
308
- color: var(--fui-color-accent, #18181b);
309
- }
310
-
311
- ._color-inverse_18cnf_311 {
312
- color: var(--fui-text-inverse, #f4f4f5);
313
- }
314
-
315
- ._display-block_18cnf_315 {
316
- display: block;
317
- }
318
-
319
- ._display-inline_18cnf_319 {
320
- display: inline;
321
- }
322
-
323
- ._display-inline-block_18cnf_323 {
324
- display: inline-block;
325
- }
326
-
327
- ._display-flex_18cnf_327 {
328
- display: flex;
329
- }
330
-
331
- ._display-inline-flex_18cnf_331 {
332
- display: inline-flex;
333
- }
334
-
335
- ._display-grid_18cnf_335 {
336
- display: grid;
337
- }
338
-
339
- ._display-none_18cnf_339 {
340
- display: none;
341
- }
@@ -1,108 +0,0 @@
1
- ._root_yjw6n_1 {
2
- font-family: var(--fui-font-sans, "Geist Sans", "Geist", Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);
3
- font-size: var(--fui-font-size-sm, 1rem);
4
- line-height: var(--fui-line-height-normal, 1.5);
5
- }
6
-
7
- ._list_yjw6n_7 {
8
- display: inline-flex;
9
- align-items: center;
10
- flex-wrap: wrap;
11
- gap: var(--fui-space-1, 0.5rem);
12
- list-style: none;
13
- margin: 0;
14
- padding: 0;
15
- }
16
-
17
- ._item_yjw6n_17 {
18
- display: inline-flex;
19
- align-items: center;
20
- gap: var(--fui-space-1, 0.5rem);
21
- min-width: 0;
22
- }
23
-
24
- ._link_yjw6n_24 {
25
- display: inline-flex;
26
- align-items: center;
27
- gap: var(--fui-space-1, 0.5rem);
28
- color: var(--fui-text-secondary, #52525b);
29
- text-decoration: none;
30
- white-space: nowrap;
31
- overflow: hidden;
32
- text-overflow: ellipsis;
33
- max-width: 200px;
34
- border-radius: var(--fui-radius-sm, 0.25rem);
35
- padding: var(--fui-space-0-5, 0.15rem) var(--fui-space-1, 0.5rem);
36
- margin: calc(-1 * var(--fui-space-0-5, 0.15rem)) calc(-1 * var(--fui-space-1, 0.5rem));
37
- transition: color var(--fui-transition-fast, 150ms ease), background-color var(--fui-transition-fast, 150ms ease);
38
- }
39
- ._link_yjw6n_24:hover {
40
- color: var(--fui-text-primary, #18181b);
41
- background-color: var(--fui-bg-hover, rgba(0, 0, 0, 0.04));
42
- }
43
- ._link_yjw6n_24:focus-visible {
44
- outline: var(--fui-focus-ring-width, 2px) solid var(--fui-focus-ring-color, #18181b);
45
- outline-offset: var(--fui-focus-ring-offset, 2px);
46
- }
47
-
48
- ._current_yjw6n_48 {
49
- display: inline-flex;
50
- align-items: center;
51
- gap: var(--fui-space-1, 0.5rem);
52
- color: var(--fui-text-primary, #18181b);
53
- font-weight: var(--fui-font-weight-medium, 500);
54
- white-space: nowrap;
55
- overflow: hidden;
56
- text-overflow: ellipsis;
57
- max-width: 200px;
58
- }
59
-
60
- ._separator_yjw6n_60 {
61
- display: inline-flex;
62
- align-items: center;
63
- color: var(--fui-text-tertiary, #71717a);
64
- font-size: var(--fui-font-size-xs, 0.857rem);
65
- user-select: none;
66
- flex-shrink: 0;
67
- }
68
-
69
- ._ellipsis_yjw6n_69 {
70
- min-width: var(--fui-target-size-min, 1.714rem);
71
- min-height: var(--fui-target-size-min, 1.714rem);
72
- display: inline-flex;
73
- align-items: center;
74
- justify-content: center;
75
- display: inline-flex;
76
- align-items: center;
77
- justify-content: center;
78
- background: none;
79
- border: 1px solid var(--fui-border, rgba(0, 0, 0, 0.08));
80
- border-radius: var(--fui-radius-sm, 0.25rem);
81
- color: var(--fui-text-secondary, #52525b);
82
- cursor: pointer;
83
- padding: var(--fui-space-0-5, 0.15rem) var(--fui-space-2, 1rem);
84
- font-family: inherit;
85
- font-size: var(--fui-font-size-sm, 1rem);
86
- line-height: 1;
87
- transition: color var(--fui-transition-fast, 150ms ease), background-color var(--fui-transition-fast, 150ms ease);
88
- }
89
- ._ellipsis_yjw6n_69:hover {
90
- color: var(--fui-text-primary, #18181b);
91
- background-color: var(--fui-bg-hover, rgba(0, 0, 0, 0.04));
92
- }
93
- ._ellipsis_yjw6n_69:focus-visible {
94
- outline: var(--fui-focus-ring-width, 2px) solid var(--fui-focus-ring-color, #18181b);
95
- outline-offset: var(--fui-focus-ring-offset, 2px);
96
- }
97
-
98
- ._icon_yjw6n_98 {
99
- display: inline-flex;
100
- align-items: center;
101
- flex-shrink: 0;
102
- width: var(--fui-icon-md, 1.143rem);
103
- height: var(--fui-icon-md, 1.143rem);
104
- }
105
- ._icon_yjw6n_98 svg {
106
- width: 100%;
107
- height: 100%;
108
- }
@@ -1,153 +0,0 @@
1
- ._button_1d9eh_1 {
2
- appearance: none;
3
- background: transparent;
4
- border: none;
5
- padding: 0;
6
- margin: 0;
7
- font: inherit;
8
- color: inherit;
9
- cursor: pointer;
10
- }
11
- ._button_1d9eh_1:disabled {
12
- cursor: not-allowed;
13
- }
14
- ._button_1d9eh_1 {
15
- transition: background-color var(--fui-transition-fast, 150ms ease), border-color var(--fui-transition-fast, 150ms ease), box-shadow var(--fui-transition-fast, 150ms ease), opacity var(--fui-transition-fast, 150ms ease);
16
- }
17
- ._button_1d9eh_1:focus-visible {
18
- outline: none;
19
- box-shadow: 0 0 0 var(--fui-focus-ring-offset, 2px) var(--fui-bg-primary, #ffffff), 0 0 0 calc(var(--fui-focus-ring-offset, 2px) + var(--fui-focus-ring-width, 2px)) var(--fui-focus-ring-color, #18181b);
20
- }
21
- ._button_1d9eh_1:disabled, ._button_1d9eh_1[data-disabled] {
22
- opacity: 0.5;
23
- pointer-events: none;
24
- }
25
- ._button_1d9eh_1 {
26
- font-family: var(--fui-font-sans, Geist Sans, Geist, Inter, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, sans-serif);
27
- font-size: var(--fui-font-size-sm, 1rem);
28
- line-height: var(--fui-line-height-normal, 1.5);
29
- color: var(--fui-text-primary, #18181b);
30
- -webkit-font-smoothing: antialiased;
31
- -moz-osx-font-smoothing: grayscale;
32
- display: inline-flex;
33
- align-items: center;
34
- justify-content: center;
35
- gap: var(--fui-space-2, 1rem);
36
- border-radius: var(--fui-radius-md, 0.429rem);
37
- font-weight: var(--fui-font-weight-medium, 500);
38
- white-space: nowrap;
39
- user-select: none;
40
- }
41
-
42
- ._sm_1d9eh_42 {
43
- min-height: var(--fui-button-height-sm, 2rem);
44
- padding: 0 var(--fui-space-2, 1rem);
45
- font-size: var(--fui-font-size-xs, 0.857rem);
46
- }
47
-
48
- ._md_1d9eh_48 {
49
- min-height: var(--fui-button-height-md, 2.5714285714rem);
50
- padding: 0 var(--fui-space-3, 1.5rem);
51
- font-size: var(--fui-font-size-sm, 1rem);
52
- }
53
-
54
- ._lg_1d9eh_54 {
55
- min-height: var(--fui-button-height-lg, 3.1428571429rem);
56
- padding: 0 var(--fui-space-4, 2rem);
57
- font-size: var(--fui-font-size-base, 1.143rem);
58
- }
59
-
60
- ._primary_1d9eh_60 {
61
- background-color: var(--fui-color-accent, #18181b);
62
- color: var(--fui-text-inverse, #f4f4f5);
63
- border: 1px solid transparent;
64
- }
65
- ._primary_1d9eh_60:hover:not(:disabled) {
66
- background-color: var(--fui-color-accent-hover, rgb(62.88, 62.88, 70.74));
67
- }
68
- ._primary_1d9eh_60:active:not(:disabled), ._primary_1d9eh_60[data-pressed] {
69
- background-color: var(--fui-color-accent-active, rgb(84.48, 84.48, 95.04));
70
- }
71
-
72
- ._secondary_1d9eh_72 {
73
- background-color: var(--fui-bg-secondary, #f4f4f5);
74
- color: var(--fui-text-primary, #18181b);
75
- border: 1px solid var(--fui-border-strong, rgba(0, 0, 0, 0.14));
76
- }
77
- ._secondary_1d9eh_72:hover:not(:disabled) {
78
- background-color: var(--fui-bg-tertiary, #f4f4f5);
79
- }
80
- ._secondary_1d9eh_72:active:not(:disabled), ._secondary_1d9eh_72[data-pressed] {
81
- background-color: var(--fui-bg-tertiary, #f4f4f5);
82
- }
83
-
84
- ._ghost_1d9eh_84 {
85
- background-color: transparent;
86
- color: var(--fui-text-primary, #18181b);
87
- border: 1px solid transparent;
88
- }
89
- ._ghost_1d9eh_84:hover:not(:disabled) {
90
- background-color: var(--fui-bg-hover, rgba(0, 0, 0, 0.04));
91
- }
92
- ._ghost_1d9eh_84:active:not(:disabled), ._ghost_1d9eh_84[data-pressed] {
93
- background-color: var(--fui-bg-active, rgba(0, 0, 0, 0.06));
94
- }
95
-
96
- ._danger_1d9eh_96 {
97
- background-color: var(--fui-color-danger, #ef4444);
98
- color: var(--fui-text-inverse, #f4f4f5);
99
- border: 1px solid transparent;
100
- }
101
- ._danger_1d9eh_96:hover:not(:disabled) {
102
- background-color: var(--fui-color-danger-hover, rgb(236.5802955665, 39.7197044335, 39.7197044335));
103
- }
104
- ._danger_1d9eh_96:active:not(:disabled), ._danger_1d9eh_96[data-pressed] {
105
- background-color: var(--fui-color-danger-hover, rgb(236.5802955665, 39.7197044335, 39.7197044335));
106
- }
107
-
108
- ._outlined_1d9eh_108 {
109
- background-color: transparent;
110
- color: var(--fui-text-primary, #18181b);
111
- border: 1px solid var(--fui-border-strong, rgba(0, 0, 0, 0.14));
112
- }
113
- ._outlined_1d9eh_108:hover:not(:disabled) {
114
- background-color: var(--fui-bg-hover, rgba(0, 0, 0, 0.04));
115
- }
116
- ._outlined_1d9eh_108:active:not(:disabled), ._outlined_1d9eh_108[data-pressed] {
117
- background-color: var(--fui-bg-active, rgba(0, 0, 0, 0.06));
118
- }
119
-
120
- ._icon_1d9eh_120 {
121
- aspect-ratio: 1;
122
- padding: 0;
123
- }
124
- ._icon_1d9eh_120._sm_1d9eh_42 {
125
- width: var(--fui-button-height-sm, 2rem);
126
- }
127
- ._icon_1d9eh_120._md_1d9eh_48 {
128
- width: var(--fui-button-height-md, 2.5714285714rem);
129
- }
130
- ._icon_1d9eh_120._lg_1d9eh_54 {
131
- width: var(--fui-button-height-lg, 3.1428571429rem);
132
- }
133
-
134
- ._fullWidth_1d9eh_134 {
135
- width: 100%;
136
- }
137
-
138
- @media (prefers-contrast: more) {
139
- ._secondary_1d9eh_72 {
140
- border-width: 2px;
141
- border-color: var(--fui-text-primary, #18181b);
142
- }
143
- ._outlined_1d9eh_108 {
144
- border-width: 2px;
145
- border-color: var(--fui-text-primary, #18181b);
146
- }
147
- ._ghost_1d9eh_84 {
148
- border-width: 2px;
149
- }
150
- ._ghost_1d9eh_84:hover:not(:disabled) {
151
- border-color: var(--fui-text-primary, #18181b);
152
- }
153
- }