raft-ui 0.0.1

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 (134) hide show
  1. package/README.md +24 -0
  2. package/dist/cn.d.mts +2 -0
  3. package/dist/cn.mjs +2 -0
  4. package/dist/index.d.mts +2710 -0
  5. package/dist/index.mjs +4821 -0
  6. package/dist/label-DWq4ia5I.mjs +115 -0
  7. package/dist/styled-props-B3SNekJg.d.mts +16 -0
  8. package/dist/wip.d.mts +1238 -0
  9. package/dist/wip.mjs +1416 -0
  10. package/package.json +70 -0
  11. package/src/components/avatar/avatar.tsx +375 -0
  12. package/src/components/avatar/index.ts +17 -0
  13. package/src/components/badge/badge.tsx +393 -0
  14. package/src/components/badge/index.ts +2 -0
  15. package/src/components/banner/banner.tsx +269 -0
  16. package/src/components/banner/index.ts +8 -0
  17. package/src/components/bottom-sheet/bottom-sheet.tsx +152 -0
  18. package/src/components/bottom-sheet/index.ts +22 -0
  19. package/src/components/button/button.tsx +497 -0
  20. package/src/components/button/index.ts +2 -0
  21. package/src/components/checkbox/checkbox-indicator.tsx +128 -0
  22. package/src/components/checkbox/checkbox.tsx +350 -0
  23. package/src/components/checkbox/index.ts +2 -0
  24. package/src/components/combobox/combobox.tsx +603 -0
  25. package/src/components/combobox/index.ts +52 -0
  26. package/src/components/context-menu/context-menu.tsx +380 -0
  27. package/src/components/context-menu/index.ts +34 -0
  28. package/src/components/conversation-preview-card/conversation-preview-card.tsx +336 -0
  29. package/src/components/conversation-preview-card/index.ts +32 -0
  30. package/src/components/description-list/description-list.tsx +116 -0
  31. package/src/components/description-list/index.ts +14 -0
  32. package/src/components/dropdown-menu/dropdown-menu.tsx +405 -0
  33. package/src/components/dropdown-menu/index.ts +38 -0
  34. package/src/components/empty-state/empty-state.tsx +177 -0
  35. package/src/components/empty-state/index.ts +16 -0
  36. package/src/components/field/field.tsx +125 -0
  37. package/src/components/field/index.ts +18 -0
  38. package/src/components/inline-code/index.ts +2 -0
  39. package/src/components/inline-code/inline-code.tsx +33 -0
  40. package/src/components/input/index.ts +2 -0
  41. package/src/components/input/input.tsx +76 -0
  42. package/src/components/input-group/index.ts +7 -0
  43. package/src/components/input-group/input-group.tsx +215 -0
  44. package/src/components/kbd/index.ts +2 -0
  45. package/src/components/kbd/kbd.tsx +43 -0
  46. package/src/components/label/index.ts +7 -0
  47. package/src/components/label/label.tsx +99 -0
  48. package/src/components/lightbox/index.ts +24 -0
  49. package/src/components/lightbox/lightbox.tsx +245 -0
  50. package/src/components/list-item/index.ts +20 -0
  51. package/src/components/list-item/list-item.tsx +263 -0
  52. package/src/components/media-list-item/index.ts +20 -0
  53. package/src/components/media-list-item/media-list-item.tsx +169 -0
  54. package/src/components/notification-center/index.ts +39 -0
  55. package/src/components/notification-center/notification-center.tsx +558 -0
  56. package/src/components/panel-header/index.ts +22 -0
  57. package/src/components/panel-header/panel-header.tsx +199 -0
  58. package/src/components/popover/index.ts +30 -0
  59. package/src/components/popover/popover.tsx +248 -0
  60. package/src/components/preview-shell/index.ts +2 -0
  61. package/src/components/preview-shell/preview-shell.tsx +51 -0
  62. package/src/components/quoted-message-card/index.ts +36 -0
  63. package/src/components/quoted-message-card/quoted-message-card.tsx +391 -0
  64. package/src/components/radio-group/index.ts +6 -0
  65. package/src/components/radio-group/radio-group.tsx +119 -0
  66. package/src/components/section-header/index.ts +16 -0
  67. package/src/components/section-header/section-header.tsx +117 -0
  68. package/src/components/section-label/index.ts +2 -0
  69. package/src/components/section-label/section-label.tsx +38 -0
  70. package/src/components/segmented-control/index.ts +12 -0
  71. package/src/components/segmented-control/segmented-control.tsx +129 -0
  72. package/src/components/select/index.ts +40 -0
  73. package/src/components/select/select.tsx +382 -0
  74. package/src/components/spinner/index.ts +2 -0
  75. package/src/components/spinner/spinner.tsx +228 -0
  76. package/src/components/status/index.ts +2 -0
  77. package/src/components/status/status.tsx +152 -0
  78. package/src/components/tabs/index.ts +24 -0
  79. package/src/components/tabs/tabs.tsx +417 -0
  80. package/src/components/text/index.ts +2 -0
  81. package/src/components/text/text.tsx +130 -0
  82. package/src/components/textarea/index.ts +2 -0
  83. package/src/components/textarea/textarea.tsx +136 -0
  84. package/src/components/toggle-group/index.ts +12 -0
  85. package/src/components/toggle-group/toggle-group.tsx +111 -0
  86. package/src/components/tooltip/index.ts +14 -0
  87. package/src/components/tooltip/tooltip.tsx +186 -0
  88. package/src/fonts/brutal.css +2 -0
  89. package/src/index.ts +404 -0
  90. package/src/legacy/AttentionDot.tsx +28 -0
  91. package/src/legacy/AvatarListRow.tsx +87 -0
  92. package/src/legacy/AvatarSlot.tsx +157 -0
  93. package/src/legacy/Badge.tsx +95 -0
  94. package/src/legacy/Banner.tsx +74 -0
  95. package/src/legacy/BottomSheet.tsx +76 -0
  96. package/src/legacy/CheckMarker.tsx +72 -0
  97. package/src/legacy/Checkbox.tsx +81 -0
  98. package/src/legacy/ConversationPreviewCard.tsx +169 -0
  99. package/src/legacy/DismissBackdrop.tsx +68 -0
  100. package/src/legacy/EmptyState.tsx +63 -0
  101. package/src/legacy/ExperimentalBadge.tsx +19 -0
  102. package/src/legacy/FormField.tsx +106 -0
  103. package/src/legacy/KeyValueRow.tsx +67 -0
  104. package/src/legacy/Lightbox.tsx +119 -0
  105. package/src/legacy/NotificationCenter.tsx +217 -0
  106. package/src/legacy/PanelHeader.tsx +94 -0
  107. package/src/legacy/PreviewShell.tsx +40 -0
  108. package/src/legacy/QuotedMessageCard.tsx +181 -0
  109. package/src/legacy/ReorderablePanelTabs.tsx +151 -0
  110. package/src/legacy/SandboxedPreviewFrame.tsx +59 -0
  111. package/src/legacy/SearchInput.tsx +23 -0
  112. package/src/legacy/SectionEyebrow.tsx +60 -0
  113. package/src/legacy/SectionHeader.tsx +68 -0
  114. package/src/legacy/SegmentedControl.tsx +74 -0
  115. package/src/legacy/SlugInput.tsx +29 -0
  116. package/src/legacy/Spinner.tsx +89 -0
  117. package/src/legacy/StatusDot.tsx +51 -0
  118. package/src/legacy/SurfaceListItem.tsx +32 -0
  119. package/src/legacy/Textarea.tsx +137 -0
  120. package/src/legacy/button.tsx +100 -0
  121. package/src/legacy/context-menu-divider.tsx +12 -0
  122. package/src/legacy/menu-item.tsx +66 -0
  123. package/src/legacy/selection-popover.tsx +212 -0
  124. package/src/legacy/server-switcher-menu.tsx +203 -0
  125. package/src/legacy/source.css +240 -0
  126. package/src/lib/cn.ts +1 -0
  127. package/src/lib/styled-props.ts +11 -0
  128. package/src/lib/theme/theme-context.ts +28 -0
  129. package/src/lib/theme/theme-provider.tsx +181 -0
  130. package/src/lib/theme/use-theme.ts +12 -0
  131. package/src/lib/tv.ts +29 -0
  132. package/src/lib/without-children.ts +6 -0
  133. package/src/styles.css +467 -0
  134. package/src/wip.ts +255 -0
package/src/wip.ts ADDED
@@ -0,0 +1,255 @@
1
+ export {
2
+ Field,
3
+ FieldControl,
4
+ FieldDescription,
5
+ FieldError,
6
+ FieldItem,
7
+ FieldLabel,
8
+ FieldValidity,
9
+ } from "./components/field/index.ts";
10
+ export type {
11
+ FieldControlProps,
12
+ FieldDescriptionProps,
13
+ FieldErrorProps,
14
+ FieldItemProps,
15
+ FieldLabelProps,
16
+ FieldProps,
17
+ FieldValidityProps,
18
+ } from "./components/field/index.ts";
19
+
20
+ export { Text, TextHeading, TextMono, TextSans } from "./components/text/index.ts";
21
+ export type { TextHeadingProps, TextMonoProps, TextSansProps } from "./components/text/index.ts";
22
+
23
+ export {
24
+ ToggleGroup,
25
+ ToggleGroupCount,
26
+ ToggleGroupItem,
27
+ ToggleGroupLabel,
28
+ } from "./components/toggle-group/index.ts";
29
+ export type {
30
+ ToggleGroupCountProps,
31
+ ToggleGroupItemProps,
32
+ ToggleGroupLabelProps,
33
+ ToggleGroupProps,
34
+ } from "./components/toggle-group/index.ts";
35
+
36
+ export { PreviewShell } from "./components/preview-shell/index.ts";
37
+ export type { PreviewShellProps } from "./components/preview-shell/index.ts";
38
+
39
+ export {
40
+ MediaListItem,
41
+ MediaListItemActionGroup,
42
+ MediaListItemAside,
43
+ MediaListItemBody,
44
+ MediaListItemSubtitle,
45
+ MediaListItemText,
46
+ MediaListItemTitle,
47
+ MediaListItemVisual,
48
+ } from "./components/media-list-item/index.ts";
49
+ export type {
50
+ MediaListItemActionGroupProps,
51
+ MediaListItemAsideProps,
52
+ MediaListItemBodyProps,
53
+ MediaListItemProps,
54
+ MediaListItemSubtitleProps,
55
+ MediaListItemTextProps,
56
+ MediaListItemTitleProps,
57
+ MediaListItemVisualProps,
58
+ } from "./components/media-list-item/index.ts";
59
+
60
+ export {
61
+ PanelHeader,
62
+ PanelHeaderActions,
63
+ PanelHeaderContent,
64
+ PanelHeaderIcon,
65
+ PanelHeaderSubtitle,
66
+ PanelHeaderSuffix,
67
+ PanelHeaderTitle,
68
+ PanelHeaderTitleRow,
69
+ PanelHeaderVisual,
70
+ } from "./components/panel-header/index.ts";
71
+ export type {
72
+ PanelHeaderActionsProps,
73
+ PanelHeaderContentProps,
74
+ PanelHeaderIconProps,
75
+ PanelHeaderProps,
76
+ PanelHeaderSubtitleProps,
77
+ PanelHeaderSuffixProps,
78
+ PanelHeaderTitleProps,
79
+ PanelHeaderTitleRowProps,
80
+ PanelHeaderVisualProps,
81
+ } from "./components/panel-header/index.ts";
82
+
83
+ export {
84
+ QuotedMessageCard,
85
+ QuotedMessageCardAttachments,
86
+ QuotedMessageCardAuthor,
87
+ QuotedMessageCardAuthorName,
88
+ QuotedMessageCardAuthorSubtitle,
89
+ QuotedMessageCardBody,
90
+ QuotedMessageCardChannel,
91
+ QuotedMessageCardContent,
92
+ QuotedMessageCardContentWrap,
93
+ QuotedMessageCardHeader,
94
+ QuotedMessageCardMeta,
95
+ QuotedMessageCardSeparator,
96
+ QuotedMessageCardTag,
97
+ QuotedMessageCardThread,
98
+ QuotedMessageCardTimestamp,
99
+ QuotedMessageCardUnavailable,
100
+ } from "./components/quoted-message-card/index.ts";
101
+ export type {
102
+ QuotedMessageCardAttachmentsProps,
103
+ QuotedMessageCardAuthorNameProps,
104
+ QuotedMessageCardAuthorProps,
105
+ QuotedMessageCardAuthorSubtitleProps,
106
+ QuotedMessageCardBodyProps,
107
+ QuotedMessageCardChannelProps,
108
+ QuotedMessageCardContentProps,
109
+ QuotedMessageCardContentWrapProps,
110
+ QuotedMessageCardHeaderProps,
111
+ QuotedMessageCardMetaProps,
112
+ QuotedMessageCardProps,
113
+ QuotedMessageCardSeparatorProps,
114
+ QuotedMessageCardTagProps,
115
+ QuotedMessageCardThreadProps,
116
+ QuotedMessageCardTimestampProps,
117
+ QuotedMessageCardUnavailableProps,
118
+ } from "./components/quoted-message-card/index.ts";
119
+
120
+ export {
121
+ ConversationPreviewCard,
122
+ ConversationPreviewCardAction,
123
+ ConversationPreviewCardAuthor,
124
+ ConversationPreviewCardAuthorName,
125
+ ConversationPreviewCardAuthorSubtitle,
126
+ ConversationPreviewCardChannel,
127
+ ConversationPreviewCardContent,
128
+ ConversationPreviewCardFooter,
129
+ ConversationPreviewCardMeta,
130
+ ConversationPreviewCardPreview,
131
+ ConversationPreviewCardPreviewAuthor,
132
+ ConversationPreviewCardPreviewLeading,
133
+ ConversationPreviewCardSecondaryPreview,
134
+ ConversationPreviewCardTimestamp,
135
+ } from "./components/conversation-preview-card/index.ts";
136
+ export type {
137
+ ConversationPreviewCardActionProps,
138
+ ConversationPreviewCardAuthorNameProps,
139
+ ConversationPreviewCardAuthorProps,
140
+ ConversationPreviewCardAuthorSubtitleProps,
141
+ ConversationPreviewCardChannelProps,
142
+ ConversationPreviewCardContentProps,
143
+ ConversationPreviewCardFooterProps,
144
+ ConversationPreviewCardMetaProps,
145
+ ConversationPreviewCardPreviewAuthorProps,
146
+ ConversationPreviewCardPreviewLeadingProps,
147
+ ConversationPreviewCardPreviewProps,
148
+ ConversationPreviewCardProps,
149
+ ConversationPreviewCardSecondaryPreviewProps,
150
+ ConversationPreviewCardTimestampProps,
151
+ } from "./components/conversation-preview-card/index.ts";
152
+
153
+ export { SectionLabel } from "./components/section-label/index.ts";
154
+ export type { SectionLabelProps } from "./components/section-label/index.ts";
155
+
156
+ export {
157
+ SectionHeader,
158
+ SectionHeaderActions,
159
+ SectionHeaderContent,
160
+ SectionHeaderCount,
161
+ SectionHeaderIcon,
162
+ SectionHeaderTitle,
163
+ } from "./components/section-header/index.ts";
164
+ export type {
165
+ SectionHeaderActionsProps,
166
+ SectionHeaderContentProps,
167
+ SectionHeaderCountProps,
168
+ SectionHeaderIconProps,
169
+ SectionHeaderProps,
170
+ SectionHeaderTitleProps,
171
+ } from "./components/section-header/index.ts";
172
+
173
+ export {
174
+ DescriptionAction,
175
+ DescriptionDetails,
176
+ DescriptionItem,
177
+ DescriptionList,
178
+ DescriptionTerm,
179
+ } from "./components/description-list/index.ts";
180
+ export type {
181
+ DescriptionActionProps,
182
+ DescriptionDetailsProps,
183
+ DescriptionItemProps,
184
+ DescriptionListProps,
185
+ DescriptionTermProps,
186
+ } from "./components/description-list/index.ts";
187
+
188
+ export {
189
+ ListItem,
190
+ ListItemActionGroup,
191
+ ListItemBody,
192
+ ListItemDescription,
193
+ ListItemIcon,
194
+ ListItemMeta,
195
+ ListItemRow,
196
+ ListItemTitle,
197
+ } from "./components/list-item/index.ts";
198
+ export type {
199
+ ListItemActionGroupProps,
200
+ ListItemBodyProps,
201
+ ListItemDescriptionProps,
202
+ ListItemIconProps,
203
+ ListItemMetaProps,
204
+ ListItemProps,
205
+ ListItemRowProps,
206
+ ListItemTitleProps,
207
+ } from "./components/list-item/index.ts";
208
+
209
+ export {
210
+ Lightbox,
211
+ LightboxActions,
212
+ LightboxClose,
213
+ LightboxContent,
214
+ LightboxHeader,
215
+ LightboxMedia,
216
+ LightboxPortal,
217
+ LightboxStage,
218
+ LightboxTitle,
219
+ LightboxTrigger,
220
+ } from "./components/lightbox/index.ts";
221
+ export type {
222
+ LightboxActionsProps,
223
+ LightboxCloseProps,
224
+ LightboxContentProps,
225
+ LightboxHeaderProps,
226
+ LightboxMediaProps,
227
+ LightboxPortalProps,
228
+ LightboxProps,
229
+ LightboxStageProps,
230
+ LightboxTitleProps,
231
+ LightboxTriggerProps,
232
+ } from "./components/lightbox/index.ts";
233
+
234
+ export {
235
+ BottomSheet,
236
+ BottomSheetClose,
237
+ BottomSheetContent,
238
+ BottomSheetDescription,
239
+ BottomSheetFooter,
240
+ BottomSheetHeader,
241
+ BottomSheetPortal,
242
+ BottomSheetTitle,
243
+ BottomSheetTrigger,
244
+ } from "./components/bottom-sheet/index.ts";
245
+ export type {
246
+ BottomSheetCloseProps,
247
+ BottomSheetContentProps,
248
+ BottomSheetDescriptionProps,
249
+ BottomSheetFooterProps,
250
+ BottomSheetHeaderProps,
251
+ BottomSheetPortalProps,
252
+ BottomSheetProps,
253
+ BottomSheetTitleProps,
254
+ BottomSheetTriggerProps,
255
+ } from "./components/bottom-sheet/index.ts";