@fragments-sdk/ui 0.9.2 → 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 (68) hide show
  1. package/dist/assets/ui.css +10324 -0
  2. package/fragments.json +1 -1
  3. package/package.json +119 -98
  4. package/dist/assets/components/Accordion/Accordion.module.css +0 -107
  5. package/dist/assets/components/Alert/Alert.module.css +0 -158
  6. package/dist/assets/components/AppShell/AppShell.module.css +0 -156
  7. package/dist/assets/components/Avatar/Avatar.module.css +0 -109
  8. package/dist/assets/components/Badge/Badge.module.css +0 -117
  9. package/dist/assets/components/BentoGrid/BentoGrid.module.css +0 -113
  10. package/dist/assets/components/Box/Box.module.css +0 -341
  11. package/dist/assets/components/Breadcrumbs/Breadcrumbs.module.css +0 -108
  12. package/dist/assets/components/Button/Button.module.css +0 -153
  13. package/dist/assets/components/ButtonGroup/ButtonGroup.module.css +0 -32
  14. package/dist/assets/components/Card/Card.module.css +0 -131
  15. package/dist/assets/components/Chart/Chart.module.css +0 -122
  16. package/dist/assets/components/Checkbox/Checkbox.module.css +0 -129
  17. package/dist/assets/components/Chip/Chip.module.css +0 -248
  18. package/dist/assets/components/CodeBlock/CodeBlock.module.css +0 -309
  19. package/dist/assets/components/Collapsible/Collapsible.module.css +0 -103
  20. package/dist/assets/components/ColorPicker/ColorPicker.module.css +0 -140
  21. package/dist/assets/components/Combobox/Combobox.module.css +0 -278
  22. package/dist/assets/components/Command/Command.module.css +0 -132
  23. package/dist/assets/components/ConversationList/ConversationList.module.css +0 -138
  24. package/dist/assets/components/DatePicker/DatePicker.module.css +0 -388
  25. package/dist/assets/components/Dialog/Dialog.module.css +0 -170
  26. package/dist/assets/components/Drawer/Drawer.module.css +0 -214
  27. package/dist/assets/components/EmptyState/EmptyState.module.css +0 -100
  28. package/dist/assets/components/Field/Field.module.css +0 -30
  29. package/dist/assets/components/Fieldset/Fieldset.module.css +0 -21
  30. package/dist/assets/components/Form/Form.module.css +0 -5
  31. package/dist/assets/components/Grid/Grid.module.css +0 -249
  32. package/dist/assets/components/Header/Header.module.css +0 -332
  33. package/dist/assets/components/Icon/Icon.module.css +0 -35
  34. package/dist/assets/components/Image/Image.module.css +0 -71
  35. package/dist/assets/components/Input/Input.module.css +0 -135
  36. package/dist/assets/components/Link/Link.module.css +0 -66
  37. package/dist/assets/components/List/List.module.css +0 -66
  38. package/dist/assets/components/Listbox/Listbox.module.css +0 -99
  39. package/dist/assets/components/Loading/Loading.module.css +0 -210
  40. package/dist/assets/components/Markdown/Markdown.module.css +0 -149
  41. package/dist/assets/components/Menu/Menu.module.css +0 -182
  42. package/dist/assets/components/Message/Message.module.css +0 -175
  43. package/dist/assets/components/NavigationMenu/NavigationMenu.module.css +0 -553
  44. package/dist/assets/components/Pagination/Pagination.module.css +0 -92
  45. package/dist/assets/components/Popover/Popover.module.css +0 -168
  46. package/dist/assets/components/Progress/Progress.module.css +0 -166
  47. package/dist/assets/components/Prompt/Prompt.module.css +0 -262
  48. package/dist/assets/components/RadioGroup/RadioGroup.module.css +0 -152
  49. package/dist/assets/components/ScrollArea/ScrollArea.module.css +0 -89
  50. package/dist/assets/components/Select/Select.module.css +0 -206
  51. package/dist/assets/components/Separator/Separator.module.css +0 -71
  52. package/dist/assets/components/Sidebar/Sidebar.module.css +0 -683
  53. package/dist/assets/components/Skeleton/Skeleton.module.css +0 -134
  54. package/dist/assets/components/Slider/Slider.module.css +0 -83
  55. package/dist/assets/components/Stack/Stack.module.css +0 -132
  56. package/dist/assets/components/Table/Table.module.css +0 -230
  57. package/dist/assets/components/TableOfContents/TableOfContents.module.css +0 -53
  58. package/dist/assets/components/Tabs/Tabs.module.css +0 -142
  59. package/dist/assets/components/Text/Text.module.css +0 -85
  60. package/dist/assets/components/Textarea/Textarea.module.css +0 -96
  61. package/dist/assets/components/Theme/ThemeToggle.module.css +0 -85
  62. package/dist/assets/components/ThinkingIndicator/ThinkingIndicator.module.css +0 -201
  63. package/dist/assets/components/Toast/Toast.module.css +0 -199
  64. package/dist/assets/components/Toggle/Toggle.module.css +0 -133
  65. package/dist/assets/components/ToggleGroup/ToggleGroup.module.css +0 -122
  66. package/dist/assets/components/Tooltip/Tooltip.module.css +0 -64
  67. package/dist/assets/components/VisuallyHidden/VisuallyHidden.module.css +0 -11
  68. package/dist/assets/styles/globals.css +0 -355
@@ -1,140 +0,0 @@
1
- ._wrapper_1x6q3_1 {
2
- display: flex;
3
- flex-direction: column;
4
- }
5
-
6
- ._sizeSm_1x6q3_6 ._inputWrapper_1x6q3_6 {
7
- gap: var(--fui-space-1, 0.5rem);
8
- }
9
- ._sizeSm_1x6q3_6 ._swatch_1x6q3_9 {
10
- width: 1.7142857143rem;
11
- height: 1.7142857143rem;
12
- }
13
- ._sizeSm_1x6q3_6 ._hexInput_1x6q3_13 {
14
- min-width: 80px;
15
- flex: 0 0 auto;
16
- }
17
- ._sizeSm_1x6q3_6 ._label_1x6q3_17 {
18
- font-size: var(--fui-font-size-xs, 0.857rem);
19
- }
20
-
21
- ._sizeLg_1x6q3_21 ._inputWrapper_1x6q3_6 {
22
- gap: var(--fui-space-3, 1.5rem);
23
- }
24
- ._sizeLg_1x6q3_21 ._swatch_1x6q3_9 {
25
- width: 48px;
26
- height: var(--fui-input-height-lg, 3.1428571429rem);
27
- }
28
- ._sizeLg_1x6q3_21 ._hexInput_1x6q3_13 {
29
- min-width: 120px;
30
- }
31
- ._sizeLg_1x6q3_21 ._label_1x6q3_17 {
32
- font-size: var(--fui-font-size-base, 1.143rem);
33
- }
34
-
35
- ._label_1x6q3_17 {
36
- font-family: var(--fui-font-sans, Geist Sans, Geist, Inter, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, sans-serif);
37
- font-size: var(--fui-font-size-sm, 1rem);
38
- font-weight: var(--fui-font-weight-medium, 500);
39
- color: var(--fui-text-primary, #18181b);
40
- margin-bottom: var(--fui-space-1, 0.5rem);
41
- }
42
-
43
- ._inputWrapper_1x6q3_6 {
44
- display: flex;
45
- gap: var(--fui-space-2, 1rem);
46
- align-items: center;
47
- }
48
-
49
- ._swatch_1x6q3_9 {
50
- appearance: none;
51
- background: transparent;
52
- border: none;
53
- padding: 0;
54
- margin: 0;
55
- font: inherit;
56
- color: inherit;
57
- cursor: pointer;
58
- }
59
- ._swatch_1x6q3_9:disabled {
60
- cursor: not-allowed;
61
- }
62
- ._swatch_1x6q3_9 {
63
- 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);
64
- }
65
- ._swatch_1x6q3_9:focus-visible {
66
- outline: none;
67
- 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);
68
- }
69
- ._swatch_1x6q3_9:disabled, ._swatch_1x6q3_9[data-disabled] {
70
- opacity: 0.5;
71
- pointer-events: none;
72
- }
73
- ._swatch_1x6q3_9 {
74
- min-width: var(--fui-target-size-min, 1.714rem);
75
- min-height: var(--fui-target-size-min, 1.714rem);
76
- width: var(--fui-target-size-comfortable, 2.2857142857rem);
77
- height: var(--fui-input-height, 2.8571428571rem);
78
- border: 1px solid var(--fui-border, rgba(0, 0, 0, 0.08));
79
- border-radius: var(--fui-radius-sm, 0.25rem);
80
- flex-shrink: 0;
81
- }
82
- ._swatch_1x6q3_9:hover:not(:disabled) {
83
- border-color: var(--fui-border-strong, rgba(0, 0, 0, 0.14));
84
- }
85
- ._swatch_1x6q3_9:focus-visible {
86
- outline: none;
87
- 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);
88
- }
89
- ._swatch_1x6q3_9:disabled {
90
- opacity: 0.5;
91
- cursor: not-allowed;
92
- }
93
-
94
- ._hexInput_1x6q3_13 {
95
- flex: 1;
96
- min-width: 0;
97
- }
98
-
99
- ._hexInputField_1x6q3_99 {
100
- font-family: var(--fui-font-mono, "Geist Mono", "SF Mono", SFMono-Regular, ui-monospace, "Cascadia Code", Menlo, monospace) !important;
101
- text-transform: lowercase;
102
- }
103
-
104
- ._positioner_1x6q3_104 {
105
- z-index: 100;
106
- outline: none;
107
- }
108
-
109
- ._popup_1x6q3_109 {
110
- background-color: var(--fui-bg-elevated, #ffffff);
111
- border: 1px solid var(--fui-border, rgba(0, 0, 0, 0.08));
112
- border-radius: var(--fui-radius-lg, 0.571rem);
113
- 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));
114
- padding: var(--fui-space-2, 1rem);
115
- }
116
- ._popup_1x6q3_109 .react-colorful {
117
- width: 200px;
118
- height: 200px;
119
- }
120
- ._popup_1x6q3_109 .react-colorful__saturation {
121
- border-radius: var(--fui-radius-md, 0.429rem);
122
- margin-bottom: var(--fui-space-2, 1rem);
123
- }
124
- ._popup_1x6q3_109 .react-colorful__hue {
125
- height: var(--fui-colorpicker-hue-height, 1.714rem);
126
- border-radius: var(--fui-radius-sm, 0.25rem);
127
- }
128
- ._popup_1x6q3_109 .react-colorful__pointer {
129
- width: var(--fui-colorpicker-pointer-size, 1.714rem);
130
- height: var(--fui-colorpicker-pointer-size, 1.714rem);
131
- border: 2px solid var(--fui-text-inverse, #f4f4f5);
132
- 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));
133
- }
134
-
135
- ._description_1x6q3_135 {
136
- font-family: var(--fui-font-sans, Geist Sans, Geist, Inter, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, sans-serif);
137
- font-size: var(--fui-font-size-xs, 0.857rem);
138
- color: var(--fui-text-secondary, #52525b);
139
- margin-top: var(--fui-space-1, 0.5rem);
140
- }
@@ -1,278 +0,0 @@
1
- ._multiContainer_1022c_1 {
2
- display: flex;
3
- flex-direction: column;
4
- width: 100%;
5
- }
6
-
7
- ._inputWrapper_1022c_7 {
8
- display: inline-flex;
9
- align-items: center;
10
- flex-wrap: wrap;
11
- gap: var(--fui-space-1, 0.5rem);
12
- width: 100%;
13
- min-width: 10rem;
14
- min-height: var(--fui-input-height, 2.8571428571rem);
15
- padding: var(--fui-space-1, 0.5rem);
16
- padding-right: 0;
17
- background-color: var(--fui-bg-elevated, #ffffff);
18
- border: 1px solid var(--fui-border-strong, rgba(0, 0, 0, 0.14));
19
- border-radius: var(--fui-radius-md, 0.429rem);
20
- transition: border-color var(--fui-transition-fast, 150ms ease), box-shadow var(--fui-transition-fast, 150ms ease);
21
- }
22
- ._inputWrapper_1022c_7:hover:not(:has([data-disabled])) {
23
- border-color: var(--fui-text-tertiary, #71717a);
24
- }
25
- ._inputWrapper_1022c_7:focus-within {
26
- outline: none;
27
- 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);
28
- border-color: var(--fui-color-accent, #18181b);
29
- }
30
- ._inputWrapper_1022c_7:has([data-disabled]) {
31
- background-color: var(--fui-bg-tertiary, #f4f4f5);
32
- color: var(--fui-text-tertiary, #71717a);
33
- }
34
-
35
- ._input_1022c_7 {
36
- font-family: var(--fui-font-sans, Geist Sans, Geist, Inter, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, sans-serif);
37
- font-size: var(--fui-font-size-sm, 1rem);
38
- line-height: var(--fui-line-height-normal, 1.5);
39
- color: var(--fui-text-primary, #18181b);
40
- -webkit-font-smoothing: antialiased;
41
- -moz-osx-font-smoothing: grayscale;
42
- flex: 1;
43
- min-width: 4rem;
44
- height: calc(var(--fui-input-height, 2.8571428571rem) - var(--fui-space-2, 1rem));
45
- padding: 0 var(--fui-space-2, 1rem);
46
- background: transparent;
47
- border: none;
48
- border-radius: var(--fui-radius-sm, 0.25rem);
49
- outline: none;
50
- }
51
- ._input_1022c_7::placeholder {
52
- color: var(--fui-text-tertiary, #71717a);
53
- }
54
- ._input_1022c_7:disabled, ._input_1022c_7[data-disabled] {
55
- color: var(--fui-text-tertiary, #71717a);
56
- cursor: not-allowed;
57
- }
58
-
59
- ._chips_1022c_59 {
60
- display: flex;
61
- flex-wrap: wrap;
62
- gap: var(--fui-space-1, 0.5rem);
63
- width: 100%;
64
- padding-top: var(--fui-space-1, 0.5rem);
65
- }
66
-
67
- ._chip_1022c_59 {
68
- display: inline-flex;
69
- align-items: center;
70
- gap: var(--fui-space-1, 0.5rem);
71
- padding: 2px var(--fui-space-2, 1rem);
72
- background-color: var(--fui-bg-subtle, #fafafa);
73
- border: 1px solid var(--fui-border, rgba(0, 0, 0, 0.08));
74
- border-radius: var(--fui-radius-sm, 0.25rem);
75
- font-size: var(--fui-font-size-xs, 0.857rem);
76
- line-height: 1.4;
77
- white-space: nowrap;
78
- max-width: 12rem;
79
- }
80
-
81
- ._chipLabel_1022c_81 {
82
- overflow: hidden;
83
- text-overflow: ellipsis;
84
- white-space: nowrap;
85
- }
86
-
87
- ._chipRemove_1022c_87 {
88
- appearance: none;
89
- background: transparent;
90
- border: none;
91
- padding: 0;
92
- margin: 0;
93
- font: inherit;
94
- color: inherit;
95
- cursor: pointer;
96
- }
97
- ._chipRemove_1022c_87:disabled {
98
- cursor: not-allowed;
99
- }
100
- ._chipRemove_1022c_87 {
101
- min-width: var(--fui-target-size-min, 1.714rem);
102
- min-height: var(--fui-target-size-min, 1.714rem);
103
- display: inline-flex;
104
- align-items: center;
105
- justify-content: center;
106
- flex-shrink: 0;
107
- width: 1rem;
108
- height: 1rem;
109
- border-radius: var(--fui-radius-xs, 2px);
110
- color: var(--fui-text-tertiary, #71717a);
111
- cursor: pointer;
112
- transition: color var(--fui-transition-fast, 150ms ease);
113
- }
114
- ._chipRemove_1022c_87:hover {
115
- color: var(--fui-text-primary, #18181b);
116
- background-color: var(--fui-bg-hover, rgba(0, 0, 0, 0.04));
117
- }
118
-
119
- ._trigger_1022c_119 {
120
- appearance: none;
121
- background: transparent;
122
- border: none;
123
- padding: 0;
124
- margin: 0;
125
- font: inherit;
126
- color: inherit;
127
- cursor: pointer;
128
- }
129
- ._trigger_1022c_119:disabled {
130
- cursor: not-allowed;
131
- }
132
- ._trigger_1022c_119 {
133
- display: flex;
134
- align-items: center;
135
- justify-content: center;
136
- flex-shrink: 0;
137
- align-self: stretch;
138
- width: 2rem;
139
- margin-left: auto;
140
- color: var(--fui-text-secondary, #52525b);
141
- cursor: pointer;
142
- border-radius: 0 var(--fui-radius-md, 0.429rem) var(--fui-radius-md, 0.429rem) 0;
143
- transition: color var(--fui-transition-fast, 150ms ease);
144
- }
145
- ._trigger_1022c_119:hover {
146
- color: var(--fui-text-primary, #18181b);
147
- }
148
- ._trigger_1022c_119[data-disabled] {
149
- color: var(--fui-text-tertiary, #71717a);
150
- cursor: not-allowed;
151
- }
152
- ._trigger_1022c_119 svg {
153
- width: 1rem;
154
- height: 1rem;
155
- transition: transform var(--fui-transition-fast, 150ms ease);
156
- }
157
- ._trigger_1022c_119[data-popup-open] svg {
158
- transform: rotate(180deg);
159
- }
160
-
161
- ._positioner_1022c_161 {
162
- z-index: 52;
163
- outline: none;
164
- }
165
-
166
- ._popup_1022c_166 {
167
- background-color: var(--fui-bg-elevated, #ffffff);
168
- border: 1px solid var(--fui-border, rgba(0, 0, 0, 0.08));
169
- border-radius: var(--fui-radius-lg, 0.571rem);
170
- --_item-h: calc(
171
- var(--fui-font-size-sm, 1rem) * var(--fui-line-height-normal, 1.5) +
172
- var(--fui-space-2, 1rem) * 2
173
- );
174
- min-width: var(--anchor-width);
175
- max-height: calc(var(--_item-h) * var(--fui-select-max-items, 4.5) + var(--fui-space-1, 0.5rem) * 2) !important;
176
- overflow-y: auto !important;
177
- padding: var(--fui-padding-item-xs, 0.5rem);
178
- 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));
179
- opacity: 0;
180
- transform: scale(0.95);
181
- transform-origin: var(--transform-origin);
182
- transition: opacity var(--fui-transition-fast, 150ms ease), transform var(--fui-transition-fast, 150ms ease);
183
- }
184
- ._popup_1022c_166[data-open] {
185
- opacity: 1;
186
- transform: scale(1);
187
- }
188
- ._popup_1022c_166[data-starting-style], ._popup_1022c_166[data-ending-style] {
189
- opacity: 0;
190
- transform: scale(0.95);
191
- }
192
-
193
- ._item_1022c_193 {
194
- appearance: none;
195
- background: transparent;
196
- border: none;
197
- padding: 0;
198
- margin: 0;
199
- font: inherit;
200
- color: inherit;
201
- cursor: pointer;
202
- }
203
- ._item_1022c_193:disabled {
204
- cursor: not-allowed;
205
- }
206
- ._item_1022c_193 {
207
- font-family: var(--fui-font-sans, Geist Sans, Geist, Inter, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, sans-serif);
208
- font-size: var(--fui-font-size-sm, 1rem);
209
- line-height: var(--fui-line-height-normal, 1.5);
210
- color: var(--fui-text-primary, #18181b);
211
- -webkit-font-smoothing: antialiased;
212
- -moz-osx-font-smoothing: grayscale;
213
- display: flex;
214
- align-items: center;
215
- gap: var(--fui-space-2, 1rem);
216
- width: 100%;
217
- padding: var(--fui-padding-item-xs, 0.5rem) var(--fui-padding-item-md, 1.5rem);
218
- border-radius: var(--fui-radius-sm, 0.25rem);
219
- cursor: pointer;
220
- outline: none;
221
- }
222
- ._item_1022c_193[data-highlighted] {
223
- background-color: var(--fui-bg-hover, rgba(0, 0, 0, 0.04));
224
- }
225
- ._item_1022c_193[data-selected] {
226
- background-color: var(--fui-color-accent, #18181b);
227
- color: var(--fui-text-inverse, #f4f4f5);
228
- }
229
- ._item_1022c_193[data-selected][data-highlighted] {
230
- background-color: var(--fui-color-accent-hover, rgb(62.88, 62.88, 70.74));
231
- }
232
- ._item_1022c_193[data-disabled] {
233
- color: var(--fui-text-tertiary, #71717a);
234
- cursor: not-allowed;
235
- }
236
-
237
- ._itemIndicator_1022c_237 {
238
- display: flex;
239
- align-items: center;
240
- justify-content: center;
241
- width: 1rem;
242
- height: 1rem;
243
- margin-left: auto;
244
- }
245
- ._itemIndicator_1022c_237 svg {
246
- width: 0.875rem;
247
- height: 0.875rem;
248
- }
249
-
250
- ._empty_1022c_250 {
251
- font-family: var(--fui-font-sans, Geist Sans, Geist, Inter, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, sans-serif);
252
- font-size: var(--fui-font-size-sm, 1rem);
253
- line-height: var(--fui-line-height-normal, 1.5);
254
- color: var(--fui-text-primary, #18181b);
255
- -webkit-font-smoothing: antialiased;
256
- -moz-osx-font-smoothing: grayscale;
257
- display: flex;
258
- align-items: center;
259
- justify-content: center;
260
- padding: var(--fui-padding-item-lg, 2rem) var(--fui-padding-item-md, 1.5rem);
261
- color: var(--fui-text-tertiary, #71717a);
262
- font-size: var(--fui-font-size-sm, 1rem);
263
- }
264
-
265
- ._group_1022c_265:not(:first-child) {
266
- margin-top: var(--fui-space-1, 0.5rem);
267
- padding-top: var(--fui-space-1, 0.5rem);
268
- border-top: 1px solid var(--fui-border, rgba(0, 0, 0, 0.08));
269
- }
270
-
271
- ._groupLabel_1022c_271 {
272
- padding: var(--fui-padding-item-xs, 0.5rem) var(--fui-padding-item-md, 1.5rem);
273
- font-size: var(--fui-font-size-xs, 0.857rem);
274
- font-weight: var(--fui-font-weight-medium, 500);
275
- color: var(--fui-text-tertiary, #71717a);
276
- text-transform: uppercase;
277
- letter-spacing: 0.05em;
278
- }
@@ -1,132 +0,0 @@
1
- ._command_krhel_1 {
2
- background-color: var(--fui-bg-elevated, #ffffff);
3
- border: 1px solid var(--fui-border, rgba(0, 0, 0, 0.08));
4
- border-radius: var(--fui-radius-lg, 0.571rem);
5
- display: flex;
6
- flex-direction: column;
7
- overflow: hidden;
8
- box-shadow: var(--fui-shadow-md);
9
- }
10
-
11
- ._inputWrapper_krhel_11 {
12
- display: flex;
13
- align-items: center;
14
- gap: var(--fui-space-2, 0.5rem);
15
- padding: var(--fui-padding-item-sm, 0.5rem) var(--fui-padding-container-md, 1rem);
16
- border-bottom: 1px solid var(--fui-border);
17
- }
18
- ._inputWrapper_krhel_11 svg {
19
- flex-shrink: 0;
20
- width: 1rem;
21
- height: 1rem;
22
- color: var(--fui-text-secondary);
23
- }
24
-
25
- ._input_krhel_11 {
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
- width: 100%;
33
- border: none;
34
- background: transparent;
35
- outline: none;
36
- font-size: var(--fui-font-size-sm, 0.875rem);
37
- color: var(--fui-text-primary);
38
- padding: var(--fui-space-1, 0.25rem) 0;
39
- }
40
- ._input_krhel_11::placeholder {
41
- color: var(--fui-text-tertiary);
42
- }
43
-
44
- ._list_krhel_44 {
45
- overflow-y: auto;
46
- max-height: 300px;
47
- padding: var(--fui-padding-item-xs, 0.25rem);
48
- }
49
-
50
- ._item_krhel_50 {
51
- appearance: none;
52
- background: transparent;
53
- border: none;
54
- padding: 0;
55
- margin: 0;
56
- font: inherit;
57
- color: inherit;
58
- cursor: pointer;
59
- }
60
- ._item_krhel_50:disabled {
61
- cursor: not-allowed;
62
- }
63
- ._item_krhel_50 {
64
- font-family: var(--fui-font-sans, Geist Sans, Geist, Inter, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, sans-serif);
65
- font-size: var(--fui-font-size-sm, 1rem);
66
- line-height: var(--fui-line-height-normal, 1.5);
67
- color: var(--fui-text-primary, #18181b);
68
- -webkit-font-smoothing: antialiased;
69
- -moz-osx-font-smoothing: grayscale;
70
- display: flex;
71
- align-items: center;
72
- gap: var(--fui-space-2, 0.5rem);
73
- width: 100%;
74
- padding: var(--fui-padding-item-xs, 0.25rem) var(--fui-padding-item-md, 0.75rem);
75
- border-radius: var(--fui-radius-sm, 0.25rem);
76
- cursor: pointer;
77
- text-align: left;
78
- color: var(--fui-text-primary);
79
- background: transparent;
80
- border: none;
81
- font-size: var(--fui-font-size-sm, 0.875rem);
82
- transition: background-color 0.1s ease;
83
- }
84
- ._item_krhel_50:hover {
85
- background-color: var(--fui-bg-hover);
86
- }
87
-
88
- ._itemActive_krhel_88 {
89
- background-color: var(--fui-bg-hover);
90
- }
91
-
92
- ._itemDisabled_krhel_92 {
93
- color: var(--fui-text-tertiary);
94
- cursor: not-allowed;
95
- }
96
- ._itemDisabled_krhel_92:hover {
97
- background-color: transparent;
98
- }
99
-
100
- ._group_krhel_100:not(:first-child) {
101
- margin-top: var(--fui-space-1, 0.25rem);
102
- }
103
-
104
- ._groupHeading_krhel_104 {
105
- padding: var(--fui-padding-item-xs, 0.25rem) var(--fui-padding-item-md, 0.75rem);
106
- font-size: var(--fui-font-size-xs, 0.75rem);
107
- font-weight: var(--fui-font-weight-medium, 500);
108
- color: var(--fui-text-tertiary);
109
- }
110
-
111
- ._empty_krhel_111 {
112
- padding: var(--fui-padding-item-md, 0.75rem);
113
- font-size: var(--fui-font-size-sm, 0.875rem);
114
- color: var(--fui-text-secondary);
115
- text-align: center;
116
- }
117
-
118
- ._separator_krhel_118 {
119
- height: 1px;
120
- margin: var(--fui-space-1, 0.25rem) 0;
121
- background-color: var(--fui-border);
122
- }
123
-
124
- @media (prefers-contrast: more) {
125
- ._command_krhel_1 {
126
- border-width: 2px;
127
- }
128
- ._itemActive_krhel_88 {
129
- outline: 2px solid var(--fui-color-accent);
130
- outline-offset: -2px;
131
- }
132
- }
@@ -1,138 +0,0 @@
1
- ._conversationList_g8jv9_1 {
2
- display: flex;
3
- flex-direction: column;
4
- flex: 1;
5
- overflow-y: auto;
6
- overflow-x: hidden;
7
- scroll-behavior: smooth;
8
- }
9
- @media (prefers-reduced-motion: reduce) {
10
- ._conversationList_g8jv9_1 {
11
- scroll-behavior: auto;
12
- }
13
- }
14
-
15
- ._content_g8jv9_15 {
16
- display: flex;
17
- flex-direction: column;
18
- gap: var(--fui-space-2, 1rem);
19
- padding: var(--fui-padding-container-sm);
20
- min-height: 100%;
21
- }
22
-
23
- ._loadingHistory_g8jv9_23 {
24
- display: flex;
25
- align-items: center;
26
- justify-content: center;
27
- gap: var(--fui-space-2, 1rem);
28
- padding: var(--fui-padding-container-sm);
29
- color: var(--fui-text-secondary, #52525b);
30
- font-size: var(--fui-font-size-xs, 0.857rem);
31
- }
32
-
33
- ._spinner_g8jv9_33 {
34
- animation: _spin_g8jv9_33 1s linear infinite;
35
- }
36
- @media (prefers-reduced-motion: reduce) {
37
- ._spinner_g8jv9_33 {
38
- animation: none;
39
- }
40
- }
41
-
42
- @keyframes _spin_g8jv9_33 {
43
- from {
44
- transform: rotate(0deg);
45
- }
46
- to {
47
- transform: rotate(360deg);
48
- }
49
- }
50
- ._dateSeparator_g8jv9_50 {
51
- display: flex;
52
- align-items: center;
53
- gap: var(--fui-space-2, 1rem);
54
- padding: var(--fui-space-2, 1rem) 0;
55
- }
56
-
57
- ._dateSeparatorLine_g8jv9_57 {
58
- flex: 1;
59
- height: 1px;
60
- background-color: var(--fui-border, rgba(0, 0, 0, 0.08));
61
- }
62
-
63
- ._dateSeparatorText_g8jv9_63 {
64
- font-family: var(--fui-font-sans, Geist Sans, Geist, Inter, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, sans-serif);
65
- font-size: var(--fui-font-size-xs, 0.857rem);
66
- color: var(--fui-text-secondary, #52525b);
67
- font-size: var(--fui-font-size-2xs, 0.714rem);
68
- color: var(--fui-text-secondary, #52525b);
69
- white-space: nowrap;
70
- text-transform: uppercase;
71
- letter-spacing: 0.05em;
72
- }
73
-
74
- ._typingIndicator_g8jv9_74 {
75
- display: flex;
76
- align-items: center;
77
- gap: var(--fui-space-2, 1rem);
78
- padding: var(--fui-padding-inline-sm);
79
- }
80
-
81
- ._typingAvatar_g8jv9_81 {
82
- flex-shrink: 0;
83
- display: flex;
84
- align-items: center;
85
- justify-content: center;
86
- width: 2rem;
87
- height: 2rem;
88
- border-radius: var(--fui-radius-full, 9999px);
89
- background-color: var(--fui-bg-tertiary, #f4f4f5);
90
- color: var(--fui-text-secondary, #52525b);
91
- }
92
- ._typingAvatar_g8jv9_81 svg {
93
- width: 1rem;
94
- height: 1rem;
95
- }
96
-
97
- ._typingContent_g8jv9_97 {
98
- display: flex;
99
- align-items: center;
100
- gap: 4px;
101
- padding: var(--fui-padding-inline-sm) var(--fui-padding-inline-md);
102
- background-color: var(--fui-bg-secondary, #f4f4f5);
103
- border-radius: var(--fui-radius-lg, 0.571rem);
104
- }
105
-
106
- ._typingDot_g8jv9_106 {
107
- width: 6px;
108
- height: 6px;
109
- border-radius: var(--fui-radius-full, 9999px);
110
- background-color: var(--fui-text-tertiary, #71717a);
111
- animation: _bounce_g8jv9_1 1.4s ease-in-out infinite;
112
- }
113
- ._typingDot_g8jv9_106:nth-child(1) {
114
- animation-delay: 0s;
115
- }
116
- ._typingDot_g8jv9_106:nth-child(2) {
117
- animation-delay: 0.2s;
118
- }
119
- ._typingDot_g8jv9_106:nth-child(3) {
120
- animation-delay: 0.4s;
121
- }
122
- @media (prefers-reduced-motion: reduce) {
123
- ._typingDot_g8jv9_106 {
124
- animation: none;
125
- opacity: 0.6;
126
- }
127
- }
128
-
129
- @keyframes _bounce_g8jv9_1 {
130
- 0%, 60%, 100% {
131
- transform: translateY(0);
132
- opacity: 0.4;
133
- }
134
- 30% {
135
- transform: translateY(-4px);
136
- opacity: 1;
137
- }
138
- }