@fragments-sdk/ui 0.9.2 → 0.9.4

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,92 +0,0 @@
1
- ._pagination_z57i5_1 {
2
- display: flex;
3
- align-items: center;
4
- justify-content: center;
5
- }
6
-
7
- ._list_z57i5_7 {
8
- display: flex;
9
- align-items: center;
10
- gap: var(--fui-space-1, 0.25rem);
11
- list-style: none;
12
- margin: 0;
13
- padding: 0;
14
- }
15
-
16
- ._item_z57i5_16 {
17
- appearance: none;
18
- background: transparent;
19
- border: none;
20
- padding: 0;
21
- margin: 0;
22
- font: inherit;
23
- color: inherit;
24
- cursor: pointer;
25
- }
26
- ._item_z57i5_16:disabled {
27
- cursor: not-allowed;
28
- }
29
- ._item_z57i5_16 {
30
- font-family: var(--fui-font-sans, Geist Sans, Geist, Inter, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, sans-serif);
31
- font-size: var(--fui-font-size-sm, 1rem);
32
- line-height: var(--fui-line-height-normal, 1.5);
33
- color: var(--fui-text-primary, #18181b);
34
- -webkit-font-smoothing: antialiased;
35
- -moz-osx-font-smoothing: grayscale;
36
- display: inline-flex;
37
- align-items: center;
38
- justify-content: center;
39
- min-width: 2rem;
40
- height: 2rem;
41
- padding: 0 var(--fui-space-2, 0.5rem);
42
- border-radius: var(--fui-radius-md, 0.375rem);
43
- font-size: var(--fui-font-size-sm, 0.875rem);
44
- font-weight: var(--fui-font-weight-medium, 500);
45
- color: var(--fui-text-primary);
46
- cursor: pointer;
47
- transition: background-color 0.1s ease, color 0.1s ease;
48
- }
49
- ._item_z57i5_16:hover:not(:disabled) {
50
- background-color: var(--fui-bg-hover);
51
- }
52
- ._item_z57i5_16:focus-visible {
53
- outline: none;
54
- 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);
55
- }
56
-
57
- ._itemActive_z57i5_57 {
58
- background-color: var(--fui-color-accent, #18181b);
59
- color: var(--fui-text-inverse, #f4f4f5);
60
- }
61
- ._itemActive_z57i5_57:hover:not(:disabled) {
62
- background-color: var(--fui-color-accent-hover, rgb(62.88, 62.88, 70.74));
63
- }
64
-
65
- ._itemDisabled_z57i5_65 {
66
- opacity: 0.5;
67
- cursor: not-allowed;
68
- pointer-events: none;
69
- }
70
-
71
- ._navButton_z57i5_71 svg {
72
- width: 1rem;
73
- height: 1rem;
74
- }
75
-
76
- ._ellipsis_z57i5_76 {
77
- display: inline-flex;
78
- align-items: center;
79
- justify-content: center;
80
- min-width: 2rem;
81
- height: 2rem;
82
- font-size: var(--fui-font-size-sm, 0.875rem);
83
- color: var(--fui-text-secondary);
84
- user-select: none;
85
- }
86
-
87
- @media (prefers-contrast: more) {
88
- ._itemActive_z57i5_57 {
89
- outline: 2px solid var(--fui-color-accent);
90
- outline-offset: -2px;
91
- }
92
- }
@@ -1,168 +0,0 @@
1
- ._positioner_7l4uy_1 {
2
- z-index: 52;
3
- outline: none;
4
- }
5
-
6
- ._popup_7l4uy_6 {
7
- background-color: var(--fui-bg-elevated, #ffffff);
8
- border: 1px solid var(--fui-border, rgba(0, 0, 0, 0.08));
9
- border-radius: var(--fui-radius-lg, 0.571rem);
10
- font-family: var(--fui-font-sans, Geist Sans, Geist, Inter, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, sans-serif);
11
- font-size: var(--fui-font-size-sm, 1rem);
12
- line-height: var(--fui-line-height-normal, 1.5);
13
- color: var(--fui-text-primary, #18181b);
14
- -webkit-font-smoothing: antialiased;
15
- -moz-osx-font-smoothing: grayscale;
16
- min-width: 12rem;
17
- max-width: 24rem;
18
- padding: var(--fui-padding-container-md, 2rem);
19
- 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));
20
- opacity: 0;
21
- transform: scale(0.95) translateY(-4px);
22
- transform-origin: var(--transform-origin);
23
- transition: opacity var(--fui-transition-fast, 150ms ease), transform var(--fui-transition-fast, 150ms ease);
24
- }
25
- ._popup_7l4uy_6[data-open] {
26
- opacity: 1;
27
- transform: scale(1) translateY(0);
28
- }
29
- ._popup_7l4uy_6[data-starting-style] {
30
- opacity: 0;
31
- transform: scale(0.95) translateY(-4px);
32
- }
33
- ._popup_7l4uy_6[data-ending-style] {
34
- opacity: 0;
35
- transform: scale(0.95) translateY(4px);
36
- }
37
- ._popup_7l4uy_6[data-side=top][data-starting-style] {
38
- transform: scale(0.95) translateY(4px);
39
- }
40
- ._popup_7l4uy_6[data-side=top][data-ending-style] {
41
- transform: scale(0.95) translateY(-4px);
42
- }
43
- ._popup_7l4uy_6[data-side=left][data-starting-style], ._popup_7l4uy_6[data-side=left][data-ending-style], ._popup_7l4uy_6[data-side=right][data-starting-style], ._popup_7l4uy_6[data-side=right][data-ending-style] {
44
- transform: scale(0.95) translateY(0);
45
- }
46
-
47
- ._sm_7l4uy_47 {
48
- padding: var(--fui-padding-container-sm, 1.5rem);
49
- max-width: 16rem;
50
- }
51
-
52
- ._lg_7l4uy_52 {
53
- padding: var(--fui-padding-container-lg, 3rem);
54
- max-width: 32rem;
55
- }
56
-
57
- ._title_7l4uy_57 {
58
- margin: 0 0 var(--fui-space-1, 0.5rem);
59
- font-size: var(--fui-font-size-sm, 1rem);
60
- font-weight: var(--fui-font-weight-semibold, 600);
61
- color: var(--fui-text-primary, #18181b);
62
- line-height: var(--fui-line-height-tight, 1.25);
63
- }
64
-
65
- ._description_7l4uy_65 {
66
- margin: 0;
67
- font-size: var(--fui-font-size-sm, 1rem);
68
- color: var(--fui-text-secondary, #52525b);
69
- line-height: var(--fui-line-height-normal, 1.5);
70
- }
71
-
72
- ._close_7l4uy_72 {
73
- appearance: none;
74
- background: transparent;
75
- border: none;
76
- padding: 0;
77
- margin: 0;
78
- font: inherit;
79
- color: inherit;
80
- cursor: pointer;
81
- }
82
- ._close_7l4uy_72:disabled {
83
- cursor: not-allowed;
84
- }
85
- ._close_7l4uy_72 {
86
- 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);
87
- }
88
- ._close_7l4uy_72:focus-visible {
89
- outline: none;
90
- 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);
91
- }
92
- ._close_7l4uy_72:disabled, ._close_7l4uy_72[data-disabled] {
93
- opacity: 0.5;
94
- pointer-events: none;
95
- }
96
- ._close_7l4uy_72 {
97
- min-width: var(--fui-target-size-min, 1.714rem);
98
- min-height: var(--fui-target-size-min, 1.714rem);
99
- display: inline-flex;
100
- align-items: center;
101
- justify-content: center;
102
- position: absolute;
103
- top: var(--fui-space-2, 1rem);
104
- right: var(--fui-space-2, 1rem);
105
- width: 1.5rem;
106
- height: 1.5rem;
107
- border-radius: var(--fui-radius-sm, 0.25rem);
108
- color: var(--fui-text-tertiary, #71717a);
109
- }
110
- ._close_7l4uy_72:hover {
111
- background-color: var(--fui-bg-hover, rgba(0, 0, 0, 0.04));
112
- color: var(--fui-text-primary, #18181b);
113
- }
114
- ._close_7l4uy_72 svg {
115
- width: 0.875rem;
116
- height: 0.875rem;
117
- }
118
-
119
- ._arrow_7l4uy_119 {
120
- width: 10px;
121
- height: 10px;
122
- transform: rotate(45deg);
123
- background-color: var(--fui-bg-elevated, #ffffff);
124
- border: 1px solid var(--fui-border, rgba(0, 0, 0, 0.08));
125
- }
126
- ._arrow_7l4uy_119[data-side=top] {
127
- border-top: none;
128
- border-left: none;
129
- }
130
- ._arrow_7l4uy_119[data-side=bottom] {
131
- border-bottom: none;
132
- border-right: none;
133
- }
134
- ._arrow_7l4uy_119[data-side=left] {
135
- border-left: none;
136
- border-bottom: none;
137
- }
138
- ._arrow_7l4uy_119[data-side=right] {
139
- border-right: none;
140
- border-top: none;
141
- }
142
-
143
- ._body_7l4uy_143 {
144
- margin-top: var(--fui-space-3, 1.5rem);
145
- }
146
-
147
- ._footer_7l4uy_147 {
148
- display: flex;
149
- align-items: center;
150
- justify-content: flex-end;
151
- gap: var(--fui-space-2, 1rem);
152
- margin-top: var(--fui-space-4, 2rem);
153
- padding-top: var(--fui-space-3, 1.5rem);
154
- border-top: 1px solid var(--fui-border, rgba(0, 0, 0, 0.08));
155
- }
156
-
157
- @media (prefers-reduced-motion: reduce) {
158
- ._popup_7l4uy_6 {
159
- transition: none;
160
- transform: none;
161
- }
162
- ._popup_7l4uy_6[data-starting-style], ._popup_7l4uy_6[data-ending-style] {
163
- transform: none;
164
- }
165
- ._popup_7l4uy_6[data-side=top][data-starting-style], ._popup_7l4uy_6[data-side=top][data-ending-style] {
166
- transform: none;
167
- }
168
- }
@@ -1,166 +0,0 @@
1
- ._root_1o8nr_1 {
2
- display: flex;
3
- flex-direction: column;
4
- gap: var(--fui-space-1, 0.5rem);
5
- width: 100%;
6
- font-family: var(--fui-font-sans, "Geist Sans", "Geist", Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);
7
- }
8
-
9
- ._header_1o8nr_9 {
10
- display: flex;
11
- align-items: center;
12
- justify-content: space-between;
13
- gap: var(--fui-space-2, 1rem);
14
- }
15
-
16
- ._label_1o8nr_16 {
17
- font-size: var(--fui-font-size-sm, 1rem);
18
- font-weight: var(--fui-font-weight-medium, 500);
19
- color: var(--fui-text-primary, #18181b);
20
- }
21
-
22
- ._value_1o8nr_22 {
23
- font-size: var(--fui-font-size-sm, 1rem);
24
- color: var(--fui-text-secondary, #52525b);
25
- font-variant-numeric: tabular-nums;
26
- }
27
-
28
- ._track_1o8nr_28 {
29
- position: relative;
30
- width: 100%;
31
- overflow: hidden;
32
- background-color: var(--fui-bg-tertiary, #f4f4f5);
33
- border-radius: var(--fui-radius-full, 9999px);
34
- }
35
-
36
- ._trackSm_1o8nr_36 {
37
- height: calc(var(--fui-space-1, 0.5rem) / 2);
38
- }
39
-
40
- ._trackMd_1o8nr_40 {
41
- height: var(--fui-space-1, 0.5rem);
42
- }
43
-
44
- ._trackLg_1o8nr_44 {
45
- height: var(--fui-space-2, 1rem);
46
- }
47
-
48
- ._indicator_1o8nr_48 {
49
- height: 100%;
50
- background-color: var(--fui-color-accent, #18181b);
51
- border-radius: var(--fui-radius-full, 9999px);
52
- transition: width var(--fui-transition-normal, 200ms ease);
53
- }
54
-
55
- ._indicatorSuccess_1o8nr_55 {
56
- background-color: var(--fui-color-success, #22c55e);
57
- }
58
-
59
- ._indicatorWarning_1o8nr_59 {
60
- background-color: var(--fui-color-warning, #f59e0b);
61
- }
62
-
63
- ._indicatorDanger_1o8nr_63 {
64
- background-color: var(--fui-color-danger, #ef4444);
65
- }
66
-
67
- ._indicatorIndeterminate_1o8nr_67 {
68
- width: 50% !important;
69
- animation: _indeterminate_1o8nr_1 1.5s ease-in-out infinite;
70
- }
71
-
72
- @keyframes _indeterminate_1o8nr_1 {
73
- 0% {
74
- transform: translateX(-100%);
75
- }
76
- 50% {
77
- transform: translateX(100%);
78
- }
79
- 100% {
80
- transform: translateX(-100%);
81
- }
82
- }
83
- ._root_1o8nr_1[data-complete] ._indicator_1o8nr_48 {
84
- background-color: var(--fui-color-success, #22c55e);
85
- }
86
-
87
- ._circular_1o8nr_87 {
88
- position: relative;
89
- display: inline-flex;
90
- align-items: center;
91
- justify-content: center;
92
- }
93
-
94
- ._circularSvg_1o8nr_94 {
95
- transform: rotate(-90deg);
96
- }
97
-
98
- ._circularTrack_1o8nr_98 {
99
- stroke: var(--fui-bg-tertiary, #f4f4f5);
100
- fill: none;
101
- }
102
-
103
- ._circularIndicator_1o8nr_103 {
104
- stroke: var(--fui-color-accent, #18181b);
105
- fill: none;
106
- stroke-linecap: round;
107
- transition: stroke-dashoffset var(--fui-transition-normal, 200ms ease);
108
- }
109
-
110
- ._circularIndicatorSuccess_1o8nr_110 {
111
- stroke: var(--fui-color-success, #22c55e);
112
- }
113
-
114
- ._circularIndicatorWarning_1o8nr_114 {
115
- stroke: var(--fui-color-warning, #f59e0b);
116
- }
117
-
118
- ._circularIndicatorDanger_1o8nr_118 {
119
- stroke: var(--fui-color-danger, #ef4444);
120
- }
121
-
122
- ._circularIndicatorIndeterminate_1o8nr_122 {
123
- animation: _circularIndeterminate_1o8nr_1 1.5s ease-in-out infinite;
124
- }
125
-
126
- @keyframes _circularIndeterminate_1o8nr_1 {
127
- 0% {
128
- stroke-dashoffset: 280;
129
- transform: rotate(0deg);
130
- }
131
- 50% {
132
- stroke-dashoffset: 70;
133
- }
134
- 100% {
135
- stroke-dashoffset: 280;
136
- transform: rotate(360deg);
137
- }
138
- }
139
- ._circularValue_1o8nr_139 {
140
- position: absolute;
141
- font-size: var(--fui-font-size-sm, 1rem);
142
- font-weight: var(--fui-font-weight-medium, 500);
143
- color: var(--fui-text-primary, #18181b);
144
- font-variant-numeric: tabular-nums;
145
- }
146
-
147
- ._circularSm_1o8nr_147 {
148
- width: var(--fui-space-4, 2rem);
149
- height: var(--fui-space-4, 2rem);
150
- }
151
- ._circularSm_1o8nr_147 ._circularValue_1o8nr_139 {
152
- font-size: var(--fui-font-size-xs, 0.857rem);
153
- }
154
-
155
- ._circularMd_1o8nr_155 {
156
- width: var(--fui-space-6, 3rem);
157
- height: var(--fui-space-6, 3rem);
158
- }
159
-
160
- ._circularLg_1o8nr_160 {
161
- width: var(--fui-space-8, 4rem);
162
- height: var(--fui-space-8, 4rem);
163
- }
164
- ._circularLg_1o8nr_160 ._circularValue_1o8nr_139 {
165
- font-size: var(--fui-font-size-base, 1.143rem);
166
- }
@@ -1,262 +0,0 @@
1
- ._prompt_19k14_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
- border-radius: var(--fui-radius-xl, 0.857rem);
8
- overflow: hidden;
9
- }
10
- ._prompt_19k14_1[data-disabled] {
11
- opacity: 0.5;
12
- pointer-events: none;
13
- }
14
-
15
- ._fixed_19k14_15 {
16
- position: fixed;
17
- bottom: var(--fui-space-4, 2rem);
18
- left: 50%;
19
- transform: translateX(-50%);
20
- width: calc(100% - var(--fui-space-8, 4rem));
21
- max-width: 800px;
22
- z-index: 100;
23
- 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));
24
- }
25
-
26
- ._sticky_19k14_26 {
27
- position: fixed;
28
- bottom: var(--fui-space-4, 2rem);
29
- left: var(--fui-prompt-inset-left, 0);
30
- right: 0;
31
- margin-left: auto;
32
- margin-right: auto;
33
- width: calc(100% - var(--fui-prompt-inset-left, 0px) - var(--fui-space-8, 4rem));
34
- max-width: 800px;
35
- z-index: 100;
36
- 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));
37
- left: calc(var(--fui-prompt-inset-left, 0px) + (100% - var(--fui-prompt-inset-left, 0px)) / 2);
38
- transform: translateX(-50%);
39
- }
40
-
41
- ._textarea_19k14_41 {
42
- appearance: none;
43
- background: transparent;
44
- border: none;
45
- padding: 0;
46
- margin: 0;
47
- font: inherit;
48
- color: inherit;
49
- cursor: pointer;
50
- }
51
- ._textarea_19k14_41:disabled {
52
- cursor: not-allowed;
53
- }
54
- ._textarea_19k14_41 {
55
- font-family: var(--fui-font-sans, Geist Sans, Geist, Inter, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, sans-serif);
56
- font-size: var(--fui-font-size-sm, 1rem);
57
- line-height: var(--fui-line-height-normal, 1.5);
58
- color: var(--fui-text-primary, #18181b);
59
- -webkit-font-smoothing: antialiased;
60
- -moz-osx-font-smoothing: grayscale;
61
- display: block;
62
- width: 100%;
63
- min-height: 2.857rem;
64
- padding: var(--fui-padding-inline-sm) var(--fui-padding-inline-md);
65
- background: transparent;
66
- border: none;
67
- resize: none;
68
- overflow-y: auto;
69
- line-height: 1.5;
70
- }
71
- ._textarea_19k14_41::placeholder {
72
- color: var(--fui-text-tertiary, #71717a);
73
- }
74
- ._textarea_19k14_41:focus-visible {
75
- outline: none;
76
- 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);
77
- border-radius: var(--fui-radius-md, 0.429rem);
78
- }
79
- ._textarea_19k14_41:disabled {
80
- cursor: not-allowed;
81
- }
82
-
83
- ._toolbar_19k14_83 {
84
- display: flex;
85
- align-items: center;
86
- justify-content: space-between;
87
- gap: var(--fui-space-2, 1rem);
88
- padding: var(--fui-padding-item-xs) var(--fui-padding-item-sm);
89
- background-color: var(--fui-bg-secondary, #f4f4f5);
90
- border-top: 1px solid var(--fui-border, rgba(0, 0, 0, 0.08));
91
- }
92
-
93
- ._actions_19k14_93 {
94
- display: flex;
95
- align-items: center;
96
- gap: var(--fui-space-1, 0.5rem);
97
- }
98
-
99
- ._info_19k14_99 {
100
- display: flex;
101
- align-items: center;
102
- gap: var(--fui-space-2, 1rem);
103
- margin-left: auto;
104
- }
105
-
106
- ._actionButton_19k14_106 {
107
- appearance: none;
108
- background: transparent;
109
- border: none;
110
- padding: 0;
111
- margin: 0;
112
- font: inherit;
113
- color: inherit;
114
- cursor: pointer;
115
- }
116
- ._actionButton_19k14_106:disabled {
117
- cursor: not-allowed;
118
- }
119
- ._actionButton_19k14_106 {
120
- 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);
121
- }
122
- ._actionButton_19k14_106:focus-visible {
123
- outline: none;
124
- 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);
125
- }
126
- ._actionButton_19k14_106:disabled, ._actionButton_19k14_106[data-disabled] {
127
- opacity: 0.5;
128
- pointer-events: none;
129
- }
130
- ._actionButton_19k14_106 {
131
- display: flex;
132
- align-items: center;
133
- justify-content: center;
134
- width: 2rem;
135
- height: 2rem;
136
- border-radius: var(--fui-radius-full, 9999px);
137
- background-color: var(--fui-bg-tertiary, #f4f4f5);
138
- color: var(--fui-text-primary, #18181b);
139
- font-size: var(--fui-font-size-sm, 1rem);
140
- }
141
- ._actionButton_19k14_106:hover:not(:disabled) {
142
- background-color: var(--fui-bg-hover, rgba(0, 0, 0, 0.04));
143
- }
144
- ._actionButton_19k14_106:active:not(:disabled) {
145
- background-color: var(--fui-bg-active, rgba(0, 0, 0, 0.06));
146
- }
147
- ._actionButton_19k14_106 svg {
148
- width: 1rem;
149
- height: 1rem;
150
- }
151
-
152
- ._modeButton_19k14_152 {
153
- appearance: none;
154
- background: transparent;
155
- border: none;
156
- padding: 0;
157
- margin: 0;
158
- font: inherit;
159
- color: inherit;
160
- cursor: pointer;
161
- }
162
- ._modeButton_19k14_152:disabled {
163
- cursor: not-allowed;
164
- }
165
- ._modeButton_19k14_152 {
166
- 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);
167
- }
168
- ._modeButton_19k14_152:focus-visible {
169
- outline: none;
170
- 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);
171
- }
172
- ._modeButton_19k14_152:disabled, ._modeButton_19k14_152[data-disabled] {
173
- opacity: 0.5;
174
- pointer-events: none;
175
- }
176
- ._modeButton_19k14_152 {
177
- display: flex;
178
- align-items: center;
179
- gap: var(--fui-space-1, 0.5rem);
180
- padding: var(--fui-padding-item-xs) var(--fui-padding-item-sm);
181
- border-radius: var(--fui-radius-md, 0.429rem);
182
- background-color: transparent;
183
- color: var(--fui-text-secondary, #52525b);
184
- font-size: var(--fui-font-size-xs, 0.857rem);
185
- font-weight: var(--fui-font-weight-medium, 500);
186
- }
187
- ._modeButton_19k14_152:hover:not(:disabled) {
188
- background-color: var(--fui-bg-hover, rgba(0, 0, 0, 0.04));
189
- color: var(--fui-text-primary, #18181b);
190
- }
191
- ._modeButton_19k14_152:active:not(:disabled) {
192
- background-color: var(--fui-bg-active, rgba(0, 0, 0, 0.06));
193
- }
194
-
195
- ._modeButtonActive_19k14_195 {
196
- color: var(--fui-text-primary, #18181b);
197
- background-color: var(--fui-bg-tertiary, #f4f4f5);
198
- }
199
-
200
- ._usage_19k14_200 {
201
- font-family: var(--fui-font-sans, Geist Sans, Geist, Inter, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, sans-serif);
202
- font-size: var(--fui-font-size-xs, 0.857rem);
203
- color: var(--fui-text-secondary, #52525b);
204
- white-space: nowrap;
205
- }
206
-
207
- ._submit_19k14_207 {
208
- appearance: none;
209
- background: transparent;
210
- border: none;
211
- padding: 0;
212
- margin: 0;
213
- font: inherit;
214
- color: inherit;
215
- cursor: pointer;
216
- }
217
- ._submit_19k14_207:disabled {
218
- cursor: not-allowed;
219
- }
220
- ._submit_19k14_207 {
221
- 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);
222
- }
223
- ._submit_19k14_207:focus-visible {
224
- outline: none;
225
- 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);
226
- }
227
- ._submit_19k14_207:disabled, ._submit_19k14_207[data-disabled] {
228
- opacity: 0.5;
229
- pointer-events: none;
230
- }
231
- ._submit_19k14_207 {
232
- display: flex;
233
- align-items: center;
234
- justify-content: center;
235
- width: 2rem;
236
- height: 2rem;
237
- border-radius: var(--fui-radius-full, 9999px);
238
- background-color: var(--fui-color-accent, #18181b);
239
- color: var(--fui-text-inverse, #f4f4f5);
240
- }
241
- ._submit_19k14_207:hover:not(:disabled) {
242
- background-color: var(--fui-color-accent-hover, rgb(62.88, 62.88, 70.74));
243
- }
244
- ._submit_19k14_207:active:not(:disabled) {
245
- background-color: var(--fui-color-accent-active, rgb(84.48, 84.48, 95.04));
246
- }
247
- ._submit_19k14_207:disabled {
248
- opacity: 0.5;
249
- cursor: not-allowed;
250
- }
251
- ._submit_19k14_207 svg {
252
- width: 1rem;
253
- height: 1rem;
254
- }
255
-
256
- ._submitLoading_19k14_256 {
257
- pointer-events: none;
258
- }
259
-
260
- ._submitSpinner_19k14_260 {
261
- line-height: 0;
262
- }