@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,683 +0,0 @@
1
- ._root_1owm0_1 {
2
- position: relative;
3
- display: flex;
4
- flex-direction: column;
5
- width: var(--sidebar-width);
6
- height: 100%;
7
- max-height: 100vh;
8
- background-color: var(--fui-bg-primary, #ffffff);
9
- transition: width var(--fui-transition-normal, 200ms ease);
10
- overflow: hidden;
11
- flex-shrink: 0;
12
- }
13
- @media (max-width: 767px) {
14
- ._root_1owm0_1:not(._mobile_1owm0_14) {
15
- position: fixed;
16
- transform: translateX(-100%);
17
- }
18
- }
19
-
20
- ._collapsed_1owm0_20 {
21
- width: var(--sidebar-effective-collapsed-width, var(--sidebar-collapsed-width));
22
- }
23
- ._collapsed_1owm0_20 ._header_1owm0_23 {
24
- justify-content: center;
25
- padding: var(--fui-padding-item-xs, 0.5rem);
26
- }
27
- ._collapsed_1owm0_20 ._nav_1owm0_27 {
28
- padding: var(--fui-padding-item-xs, 0.5rem);
29
- }
30
- ._collapsed_1owm0_20 ._sectionLabel_1owm0_30 {
31
- position: absolute;
32
- width: 1px;
33
- height: 1px;
34
- padding: 0;
35
- margin: -1px;
36
- overflow: hidden;
37
- clip: rect(0, 0, 0, 0);
38
- white-space: nowrap;
39
- border: 0;
40
- }
41
- ._collapsed_1owm0_20 ._itemLabel_1owm0_41,
42
- ._collapsed_1owm0_20 ._itemBadge_1owm0_42,
43
- ._collapsed_1owm0_20 ._itemChevron_1owm0_43 {
44
- display: none;
45
- }
46
- ._collapsed_1owm0_20 ._item_1owm0_41 {
47
- justify-content: center;
48
- padding: var(--fui-padding-item-xs, 0.5rem);
49
- min-height: 2.2857142857rem;
50
- }
51
- ._collapsed_1owm0_20 ._itemIcon_1owm0_51 {
52
- margin: 0;
53
- }
54
- ._collapsed_1owm0_20 ._footer_1owm0_54 {
55
- justify-content: center;
56
- padding: var(--fui-padding-item-xs, 0.5rem);
57
- }
58
- ._collapsed_1owm0_20 ._collapseToggle_1owm0_58 {
59
- margin: 0 auto;
60
- }
61
-
62
- ._collapsedNoIcons_1owm0_62 {
63
- overflow: visible;
64
- }
65
- ._collapsedNoIcons_1owm0_62 ._header_1owm0_23,
66
- ._collapsedNoIcons_1owm0_62 ._nav_1owm0_27,
67
- ._collapsedNoIcons_1owm0_62 ._footer_1owm0_54 {
68
- visibility: hidden;
69
- pointer-events: none;
70
- }
71
- ._collapsedNoIcons_1owm0_62 ._collapseToggleFloating_1owm0_71 {
72
- visibility: visible;
73
- pointer-events: auto;
74
- }
75
-
76
- ._mobile_1owm0_14 {
77
- position: fixed;
78
- top: 0;
79
- left: 0;
80
- z-index: 51;
81
- transform: translateX(-100%);
82
- transition: transform var(--fui-transition-normal, 200ms ease);
83
- 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));
84
- }
85
- ._mobile_1owm0_14._positionRight_1owm0_85 {
86
- left: auto;
87
- right: 0;
88
- transform: translateX(100%);
89
- }
90
- ._mobile_1owm0_14[data-state=open] {
91
- transform: translateX(0);
92
- }
93
-
94
- ._header_1owm0_23 {
95
- display: flex;
96
- align-items: center;
97
- gap: var(--fui-space-3, 1.5rem);
98
- padding: var(--fui-padding-item-sm, 1rem) var(--fui-padding-item-sm, 1rem);
99
- flex-shrink: 0;
100
- height: var(--appshell-header-height, 56px);
101
- }
102
-
103
- ._nav_1owm0_27 {
104
- flex: 1;
105
- min-height: 0;
106
- display: flex;
107
- flex-direction: column;
108
- overflow: hidden;
109
- padding: var(--fui-padding-item-sm, 1rem);
110
- }
111
-
112
- ._navScrollArea_1owm0_112 {
113
- flex: 1;
114
- min-height: 0;
115
- }
116
-
117
- ._section_1owm0_30:not(:first-child) {
118
- margin-top: var(--fui-space-4, 2rem);
119
- }
120
-
121
- ._sectionHeader_1owm0_121 {
122
- display: flex;
123
- align-items: center;
124
- gap: var(--fui-space-2, 1rem);
125
- padding: var(--fui-padding-item-xs, 0.5rem) var(--fui-padding-item-sm, 1rem);
126
- }
127
-
128
- ._sectionTrigger_1owm0_128 {
129
- flex: 1;
130
- }
131
-
132
- ._sectionLabel_1owm0_30 {
133
- font-family: var(--fui-font-sans, Geist Sans, Geist, Inter, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, sans-serif);
134
- font-size: var(--fui-font-size-xs, 0.857rem);
135
- color: var(--fui-text-secondary, #52525b);
136
- font-size: var(--fui-font-size-2xs, 0.714rem);
137
- font-weight: var(--fui-font-weight-medium, 500);
138
- text-transform: uppercase;
139
- letter-spacing: 0.05em;
140
- flex: 1;
141
- min-width: 0;
142
- }
143
-
144
- ._sectionActionWrapper_1owm0_144 {
145
- flex-shrink: 0;
146
- }
147
-
148
- ._sectionAction_1owm0_144 {
149
- appearance: none;
150
- background: transparent;
151
- border: none;
152
- padding: 0;
153
- margin: 0;
154
- font: inherit;
155
- color: inherit;
156
- cursor: pointer;
157
- }
158
- ._sectionAction_1owm0_144:disabled {
159
- cursor: not-allowed;
160
- }
161
- ._sectionAction_1owm0_144 {
162
- 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);
163
- }
164
- ._sectionAction_1owm0_144:focus-visible {
165
- outline: none;
166
- 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);
167
- }
168
- ._sectionAction_1owm0_144:disabled, ._sectionAction_1owm0_144[data-disabled] {
169
- opacity: 0.5;
170
- pointer-events: none;
171
- }
172
- ._sectionAction_1owm0_144 {
173
- display: flex;
174
- align-items: center;
175
- justify-content: center;
176
- width: 1.7142857143rem;
177
- height: 1.7142857143rem;
178
- border-radius: var(--fui-radius-sm, 0.25rem);
179
- color: var(--fui-text-tertiary, #71717a);
180
- }
181
- ._sectionAction_1owm0_144:hover {
182
- background-color: var(--fui-bg-hover, rgba(0, 0, 0, 0.04));
183
- color: var(--fui-text-secondary, #52525b);
184
- }
185
- ._sectionAction_1owm0_144 svg {
186
- width: 1.143rem;
187
- height: 1.143rem;
188
- }
189
-
190
- ._sectionList_1owm0_190 {
191
- list-style: none;
192
- margin: 0;
193
- padding: 0;
194
- }
195
-
196
- ._sectionCollapsible_1owm0_196 ._sectionTrigger_1owm0_128 {
197
- background: transparent;
198
- display: flex;
199
- align-items: center;
200
- justify-content: space-between;
201
- width: 100%;
202
- padding: var(--fui-padding-item-xs, 0.5rem) var(--fui-padding-item-sm, 1rem);
203
- border-radius: var(--fui-radius-md, 0.429rem);
204
- }
205
- ._sectionCollapsible_1owm0_196 ._sectionTrigger_1owm0_128:hover {
206
- background-color: var(--fui-bg-hover, rgba(0, 0, 0, 0.04));
207
- }
208
-
209
- ._itemWrapper_1owm0_209 {
210
- list-style: none;
211
- }
212
-
213
- ._item_1owm0_41 {
214
- appearance: none;
215
- background: transparent;
216
- border: none;
217
- padding: 0;
218
- margin: 0;
219
- font: inherit;
220
- color: inherit;
221
- cursor: pointer;
222
- }
223
- ._item_1owm0_41:disabled {
224
- cursor: not-allowed;
225
- }
226
- ._item_1owm0_41 {
227
- 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);
228
- }
229
- ._item_1owm0_41:focus-visible {
230
- outline: none;
231
- 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);
232
- }
233
- ._item_1owm0_41:disabled, ._item_1owm0_41[data-disabled] {
234
- opacity: 0.5;
235
- pointer-events: none;
236
- }
237
- ._item_1owm0_41 {
238
- font-family: var(--fui-font-sans, Geist Sans, Geist, Inter, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, sans-serif);
239
- font-size: var(--fui-font-size-sm, 1rem);
240
- line-height: var(--fui-line-height-normal, 1.5);
241
- color: var(--fui-text-primary, #18181b);
242
- -webkit-font-smoothing: antialiased;
243
- -moz-osx-font-smoothing: grayscale;
244
- display: flex;
245
- align-items: center;
246
- gap: var(--fui-space-3, 1.5rem);
247
- padding: var(--fui-padding-item-xs, 0.5rem) var(--fui-padding-item-sm, 1rem);
248
- border-radius: var(--fui-radius-md, 0.429rem);
249
- color: var(--fui-text-secondary, #52525b);
250
- text-decoration: none;
251
- min-height: 2.5rem;
252
- }
253
- ._item_1owm0_41:hover:not(._itemDisabled_1owm0_253) {
254
- background-color: var(--fui-bg-hover, rgba(0, 0, 0, 0.04));
255
- color: var(--fui-text-primary, #18181b);
256
- text-decoration: none;
257
- }
258
- ._item_1owm0_41:active:not(._itemDisabled_1owm0_253) {
259
- background-color: var(--fui-bg-active, rgba(0, 0, 0, 0.06));
260
- }
261
-
262
- ._itemActive_1owm0_262 {
263
- background-color: var(--fui-bg-secondary, #f4f4f5);
264
- color: var(--fui-text-primary, #18181b);
265
- }
266
- ._itemActive_1owm0_262:hover {
267
- background-color: var(--fui-bg-secondary, #f4f4f5) !important;
268
- color: var(--fui-text-primary, #18181b) !important;
269
- text-decoration: none;
270
- }
271
- ._itemActive_1owm0_262:active {
272
- background-color: var(--fui-bg-secondary, #f4f4f5) !important;
273
- color: var(--fui-text-primary, #18181b) !important;
274
- text-decoration: none;
275
- }
276
- ._itemActive_1owm0_262 ._itemIcon_1owm0_51 {
277
- color: inherit;
278
- }
279
-
280
- ._itemDisabled_1owm0_253 {
281
- opacity: 0.5;
282
- cursor: not-allowed;
283
- }
284
-
285
- ._itemIcon_1owm0_51 {
286
- display: flex;
287
- align-items: center;
288
- justify-content: center;
289
- width: 1.429rem;
290
- height: 1.429rem;
291
- flex-shrink: 0;
292
- color: var(--fui-text-tertiary, #71717a);
293
- }
294
- ._itemIcon_1owm0_51 svg {
295
- width: 1.429rem;
296
- height: 1.429rem;
297
- }
298
- ._item_1owm0_41:hover:not(._itemDisabled_1owm0_253) ._itemIcon_1owm0_51 {
299
- color: var(--fui-text-secondary, #52525b);
300
- }
301
-
302
- ._itemLabel_1owm0_41 {
303
- flex: 1;
304
- text-align: left;
305
- white-space: nowrap;
306
- overflow: hidden;
307
- text-overflow: ellipsis;
308
- }
309
-
310
- ._itemBadge_1owm0_42 {
311
- display: flex;
312
- align-items: center;
313
- justify-content: center;
314
- padding: var(--fui-padding-item-xs, 0.5rem) var(--fui-padding-item-sm, 1rem);
315
- font-size: var(--fui-font-size-2xs, 0.714rem);
316
- font-weight: var(--fui-font-weight-medium, 500);
317
- background-color: var(--fui-color-accent-hover, rgb(62.88, 62.88, 70.74));
318
- color: var(--fui-text-inverse, #f4f4f5);
319
- border-radius: var(--fui-radius-full, 9999px);
320
- min-width: 1.429rem;
321
- line-height: 1;
322
- }
323
- ._itemActive_1owm0_262 ._itemBadge_1owm0_42 {
324
- background-color: var(--fui-bg-primary, #ffffff);
325
- color: var(--fui-color-accent, #18181b);
326
- }
327
-
328
- ._itemChevron_1owm0_43 {
329
- display: flex;
330
- align-items: center;
331
- justify-content: center;
332
- width: 1.143rem;
333
- height: 1.143rem;
334
- flex-shrink: 0;
335
- transition: transform var(--fui-transition-fast, 150ms ease);
336
- }
337
- ._itemChevron_1owm0_43 svg {
338
- width: 1.143rem;
339
- height: 1.143rem;
340
- }
341
-
342
- ._itemExpanded_1owm0_342 ._itemChevron_1owm0_43 {
343
- transform: rotate(90deg);
344
- }
345
-
346
- ._submenu_1owm0_346 {
347
- list-style: none;
348
- margin: 0;
349
- padding: 0;
350
- padding-left: var(--fui-space-6, 3rem);
351
- overflow: hidden;
352
- max-height: 0;
353
- transition: max-height var(--fui-transition-normal, 200ms ease);
354
- }
355
-
356
- ._submenuWrapper_1owm0_356 {
357
- list-style: none;
358
- }
359
-
360
- ._itemExpanded_1owm0_342 + ._submenuWrapper_1owm0_356 ._submenu_1owm0_346 {
361
- max-height: 500px;
362
- }
363
-
364
- ._subItemWrapper_1owm0_364 {
365
- list-style: none;
366
- }
367
-
368
- ._subItem_1owm0_364 {
369
- appearance: none;
370
- background: transparent;
371
- border: none;
372
- padding: 0;
373
- margin: 0;
374
- font: inherit;
375
- color: inherit;
376
- cursor: pointer;
377
- }
378
- ._subItem_1owm0_364:disabled {
379
- cursor: not-allowed;
380
- }
381
- ._subItem_1owm0_364 {
382
- 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);
383
- }
384
- ._subItem_1owm0_364:focus-visible {
385
- outline: none;
386
- 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);
387
- }
388
- ._subItem_1owm0_364:disabled, ._subItem_1owm0_364[data-disabled] {
389
- opacity: 0.5;
390
- pointer-events: none;
391
- }
392
- ._subItem_1owm0_364 {
393
- font-family: var(--fui-font-sans, Geist Sans, Geist, Inter, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, sans-serif);
394
- font-size: var(--fui-font-size-sm, 1rem);
395
- line-height: var(--fui-line-height-normal, 1.5);
396
- color: var(--fui-text-primary, #18181b);
397
- -webkit-font-smoothing: antialiased;
398
- -moz-osx-font-smoothing: grayscale;
399
- display: inline-flex;
400
- align-items: center;
401
- padding: var(--fui-padding-item-xs, 0.5rem) var(--fui-padding-item-sm, 1rem);
402
- border-radius: var(--fui-radius-md, 0.429rem);
403
- color: var(--fui-text-secondary, #52525b);
404
- text-decoration: none;
405
- font-size: var(--fui-font-size-sm, 1rem);
406
- min-height: 2.571rem;
407
- position: relative;
408
- }
409
- ._subItem_1owm0_364::before {
410
- content: "";
411
- position: absolute;
412
- left: 0;
413
- top: 50%;
414
- transform: translateY(-50%);
415
- width: 2px;
416
- height: 1.143rem;
417
- background-color: transparent;
418
- border-radius: var(--fui-radius-full, 9999px);
419
- transition: background-color var(--fui-transition-fast, 150ms ease);
420
- }
421
- ._subItem_1owm0_364:hover:not(._subItemDisabled_1owm0_421) {
422
- background-color: var(--fui-bg-hover, rgba(0, 0, 0, 0.04));
423
- color: var(--fui-text-primary, #18181b);
424
- text-decoration: none;
425
- }
426
- ._subItem_1owm0_364:active:not(._subItemDisabled_1owm0_421) {
427
- background-color: var(--fui-bg-active, rgba(0, 0, 0, 0.06));
428
- }
429
-
430
- ._subItemActive_1owm0_430 {
431
- color: var(--fui-color-accent-hover, rgb(62.88, 62.88, 70.74));
432
- font-weight: var(--fui-font-weight-medium, 500);
433
- }
434
- ._subItemActive_1owm0_430::before {
435
- background-color: var(--fui-color-accent-hover, rgb(62.88, 62.88, 70.74));
436
- }
437
-
438
- ._subItemDisabled_1owm0_421 {
439
- opacity: 0.5;
440
- cursor: not-allowed;
441
- }
442
-
443
- ._footer_1owm0_54 {
444
- display: flex;
445
- flex-direction: column;
446
- gap: var(--fui-space-2, 1rem);
447
- padding: var(--fui-padding-container-md, 2rem);
448
- margin-top: auto;
449
- flex-shrink: 0;
450
- }
451
-
452
- ._trigger_1owm0_452 {
453
- appearance: none;
454
- background: transparent;
455
- border: none;
456
- padding: 0;
457
- margin: 0;
458
- font: inherit;
459
- color: inherit;
460
- cursor: pointer;
461
- }
462
- ._trigger_1owm0_452:disabled {
463
- cursor: not-allowed;
464
- }
465
- ._trigger_1owm0_452 {
466
- 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);
467
- }
468
- ._trigger_1owm0_452:focus-visible {
469
- outline: none;
470
- 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);
471
- }
472
- ._trigger_1owm0_452:disabled, ._trigger_1owm0_452[data-disabled] {
473
- opacity: 0.5;
474
- pointer-events: none;
475
- }
476
- ._trigger_1owm0_452 {
477
- display: flex;
478
- align-items: center;
479
- justify-content: center;
480
- width: 3.1428571429rem;
481
- height: 3.1428571429rem;
482
- border-radius: var(--fui-radius-md, 0.429rem);
483
- color: var(--fui-text-primary, #18181b);
484
- }
485
- ._trigger_1owm0_452:hover {
486
- background-color: var(--fui-bg-hover, rgba(0, 0, 0, 0.04));
487
- }
488
- ._trigger_1owm0_452 svg {
489
- width: 1.714rem;
490
- height: 1.714rem;
491
- }
492
-
493
- ._overlay_1owm0_493 {
494
- position: fixed;
495
- inset: 0;
496
- z-index: 50;
497
- background-color: var(--fui-backdrop, rgba(0, 0, 0, 0.5));
498
- opacity: 0;
499
- transition: opacity var(--fui-transition-normal, 200ms ease);
500
- }
501
- ._overlay_1owm0_493[data-state=open] {
502
- opacity: 1;
503
- }
504
-
505
- ._collapseToggle_1owm0_58 {
506
- appearance: none;
507
- background: transparent;
508
- border: none;
509
- padding: 0;
510
- margin: 0;
511
- font: inherit;
512
- color: inherit;
513
- cursor: pointer;
514
- }
515
- ._collapseToggle_1owm0_58:disabled {
516
- cursor: not-allowed;
517
- }
518
- ._collapseToggle_1owm0_58 {
519
- 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);
520
- }
521
- ._collapseToggle_1owm0_58:focus-visible {
522
- outline: none;
523
- 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);
524
- }
525
- ._collapseToggle_1owm0_58:disabled, ._collapseToggle_1owm0_58[data-disabled] {
526
- opacity: 0.5;
527
- pointer-events: none;
528
- }
529
- ._collapseToggle_1owm0_58 {
530
- display: flex;
531
- align-items: center;
532
- justify-content: center;
533
- width: 2.2857142857rem;
534
- height: 2.2857142857rem;
535
- border-radius: var(--fui-radius-md, 0.429rem);
536
- color: var(--fui-text-secondary, #52525b);
537
- margin-left: auto;
538
- }
539
- ._collapseToggle_1owm0_58:hover {
540
- background-color: var(--fui-bg-hover, rgba(0, 0, 0, 0.04));
541
- color: var(--fui-text-primary, #18181b);
542
- }
543
- ._collapseToggle_1owm0_58 svg {
544
- width: 1.429rem;
545
- height: 1.429rem;
546
- }
547
-
548
- ._collapseToggleFloating_1owm0_71 {
549
- position: absolute;
550
- top: var(--fui-space-3, 1.5rem);
551
- left: calc(100% + var(--fui-space-2, 1rem));
552
- z-index: 20;
553
- margin: 0;
554
- background-color: var(--fui-bg-primary, #ffffff);
555
- border: 1px solid var(--fui-border, rgba(0, 0, 0, 0.08));
556
- box-shadow: var(--fui-shadow-sm, 0 1px 2px 0 rgba(0, 0, 0, 0.03));
557
- }
558
- ._positionRight_1owm0_85 ._collapseToggleFloating_1owm0_71 {
559
- left: auto;
560
- right: calc(100% + var(--fui-space-2, 1rem));
561
- }
562
-
563
- ._offcanvasCollapsed_1owm0_563 {
564
- width: 0;
565
- overflow: visible;
566
- }
567
- ._offcanvasCollapsed_1owm0_563 ._header_1owm0_23,
568
- ._offcanvasCollapsed_1owm0_563 ._nav_1owm0_27,
569
- ._offcanvasCollapsed_1owm0_563 ._footer_1owm0_54,
570
- ._offcanvasCollapsed_1owm0_563 ._rail_1owm0_570 {
571
- visibility: hidden;
572
- pointer-events: none;
573
- }
574
- ._offcanvasCollapsed_1owm0_563 ._collapseToggleFloating_1owm0_71 {
575
- visibility: visible;
576
- pointer-events: auto;
577
- }
578
-
579
- ._rail_1owm0_570 {
580
- appearance: none;
581
- background: transparent;
582
- border: none;
583
- padding: 0;
584
- margin: 0;
585
- font: inherit;
586
- color: inherit;
587
- cursor: pointer;
588
- }
589
- ._rail_1owm0_570:disabled {
590
- cursor: not-allowed;
591
- }
592
- ._rail_1owm0_570 {
593
- position: absolute;
594
- top: 0;
595
- right: 0;
596
- width: 1.143rem;
597
- height: 100%;
598
- cursor: pointer;
599
- z-index: 10;
600
- display: flex;
601
- align-items: center;
602
- justify-content: center;
603
- background: transparent;
604
- border: none;
605
- padding: 0;
606
- }
607
- ._positionRight_1owm0_85 ._rail_1owm0_570 {
608
- right: auto;
609
- left: 0;
610
- }
611
- ._rail_1owm0_570::before {
612
- content: "";
613
- position: absolute;
614
- top: 50%;
615
- transform: translateY(-50%);
616
- right: 4px;
617
- width: 4px;
618
- height: 2.857rem;
619
- border-radius: var(--fui-radius-full, 9999px);
620
- background-color: var(--fui-border, rgba(0, 0, 0, 0.08));
621
- opacity: 0;
622
- transition: opacity var(--fui-transition-fast, 150ms ease), background-color var(--fui-transition-fast, 150ms ease), height var(--fui-transition-fast, 150ms ease);
623
- }
624
- ._positionRight_1owm0_85 ._rail_1owm0_570::before {
625
- right: auto;
626
- left: 4px;
627
- }
628
- ._rail_1owm0_570:hover::before {
629
- opacity: 1;
630
- height: 4rem;
631
- background-color: var(--fui-color-accent, #18181b);
632
- }
633
- ._rail_1owm0_570:focus-visible::before {
634
- opacity: 1;
635
- background-color: var(--fui-color-accent, #18181b);
636
- }
637
-
638
- ._railCollapsed_1owm0_638::before {
639
- opacity: 0.7;
640
- }
641
-
642
- ._menuSkeleton_1owm0_642 {
643
- display: flex;
644
- flex-direction: column;
645
- gap: var(--fui-space-2, 1rem);
646
- padding: var(--fui-padding-item-sm, 1rem);
647
- }
648
-
649
- ._skeletonItem_1owm0_649 {
650
- display: flex;
651
- align-items: center;
652
- gap: var(--fui-space-3, 1.5rem);
653
- padding: var(--fui-padding-item-xs, 0.5rem) var(--fui-padding-item-sm, 1rem);
654
- min-height: 2.5rem;
655
- }
656
-
657
- ._skeletonLabel_1owm0_657 {
658
- flex: 1;
659
- }
660
-
661
- @media (prefers-reduced-motion: reduce) {
662
- ._root_1owm0_1 {
663
- transition: none;
664
- }
665
- ._mobile_1owm0_14 {
666
- transition: none;
667
- }
668
- ._overlay_1owm0_493 {
669
- transition: none;
670
- }
671
- ._submenu_1owm0_346 {
672
- transition: none;
673
- }
674
- ._itemChevron_1owm0_43 {
675
- transition: none;
676
- }
677
- ._rail_1owm0_570::before {
678
- transition: none;
679
- }
680
- ._subItem_1owm0_364::before {
681
- transition: none;
682
- }
683
- }