@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,248 +0,0 @@
1
- ._chip_169ej_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
- ._chip_169ej_1:disabled {
12
- cursor: not-allowed;
13
- }
14
- ._chip_169ej_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
- ._chip_169ej_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
- ._chip_169ej_1:disabled, ._chip_169ej_1[data-disabled] {
22
- opacity: 0.5;
23
- pointer-events: none;
24
- }
25
- ._chip_169ej_1 {
26
- display: inline-flex;
27
- align-items: center;
28
- gap: var(--fui-space-1, 0.5rem);
29
- border-radius: var(--fui-radius-full, 9999px);
30
- font-family: var(--fui-font-sans, "Geist Sans", "Geist", Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);
31
- font-weight: var(--fui-font-weight-medium, 500);
32
- line-height: 1;
33
- white-space: nowrap;
34
- user-select: none;
35
- }
36
-
37
- ._withRemove_169ej_37 {
38
- border-top-right-radius: 0;
39
- border-bottom-right-radius: 0;
40
- }
41
-
42
- ._sm_169ej_42 {
43
- 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_169ej_48 {
49
- 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_169ej_54 {
55
- 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
- ._filled_169ej_60 {
61
- background-color: var(--fui-bg-tertiary, #f4f4f5);
62
- color: var(--fui-text-primary, #18181b);
63
- }
64
- ._filled_169ej_60:hover:not(:disabled) {
65
- background-color: var(--fui-bg-hover, rgba(0, 0, 0, 0.04));
66
- }
67
- ._filled_169ej_60:active:not(:disabled) {
68
- background-color: var(--fui-bg-active, rgba(0, 0, 0, 0.06));
69
- }
70
- ._filled_169ej_60._selected_169ej_70 {
71
- background-color: var(--fui-color-accent, #18181b);
72
- color: var(--fui-text-inverse, #f4f4f5);
73
- }
74
- ._filled_169ej_60._selected_169ej_70:hover:not(:disabled) {
75
- background-color: var(--fui-color-accent-hover, rgb(62.88, 62.88, 70.74));
76
- }
77
- ._filled_169ej_60._selected_169ej_70:active:not(:disabled) {
78
- background-color: var(--fui-color-accent-active, rgb(84.48, 84.48, 95.04));
79
- }
80
-
81
- ._outlined_169ej_81 {
82
- background-color: transparent;
83
- color: var(--fui-text-primary, #18181b);
84
- border: 1px solid var(--fui-border, rgba(0, 0, 0, 0.08));
85
- }
86
- ._outlined_169ej_81:hover:not(:disabled) {
87
- background-color: var(--fui-bg-hover, rgba(0, 0, 0, 0.04));
88
- border-color: var(--fui-border-strong, rgba(0, 0, 0, 0.14));
89
- }
90
- ._outlined_169ej_81:active:not(:disabled) {
91
- background-color: var(--fui-bg-active, rgba(0, 0, 0, 0.06));
92
- }
93
- ._outlined_169ej_81._selected_169ej_70 {
94
- background-color: var(--fui-color-accent, #18181b);
95
- color: var(--fui-text-inverse, #f4f4f5);
96
- border-color: var(--fui-color-accent, #18181b);
97
- }
98
- ._outlined_169ej_81._selected_169ej_70:hover:not(:disabled) {
99
- background-color: var(--fui-color-accent-hover, rgb(62.88, 62.88, 70.74));
100
- border-color: var(--fui-color-accent-hover, rgb(62.88, 62.88, 70.74));
101
- }
102
- ._outlined_169ej_81._selected_169ej_70:active:not(:disabled) {
103
- background-color: var(--fui-color-accent-active, rgb(84.48, 84.48, 95.04));
104
- border-color: var(--fui-color-accent-active, rgb(84.48, 84.48, 95.04));
105
- }
106
-
107
- ._soft_169ej_107 {
108
- background-color: var(--fui-color-info-bg, rgba(59, 130, 246, 0.1));
109
- color: var(--fui-color-info-text, rgb(9.807804878, 87.1804878049, 213.592195122));
110
- }
111
- ._soft_169ej_107:hover:not(:disabled) {
112
- background-color: var(--fui-bg-hover, rgba(0, 0, 0, 0.04));
113
- }
114
- ._soft_169ej_107:active:not(:disabled) {
115
- background-color: var(--fui-bg-active, rgba(0, 0, 0, 0.06));
116
- }
117
- ._soft_169ej_107._selected_169ej_70 {
118
- background-color: var(--fui-color-accent, #18181b);
119
- color: var(--fui-text-inverse, #f4f4f5);
120
- }
121
- ._soft_169ej_107._selected_169ej_70:hover:not(:disabled) {
122
- background-color: var(--fui-color-accent-hover, rgb(62.88, 62.88, 70.74));
123
- }
124
- ._soft_169ej_107._selected_169ej_70:active:not(:disabled) {
125
- background-color: var(--fui-color-accent-active, rgb(84.48, 84.48, 95.04));
126
- }
127
-
128
- ._avatar_169ej_128 {
129
- display: flex;
130
- align-items: center;
131
- margin-left: calc(-1 * var(--fui-space-1, 0.5rem));
132
- }
133
- ._avatar_169ej_128 img {
134
- width: var(--fui-icon-md, 1.143rem);
135
- height: var(--fui-icon-md, 1.143rem);
136
- border-radius: var(--fui-radius-full, 9999px);
137
- object-fit: cover;
138
- }
139
- ._sm_169ej_42 ._avatar_169ej_128 img {
140
- width: var(--fui-icon-sm, 1rem);
141
- height: var(--fui-icon-sm, 1rem);
142
- }
143
-
144
- ._icon_169ej_144 {
145
- display: flex;
146
- align-items: center;
147
- }
148
-
149
- ._removableChip_169ej_149 {
150
- display: inline-flex;
151
- align-items: stretch;
152
- }
153
-
154
- ._remove_169ej_154 {
155
- appearance: none;
156
- background: transparent;
157
- border: none;
158
- padding: 0;
159
- margin: 0;
160
- font: inherit;
161
- color: inherit;
162
- cursor: pointer;
163
- }
164
- ._remove_169ej_154:disabled {
165
- cursor: not-allowed;
166
- }
167
- ._remove_169ej_154 {
168
- 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);
169
- }
170
- ._remove_169ej_154:focus-visible {
171
- outline: none;
172
- 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);
173
- }
174
- ._remove_169ej_154:disabled, ._remove_169ej_154[data-disabled] {
175
- opacity: 0.5;
176
- pointer-events: none;
177
- }
178
- ._remove_169ej_154 {
179
- display: flex;
180
- align-items: center;
181
- justify-content: center;
182
- padding: 0 var(--fui-space-1, 0.5rem);
183
- font-size: var(--fui-font-size-sm, 1rem);
184
- color: var(--fui-text-secondary, #52525b);
185
- line-height: 1;
186
- border-top-right-radius: var(--fui-radius-full, 9999px);
187
- border-bottom-right-radius: var(--fui-radius-full, 9999px);
188
- border-top-left-radius: 0;
189
- border-bottom-left-radius: 0;
190
- background-color: transparent;
191
- border: 1px solid transparent;
192
- border-left-color: var(--fui-border, rgba(0, 0, 0, 0.08));
193
- }
194
- ._sm_169ej_42 ._remove_169ej_154 {
195
- font-size: var(--fui-font-size-xs, 0.857rem);
196
- }
197
- ._remove_169ej_154:hover:not(:disabled) {
198
- background-color: var(--fui-bg-hover, rgba(0, 0, 0, 0.04));
199
- }
200
-
201
- ._filled_169ej_60 + ._remove_169ej_154 {
202
- background-color: var(--fui-bg-tertiary, #f4f4f5);
203
- }
204
- ._filled_169ej_60 + ._remove_169ej_154:hover:not(:disabled) {
205
- background-color: var(--fui-bg-hover, rgba(0, 0, 0, 0.04));
206
- }
207
- ._filled_169ej_60 + ._remove_169ej_154:active:not(:disabled) {
208
- background-color: var(--fui-bg-active, rgba(0, 0, 0, 0.06));
209
- }
210
-
211
- ._outlined_169ej_81 + ._remove_169ej_154 {
212
- background-color: transparent;
213
- }
214
- ._outlined_169ej_81 + ._remove_169ej_154:hover:not(:disabled) {
215
- background-color: var(--fui-bg-hover, rgba(0, 0, 0, 0.04));
216
- }
217
- ._outlined_169ej_81 + ._remove_169ej_154:active:not(:disabled) {
218
- background-color: var(--fui-bg-active, rgba(0, 0, 0, 0.06));
219
- }
220
-
221
- ._soft_169ej_107 + ._remove_169ej_154 {
222
- background-color: var(--fui-color-info-bg, rgba(59, 130, 246, 0.1));
223
- color: var(--fui-color-info-text, rgb(9.807804878, 87.1804878049, 213.592195122));
224
- }
225
- ._soft_169ej_107 + ._remove_169ej_154:hover:not(:disabled) {
226
- background-color: var(--fui-bg-hover, rgba(0, 0, 0, 0.04));
227
- }
228
- ._soft_169ej_107 + ._remove_169ej_154:active:not(:disabled) {
229
- background-color: var(--fui-bg-active, rgba(0, 0, 0, 0.06));
230
- }
231
-
232
- ._selected_169ej_70 + ._remove_169ej_154 {
233
- background-color: var(--fui-color-accent, #18181b);
234
- color: var(--fui-text-inverse, #f4f4f5);
235
- border-left-color: transparent;
236
- }
237
- ._selected_169ej_70 + ._remove_169ej_154:hover:not(:disabled) {
238
- background-color: var(--fui-color-accent-hover, rgb(62.88, 62.88, 70.74));
239
- }
240
- ._selected_169ej_70 + ._remove_169ej_154:active:not(:disabled) {
241
- background-color: var(--fui-color-accent-active, rgb(84.48, 84.48, 95.04));
242
- }
243
-
244
- ._group_169ej_244 {
245
- display: flex;
246
- flex-wrap: wrap;
247
- gap: var(--fui-space-2, 1rem);
248
- }
@@ -1,309 +0,0 @@
1
- ._container_1yo2b_1 {
2
- width: 100%;
3
- }
4
-
5
- ._title_1yo2b_5 {
6
- font-size: var(--fui-font-size-xs, 0.857rem);
7
- font-weight: var(--fui-font-weight-medium, 500);
8
- color: var(--fui-text-tertiary, #71717a);
9
- text-transform: uppercase;
10
- letter-spacing: 0.05em;
11
- margin-bottom: var(--fui-space-1, 0.5rem);
12
- }
13
-
14
- ._wrapper_1yo2b_14 {
15
- position: relative;
16
- border-radius: var(--fui-radius-lg, 0.571rem);
17
- overflow: hidden;
18
- background-color: var(--fui-code-bg, #1e1e1e);
19
- border: 1px solid var(--fui-code-border, rgba(255, 255, 255, 0.1));
20
- }
21
-
22
- ._header_1yo2b_22 {
23
- display: flex;
24
- align-items: center;
25
- justify-content: space-between;
26
- padding: var(--fui-padding-inline-sm) var(--fui-padding-container-md);
27
- background-color: var(--fui-code-header-bg, #1e1e1e);
28
- border-bottom: 1px solid var(--fui-code-border, rgba(255, 255, 255, 0.1));
29
- min-height: var(--fui-input-height, 2.8571428571rem);
30
- }
31
-
32
- ._filename_1yo2b_32 {
33
- font-family: var(--fui-font-mono, "Geist Mono", "SF Mono", SFMono-Regular, ui-monospace, "Cascadia Code", Menlo, monospace);
34
- font-size: var(--fui-font-size-xs, 0.857rem);
35
- font-weight: var(--fui-font-weight-normal, 400);
36
- color: var(--fui-code-text, #d4d4d4);
37
- }
38
-
39
- ._copyButton_1yo2b_39 {
40
- appearance: none;
41
- background: transparent;
42
- border: none;
43
- padding: 0;
44
- margin: 0;
45
- font: inherit;
46
- color: inherit;
47
- cursor: pointer;
48
- }
49
- ._copyButton_1yo2b_39:disabled {
50
- cursor: not-allowed;
51
- }
52
- ._copyButton_1yo2b_39 {
53
- min-width: var(--fui-target-size-min, 1.714rem);
54
- min-height: var(--fui-target-size-min, 1.714rem);
55
- display: inline-flex;
56
- align-items: center;
57
- justify-content: center;
58
- display: inline-flex;
59
- align-items: center;
60
- justify-content: center;
61
- padding: var(--fui-space-1, 0.5rem);
62
- color: var(--fui-code-text-muted, #6b7280);
63
- background: transparent;
64
- border: none;
65
- border-radius: var(--fui-radius-md, 0.429rem);
66
- cursor: pointer;
67
- transition: background var(--fui-transition-fast, 150ms ease), color var(--fui-transition-fast, 150ms ease);
68
- }
69
- ._copyButton_1yo2b_39:hover {
70
- color: var(--fui-code-tab-text-active, #e5e7eb);
71
- background: var(--fui-code-copy-bg-hover, rgba(255, 255, 255, 0.15));
72
- }
73
- ._copyButton_1yo2b_39:focus-visible {
74
- outline: none;
75
- 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);
76
- }
77
- ._copyButton_1yo2b_39._copied_1yo2b_77 {
78
- color: var(--fui-color-success, #22c55e);
79
- }
80
-
81
- ._copyOverlay_1yo2b_81 {
82
- position: absolute;
83
- top: var(--fui-space-2, 1rem);
84
- right: var(--fui-space-2, 1rem);
85
- z-index: 2;
86
- background: var(--fui-code-copy-bg, rgba(255, 255, 255, 0.1));
87
- border: 1px solid var(--fui-code-border, rgba(255, 255, 255, 0.1));
88
- border-radius: var(--fui-radius-md, 0.429rem);
89
- box-shadow: var(--fui-shadow-sm, 0 1px 2px 0 rgba(0, 0, 0, 0.03));
90
- }
91
-
92
- ._withCopyOverlay_1yo2b_92 ._codeContainer_1yo2b_92 .shiki,
93
- ._withCopyOverlay_1yo2b_92 ._loading_1yo2b_93 pre {
94
- padding-right: calc(var(--fui-padding-container-md, 2rem) + var(--fui-target-size-min, 1.714rem) + var(--fui-space-3, 1.5rem));
95
- }
96
-
97
- ._icon_1yo2b_97 {
98
- flex-shrink: 0;
99
- }
100
-
101
- ._persistentCopyWrapper_1yo2b_101 {
102
- display: flex;
103
- align-items: center;
104
- }
105
- ._persistentCopyWrapper_1yo2b_101 ._codeContainer_1yo2b_92,
106
- ._persistentCopyWrapper_1yo2b_101 ._loading_1yo2b_93 {
107
- flex: 1;
108
- min-width: 0;
109
- }
110
- ._persistentCopyWrapper_1yo2b_101 ._codeContainer_1yo2b_92 .shiki,
111
- ._persistentCopyWrapper_1yo2b_101 ._codeContainer_1yo2b_92 pre,
112
- ._persistentCopyWrapper_1yo2b_101 ._loading_1yo2b_93 .shiki,
113
- ._persistentCopyWrapper_1yo2b_101 ._loading_1yo2b_93 pre {
114
- padding-right: var(--fui-space-3, 1.5rem);
115
- }
116
-
117
- ._persistentCopy_1yo2b_101 {
118
- flex-shrink: 0;
119
- padding-right: var(--fui-space-2, 1rem);
120
- }
121
-
122
- ._loading_1yo2b_93 pre {
123
- margin: 0;
124
- padding: var(--fui-padding-container-md);
125
- padding-right: var(--fui-padding-container-md);
126
- background-color: transparent !important;
127
- border: none !important;
128
- border-radius: 0 !important;
129
- font-family: var(--fui-font-mono, "Geist Mono", "SF Mono", SFMono-Regular, ui-monospace, "Cascadia Code", Menlo, monospace);
130
- font-size: var(--fui-font-size-sm, 1rem);
131
- line-height: 1.7;
132
- color: var(--fui-code-text, #d4d4d4);
133
- overflow-x: auto;
134
- }
135
- ._loading_1yo2b_93 code {
136
- background: none !important;
137
- padding: 0;
138
- border: none;
139
- color: inherit;
140
- font-family: inherit;
141
- font-size: inherit;
142
- }
143
-
144
- ._codeContainer_1yo2b_92 .shiki {
145
- background-color: transparent !important;
146
- margin: 0;
147
- padding: var(--fui-padding-container-md);
148
- padding-right: var(--fui-padding-container-md);
149
- border: none !important;
150
- border-radius: 0 !important;
151
- font-family: var(--fui-font-mono, "Geist Mono", "SF Mono", SFMono-Regular, ui-monospace, "Cascadia Code", Menlo, monospace);
152
- font-size: var(--fui-font-size-sm, 1rem);
153
- line-height: 1.7;
154
- overflow-x: auto;
155
- tab-size: 2;
156
- }
157
- ._codeContainer_1yo2b_92 .shiki code {
158
- background: none !important;
159
- padding: 0;
160
- border: none;
161
- border-radius: 0;
162
- font-family: inherit;
163
- font-size: inherit;
164
- counter-reset: line;
165
- }
166
- ._codeContainer_1yo2b_92 .line {
167
- display: inline-block;
168
- width: 100%;
169
- min-height: 1.6em;
170
- }
171
- ._codeContainer_1yo2b_92 .line.highlighted {
172
- background-color: var(--fui-code-highlight-bg, rgba(255, 255, 255, 0.08));
173
- margin: 0 calc(-1 * var(--fui-space-3, 1.5rem));
174
- padding: 0 var(--fui-space-3, 1.5rem);
175
- border-left: 3px solid var(--fui-color-info, #3b82f6);
176
- }
177
- ._codeContainer_1yo2b_92 .line-number {
178
- display: inline-block;
179
- width: 2.5em;
180
- padding-right: 1em;
181
- text-align: right;
182
- color: var(--fui-code-text-muted, #6b7280);
183
- user-select: none;
184
- }
185
- ._codeContainer_1yo2b_92 *::selection {
186
- background: var(--fui-code-selection-bg, rgba(59, 130, 246, 0.4));
187
- color: var(--fui-code-tab-text-active, #e5e7eb);
188
- }
189
- ._codeContainer_1yo2b_92 .shiki::-webkit-scrollbar {
190
- height: 6px;
191
- }
192
- ._codeContainer_1yo2b_92 .shiki::-webkit-scrollbar-track {
193
- background: var(--fui-code-scrollbar-track, rgba(255, 255, 255, 0.05));
194
- border-radius: var(--fui-radius-sm, 0.25rem);
195
- }
196
- ._codeContainer_1yo2b_92 .shiki::-webkit-scrollbar-thumb {
197
- background: var(--fui-code-scrollbar-thumb, rgba(255, 255, 255, 0.15));
198
- border-radius: var(--fui-radius-sm, 0.25rem);
199
- }
200
- ._codeContainer_1yo2b_92 .shiki::-webkit-scrollbar-thumb:hover {
201
- background: var(--fui-code-scrollbar-thumb-hover, rgba(255, 255, 255, 0.25));
202
- }
203
-
204
- ._withLineNumbers_1yo2b_204 ._codeContainer_1yo2b_92 .shiki {
205
- padding-left: var(--fui-space-2, 1rem);
206
- }
207
-
208
- ._withDiff_1yo2b_208 .diff-marker {
209
- display: inline-block;
210
- width: 1.5em;
211
- text-align: center;
212
- user-select: none;
213
- color: var(--fui-code-text-muted, #6b7280);
214
- }
215
- ._withDiff_1yo2b_208 .diff-added {
216
- background-color: var(--fui-color-success-bg, rgba(34, 197, 94, 0.1));
217
- margin: 0 calc(-1 * var(--fui-space-3, 1.5rem));
218
- padding: 0 var(--fui-space-3, 1.5rem);
219
- }
220
- ._withDiff_1yo2b_208 .diff-added .diff-marker {
221
- color: var(--fui-color-success, #22c55e);
222
- }
223
- ._withDiff_1yo2b_208 .diff-removed {
224
- background-color: var(--fui-color-danger-bg, rgba(239, 68, 68, 0.1));
225
- margin: 0 calc(-1 * var(--fui-space-3, 1.5rem));
226
- padding: 0 var(--fui-space-3, 1.5rem);
227
- }
228
- ._withDiff_1yo2b_208 .diff-removed .diff-marker {
229
- color: var(--fui-color-danger, #ef4444);
230
- }
231
-
232
- ._compact_1yo2b_232 ._wrapper_1yo2b_14 {
233
- border-radius: var(--fui-radius-md, 0.429rem);
234
- }
235
- ._compact_1yo2b_232 ._codeContainer_1yo2b_92 .shiki,
236
- ._compact_1yo2b_232 ._loading_1yo2b_93 pre {
237
- padding: var(--fui-padding-inline-sm) var(--fui-padding-container-sm);
238
- font-size: var(--fui-font-size-sm, 1rem);
239
- line-height: 1.5;
240
- }
241
- ._compact_1yo2b_232 ._withCopyOverlay_1yo2b_92 ._codeContainer_1yo2b_92 .shiki,
242
- ._compact_1yo2b_232 ._withCopyOverlay_1yo2b_92 ._loading_1yo2b_93 pre {
243
- padding-right: calc(var(--fui-padding-container-sm, 1.5rem) + var(--fui-target-size-min, 1.714rem) + var(--fui-space-3, 1.5rem));
244
- }
245
-
246
- ._wordWrap_1yo2b_246 ._codeContainer_1yo2b_92 .shiki,
247
- ._wordWrap_1yo2b_246 ._loading_1yo2b_93 pre {
248
- white-space: pre-wrap;
249
- word-break: break-word;
250
- }
251
- ._wordWrap_1yo2b_246 .line {
252
- display: block;
253
- width: auto;
254
- }
255
-
256
- ._caption_1yo2b_256 {
257
- font-size: var(--fui-font-size-xs, 0.857rem);
258
- color: var(--fui-text-tertiary, #71717a);
259
- margin-top: var(--fui-space-2, 1rem);
260
- font-style: italic;
261
- }
262
-
263
- ._collapseButton_1yo2b_263 {
264
- appearance: none;
265
- background: transparent;
266
- border: none;
267
- padding: 0;
268
- margin: 0;
269
- font: inherit;
270
- color: inherit;
271
- cursor: pointer;
272
- }
273
- ._collapseButton_1yo2b_263:disabled {
274
- cursor: not-allowed;
275
- }
276
- ._collapseButton_1yo2b_263 {
277
- display: flex;
278
- align-items: center;
279
- justify-content: center;
280
- gap: var(--fui-space-1, 0.5rem);
281
- width: 100%;
282
- padding: var(--fui-padding-inline-sm);
283
- font-size: var(--fui-font-size-xs, 0.857rem);
284
- font-weight: var(--fui-font-weight-medium, 500);
285
- font-family: var(--fui-font-sans, "Geist Sans", "Geist", Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);
286
- color: var(--fui-code-text-muted, #6b7280);
287
- background: var(--fui-code-header-bg, #1e1e1e);
288
- border-top: 1px solid var(--fui-code-border, rgba(255, 255, 255, 0.1));
289
- cursor: pointer;
290
- transition: background var(--fui-transition-fast, 150ms ease), color var(--fui-transition-fast, 150ms ease);
291
- }
292
- ._collapseButton_1yo2b_263:hover {
293
- background: var(--fui-code-copy-bg, rgba(255, 255, 255, 0.1));
294
- color: var(--fui-code-tab-text-active, #e5e7eb);
295
- }
296
- ._collapseButton_1yo2b_263:focus-visible {
297
- outline: var(--fui-focus-ring-width, 2px) solid var(--fui-focus-ring-color, #18181b);
298
- outline-offset: calc(-1 * var(--fui-focus-ring-offset, 2px));
299
- }
300
-
301
- @media (max-width: 768px) {
302
- ._codeContainer_1yo2b_92 .shiki {
303
- font-size: var(--fui-font-size-2xs, 0.714rem);
304
- padding: var(--fui-space-2, 1rem);
305
- }
306
- }
307
- ._tabbedPanel_1yo2b_307 {
308
- margin-top: 0;
309
- }
@@ -1,103 +0,0 @@
1
- ._root_okqbn_1 {
2
- width: 100%;
3
- }
4
-
5
- ._trigger_okqbn_5 {
6
- display: flex;
7
- align-items: center;
8
- width: 100%;
9
- padding: var(--fui-padding-item-xs);
10
- background: transparent;
11
- border: none;
12
- border-radius: var(--fui-radius-md, 0.429rem);
13
- color: var(--fui-text-primary, #18181b);
14
- font-size: var(--fui-font-size-sm, 1rem);
15
- font-weight: var(--fui-font-weight-medium, 500);
16
- text-align: left;
17
- cursor: pointer;
18
- transition: background-color 0.15s ease;
19
- gap: var(--fui-space-2, 1rem);
20
- }
21
- ._trigger_okqbn_5:hover:not(:disabled) {
22
- background-color: var(--fui-bg-hover, rgba(0, 0, 0, 0.04));
23
- }
24
- ._trigger_okqbn_5:focus-visible {
25
- outline: none;
26
- 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);
27
- }
28
- ._trigger_okqbn_5:disabled {
29
- opacity: 0.5;
30
- cursor: not-allowed;
31
- }
32
-
33
- ._triggerContent_okqbn_33 {
34
- flex: 1;
35
- min-width: 0;
36
- }
37
-
38
- ._chevron_okqbn_38 {
39
- flex-shrink: 0;
40
- color: var(--fui-text-tertiary, #71717a);
41
- transition: transform 0.2s ease-out;
42
- }
43
-
44
- ._chevronOpen_okqbn_44 {
45
- transform: rotate(90deg);
46
- }
47
-
48
- ._content_okqbn_48 {
49
- overflow: hidden;
50
- transition: max-height 0.2s ease-out, opacity 0.2s ease-out;
51
- }
52
-
53
- ._contentOpen_okqbn_53 {
54
- max-height: 2000px;
55
- opacity: 1;
56
- }
57
-
58
- ._contentClosed_okqbn_58 {
59
- max-height: 0;
60
- opacity: 0;
61
- }
62
-
63
- ._contentInner_okqbn_63 {
64
- padding-top: var(--fui-space-1, 0.5rem);
65
- }
66
-
67
- ._disabled_okqbn_67 ._trigger_okqbn_5 {
68
- opacity: 0.5;
69
- cursor: not-allowed;
70
- }
71
-
72
- ._root_okqbn_1[data-animated=true] ._content_okqbn_48 {
73
- animation-duration: 0.2s;
74
- animation-timing-function: ease-out;
75
- animation-fill-mode: forwards;
76
- }
77
- ._root_okqbn_1[data-animated=true] ._contentOpen_okqbn_53 {
78
- animation-name: _collapsibleSlideDown_okqbn_1;
79
- }
80
- ._root_okqbn_1[data-animated=true] ._contentClosed_okqbn_58 {
81
- animation-name: _collapsibleSlideUp_okqbn_1;
82
- }
83
-
84
- @keyframes _collapsibleSlideDown_okqbn_1 {
85
- from {
86
- max-height: 0;
87
- opacity: 0;
88
- }
89
- to {
90
- max-height: var(--collapsible-content-height, 2000px);
91
- opacity: 1;
92
- }
93
- }
94
- @keyframes _collapsibleSlideUp_okqbn_1 {
95
- from {
96
- max-height: var(--collapsible-content-height, 2000px);
97
- opacity: 1;
98
- }
99
- to {
100
- max-height: 0;
101
- opacity: 0;
102
- }
103
- }