@nuee/ui 0.4.0 → 0.5.0

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 (189) hide show
  1. package/dist/Icon.js +2 -0
  2. package/dist/Icon.js.map +2 -2
  3. package/dist/accordion.d.ts +4 -4
  4. package/dist/accordion.js +105 -207
  5. package/dist/accordion.js.map +4 -4
  6. package/dist/alert-dialog.d.ts +6 -6
  7. package/dist/alert-dialog.js +83 -352
  8. package/dist/alert-dialog.js.map +4 -4
  9. package/dist/aspect-ratio.d.ts +1 -1
  10. package/dist/aspect-ratio.js +6 -42
  11. package/dist/aspect-ratio.js.map +2 -2
  12. package/dist/attachment.d.ts +8 -8
  13. package/dist/attachment.js +82 -314
  14. package/dist/attachment.js.map +4 -4
  15. package/dist/avatar.d.ts +7 -9
  16. package/dist/avatar.js +29 -71
  17. package/dist/avatar.js.map +2 -2
  18. package/dist/badge.d.ts +2 -4
  19. package/dist/badge.js +7 -44
  20. package/dist/badge.js.map +2 -2
  21. package/dist/banner.d.ts +4 -7
  22. package/dist/banner.js +35 -273
  23. package/dist/banner.js.map +2 -2
  24. package/dist/breadcrumb.d.ts +7 -7
  25. package/dist/breadcrumb.js +12 -92
  26. package/dist/breadcrumb.js.map +4 -4
  27. package/dist/bubble.d.ts +6 -4
  28. package/dist/bubble.js +17 -55
  29. package/dist/bubble.js.map +2 -2
  30. package/dist/button-group.d.ts +5 -5
  31. package/dist/button-group.js +113 -159
  32. package/dist/button-group.js.map +4 -4
  33. package/dist/button.d.ts +7 -5
  34. package/dist/button.js +141 -44
  35. package/dist/button.js.map +2 -2
  36. package/dist/calendar.d.ts +9 -0
  37. package/dist/calendar.js +234 -0
  38. package/dist/calendar.js.map +7 -0
  39. package/dist/card.d.ts +3 -3
  40. package/dist/card.js +31 -216
  41. package/dist/card.js.map +2 -2
  42. package/dist/carousel.d.ts +28 -0
  43. package/dist/carousel.js +427 -0
  44. package/dist/carousel.js.map +7 -0
  45. package/dist/checkbox.d.ts +3 -3
  46. package/dist/checkbox.js +45 -115
  47. package/dist/checkbox.js.map +4 -4
  48. package/dist/collapsible.d.ts +3 -3
  49. package/dist/collapsible.js +96 -184
  50. package/dist/collapsible.js.map +4 -4
  51. package/dist/combobox.d.ts +6 -6
  52. package/dist/combobox.js +182 -268
  53. package/dist/combobox.js.map +4 -4
  54. package/dist/content-row.d.ts +7 -7
  55. package/dist/content-row.js +97 -241
  56. package/dist/content-row.js.map +3 -3
  57. package/dist/context-menu.js +15 -738
  58. package/dist/context-menu.js.map +4 -4
  59. package/dist/control-layout.d.ts +9 -0
  60. package/dist/date-picker.d.ts +11 -0
  61. package/dist/date-picker.js +140 -0
  62. package/dist/date-picker.js.map +7 -0
  63. package/dist/dialog.d.ts +5 -5
  64. package/dist/dialog.js +44 -161
  65. package/dist/dialog.js.map +4 -4
  66. package/dist/drawer.d.ts +8 -8
  67. package/dist/drawer.js +80 -119
  68. package/dist/drawer.js.map +2 -2
  69. package/dist/dropdown-menu.d.ts +8 -8
  70. package/dist/dropdown-menu.js +244 -416
  71. package/dist/dropdown-menu.js.map +4 -4
  72. package/dist/empty.d.ts +6 -6
  73. package/dist/empty.js +31 -210
  74. package/dist/empty.js.map +2 -2
  75. package/dist/field.d.ts +9 -9
  76. package/dist/field.js +81 -31
  77. package/dist/field.js.map +3 -3
  78. package/dist/global.css +5 -0
  79. package/dist/heading.d.ts +6 -0
  80. package/dist/heading.js +92 -0
  81. package/dist/heading.js.map +7 -0
  82. package/dist/hover-card.d.ts +7 -4
  83. package/dist/hover-card.js +51 -3
  84. package/dist/hover-card.js.map +2 -2
  85. package/dist/index.d.ts +14 -8
  86. package/dist/index.js +295 -12210
  87. package/dist/index.js.map +4 -4
  88. package/dist/input-group.d.ts +5 -5
  89. package/dist/input-group.js +95 -485
  90. package/dist/input-group.js.map +4 -4
  91. package/dist/input-otp.d.ts +6 -6
  92. package/dist/input-otp.js +18 -43
  93. package/dist/input-otp.js.map +2 -2
  94. package/dist/input.d.ts +3 -3
  95. package/dist/input.js +7 -4
  96. package/dist/input.js.map +2 -2
  97. package/dist/kbd.d.ts +2 -7
  98. package/dist/kbd.js +4 -99
  99. package/dist/kbd.js.map +3 -3
  100. package/dist/label.d.ts +2 -5
  101. package/dist/label.js +64 -39
  102. package/dist/label.js.map +3 -3
  103. package/dist/link.d.ts +3 -5
  104. package/dist/link.js +22 -107
  105. package/dist/link.js.map +4 -4
  106. package/dist/marker.d.ts +3 -3
  107. package/dist/marker.js +17 -104
  108. package/dist/marker.js.map +2 -2
  109. package/dist/menubar.d.ts +2 -2
  110. package/dist/menubar.js +36 -772
  111. package/dist/menubar.js.map +4 -4
  112. package/dist/message.d.ts +9 -6
  113. package/dist/message.js +35 -155
  114. package/dist/message.js.map +2 -2
  115. package/dist/native-select.d.ts +5 -5
  116. package/dist/native-select.js +24 -102
  117. package/dist/native-select.js.map +4 -4
  118. package/dist/navigation-menu.d.ts +7 -7
  119. package/dist/navigation-menu.js +183 -307
  120. package/dist/navigation-menu.js.map +4 -4
  121. package/dist/pagination.d.ts +5 -5
  122. package/dist/pagination.js +13 -92
  123. package/dist/pagination.js.map +4 -4
  124. package/dist/popover.d.ts +4 -4
  125. package/dist/popover.js +44 -36
  126. package/dist/popover.js.map +3 -3
  127. package/dist/primitives.js +2 -0
  128. package/dist/primitives.js.map +2 -2
  129. package/dist/progress.d.ts +3 -3
  130. package/dist/progress.js +16 -30
  131. package/dist/progress.js.map +2 -2
  132. package/dist/radio-group.d.ts +5 -5
  133. package/dist/radio-group.js +43 -49
  134. package/dist/radio-group.js.map +3 -3
  135. package/dist/reset.css +0 -1
  136. package/dist/scroll-area.d.ts +2 -2
  137. package/dist/scroll-area.js +56 -80
  138. package/dist/scroll-area.js.map +2 -2
  139. package/dist/select.d.ts +5 -5
  140. package/dist/select.js +169 -255
  141. package/dist/select.js.map +4 -4
  142. package/dist/separator.d.ts +1 -1
  143. package/dist/separator.js +11 -10
  144. package/dist/separator.js.map +2 -2
  145. package/dist/skeleton.d.ts +1 -1
  146. package/dist/skeleton.js +6 -37
  147. package/dist/skeleton.js.map +2 -2
  148. package/dist/slider.d.ts +3 -3
  149. package/dist/slider.js +37 -46
  150. package/dist/slider.js.map +2 -2
  151. package/dist/spinner.d.ts +2 -4
  152. package/dist/spinner.js +5 -61
  153. package/dist/spinner.js.map +3 -3
  154. package/dist/stylex.css +463 -307
  155. package/dist/switch.d.ts +3 -3
  156. package/dist/switch.js +49 -35
  157. package/dist/switch.js.map +3 -3
  158. package/dist/table.d.ts +9 -10
  159. package/dist/table.js +33 -274
  160. package/dist/table.js.map +2 -2
  161. package/dist/tabs.d.ts +4 -4
  162. package/dist/tabs.js +84 -135
  163. package/dist/tabs.js.map +3 -3
  164. package/dist/textarea.d.ts +3 -3
  165. package/dist/textarea.js +11 -43
  166. package/dist/textarea.js.map +2 -2
  167. package/dist/timeline.d.ts +19 -0
  168. package/dist/timeline.js +104 -0
  169. package/dist/timeline.js.map +7 -0
  170. package/dist/toast.d.ts +4 -2
  171. package/dist/toast.js +261 -485
  172. package/dist/toast.js.map +4 -4
  173. package/dist/toast.stylex.d.ts +4 -2
  174. package/dist/toggle-group.d.ts +5 -5
  175. package/dist/toggle-group.js +52 -60
  176. package/dist/toggle-group.js.map +3 -3
  177. package/dist/toggle.d.ts +3 -3
  178. package/dist/toggle.js +28 -20
  179. package/dist/toggle.js.map +3 -3
  180. package/dist/tooltip.d.ts +1 -1
  181. package/dist/tooltip.js +52 -44
  182. package/dist/tooltip.js.map +3 -3
  183. package/dist/typography.d.ts +50 -294
  184. package/package.json +15 -7
  185. package/dist/message-scroller.d.ts +0 -10
  186. package/dist/message-scroller.js +0 -464
  187. package/dist/message-scroller.js.map +0 -7
  188. package/dist/typography.js +0 -85
  189. package/dist/typography.js.map +0 -7
@@ -1,10 +0,0 @@
1
- import * as stylex from "@stylexjs/stylex";
2
- import { type ComponentProps, type ReactNode } from "react";
3
- export type MessageScrollerProps = ComponentProps<"div"> & {
4
- children: ReactNode;
5
- /** Keeps the latest message in view when new messages are added. @default true */
6
- followOutput?: boolean;
7
- scrollLabel?: string;
8
- xstyle?: stylex.StyleXStyles;
9
- };
10
- export declare function MessageScroller({ children, followOutput, scrollLabel, xstyle, ...props }: MessageScrollerProps): import("react").JSX.Element;
@@ -1,464 +0,0 @@
1
- // src/message-scroller.tsx
2
- import { c as _c2 } from "react/compiler-runtime";
3
- import * as stylex2 from "@stylexjs/stylex";
4
- import { useEffect, useRef, useState } from "react";
5
-
6
- // src/button.tsx
7
- import { c as _c } from "react/compiler-runtime";
8
- import { Button as ButtonPrimitive } from "@base-ui/react/button";
9
- import * as stylex from "@stylexjs/stylex";
10
- import { jsx } from "react/jsx-runtime";
11
- var styles = {
12
- root: {
13
- kGNEyG: "x6s0dn4",
14
- kysU6D: "xjyslct",
15
- ksu8eU: "x1y0btm7",
16
- kMzoRj: "xzgztj1",
17
- kkrTdU: "x1ypdohk",
18
- k1xSpc: "x3nfvp2",
19
- kGuDYH: "x99mhxu",
20
- k63SB2: "x1v899x5",
21
- kOIVth: "x1uj7ll3",
22
- kHBbk8: "xc8icb0",
23
- kjj79g: "xl56j7k",
24
- kLWn49: "x1hfsx4t",
25
- kI3sdo: "x1a2a7pz",
26
- kVQacm: "xb3r6kr",
27
- kVAEAm: "x1n2onr6",
28
- kIyJzY: "xdshaxz",
29
- k1ekBW: "x1qsmvhx",
30
- kAMwcw: "xscx6xn",
31
- kfSwDN: "x87ps6o",
32
- khDVqt: "xuxw1ft",
33
- kZs9gx: "x7yqiub",
34
- kiEn40: "xzvmsi2",
35
- k7shQP: "x9v5kkp",
36
- kPJHz1: "x11ci167",
37
- kYPGJ8: "x1s07b3s",
38
- kLkRvE: "xqhzmhv",
39
- kgeoSG: "x1cpjm7i",
40
- kFcpXp: "xxx281p",
41
- km8f2m: "xkk1bqk",
42
- kEoFBp: "x1hmns74",
43
- kxmVGU: "x2hztxu",
44
- $$css: true
45
- },
46
- solidInteraction: {
47
- kLkRvE: "xqhzmhv x1v9rfms x1c9ljbx",
48
- $$css: true
49
- },
50
- surfaceInteraction: {
51
- kLkRvE: "xqhzmhv x10nvyxg x1kux2mm",
52
- $$css: true
53
- },
54
- content: {
55
- kGNEyG: "x6s0dn4",
56
- k1xSpc: "x3nfvp2",
57
- kOIVth: "x1uj7ll3",
58
- kVAEAm: "x1n2onr6",
59
- kY2c9j: "x1vjfegm",
60
- $$css: true
61
- },
62
- primaryContent: {
63
- kMwMTN: "x1mij46l",
64
- $$css: true
65
- },
66
- destructiveContent: {
67
- kMwMTN: "xte0b6o",
68
- $$css: true
69
- },
70
- disabledContent: {
71
- kMwMTN: "x2rig74",
72
- $$css: true
73
- },
74
- primary: {
75
- kWkggS: "x92qhq",
76
- kVAM5u: "x1nbx55b",
77
- kMwMTN: "x1mij46l",
78
- $$css: true
79
- },
80
- secondary: {
81
- kWkggS: "x8m6yc2",
82
- kVAM5u: "x13xm7is",
83
- kMwMTN: "x1alews2",
84
- $$css: true
85
- },
86
- ghost: {
87
- kWkggS: "xnar5hm",
88
- kVAM5u: "x38l7vw",
89
- kMwMTN: "x1alews2",
90
- $$css: true
91
- },
92
- destructive: {
93
- kWkggS: "xstylu5",
94
- kVAM5u: "xg020jo",
95
- kMwMTN: "xte0b6o",
96
- $$css: true
97
- },
98
- disabled: {
99
- kWkggS: "x1fdj243",
100
- kVAM5u: "x13xm7is",
101
- kMwMTN: "x2rig74",
102
- $$css: true
103
- },
104
- disabledGhost: {
105
- kWkggS: "xnar5hm",
106
- kVAM5u: "x38l7vw",
107
- $$css: true
108
- },
109
- disabledInteraction: {
110
- kLkRvE: "xqhzmhv",
111
- $$css: true
112
- },
113
- sm: {
114
- kaIpWk: "x7c24we",
115
- kZKoxP: "x5vhmdc",
116
- kg3NbH: "xdaxh69",
117
- $$css: true
118
- },
119
- md: {
120
- kaIpWk: "x7c24we",
121
- kZKoxP: "x1f831s2",
122
- kg3NbH: "x19pklni",
123
- $$css: true
124
- },
125
- lg: {
126
- kaIpWk: "x7c24we",
127
- kZKoxP: "xbdy5jr",
128
- kg3NbH: "xo72ft4",
129
- $$css: true
130
- }
131
- };
132
- function Button(t0) {
133
- const $ = _c(24);
134
- let children;
135
- let disabled;
136
- let props3;
137
- let t1;
138
- let t2;
139
- let xstyle;
140
- if ($[0] !== t0) {
141
- ({
142
- children,
143
- disabled,
144
- size: t1,
145
- variant: t2,
146
- xstyle,
147
- ...props3
148
- } = t0);
149
- $[0] = t0;
150
- $[1] = children;
151
- $[2] = disabled;
152
- $[3] = props3;
153
- $[4] = t1;
154
- $[5] = t2;
155
- $[6] = xstyle;
156
- } else {
157
- children = $[1];
158
- disabled = $[2];
159
- props3 = $[3];
160
- t1 = $[4];
161
- t2 = $[5];
162
- xstyle = $[6];
163
- }
164
- const size = t1 === void 0 ? "md" : t1;
165
- const variant = t2 === void 0 ? "primary" : t2;
166
- const isDisabled = Boolean(disabled);
167
- const hasSolidBackground = variant === "primary" || variant === "destructive";
168
- let t3;
169
- if ($[7] !== hasSolidBackground || $[8] !== isDisabled || $[9] !== size || $[10] !== variant || $[11] !== xstyle) {
170
- t3 = stylex.props(styles.root, styles[variant], styles[size], hasSolidBackground ? styles.solidInteraction : styles.surfaceInteraction, isDisabled && styles.disabled, isDisabled && variant === "ghost" && styles.disabledGhost, isDisabled && styles.disabledInteraction, xstyle);
171
- $[7] = hasSolidBackground;
172
- $[8] = isDisabled;
173
- $[9] = size;
174
- $[10] = variant;
175
- $[11] = xstyle;
176
- $[12] = t3;
177
- } else {
178
- t3 = $[12];
179
- }
180
- const stylexProps = t3;
181
- let t4;
182
- if ($[13] !== isDisabled || $[14] !== variant) {
183
- t4 = {
184
- 0: {
185
- className: "x6s0dn4 x3nfvp2 x1uj7ll3 x1n2onr6 x1vjfegm"
186
- },
187
- 4: {
188
- className: "x6s0dn4 x3nfvp2 x1uj7ll3 x1n2onr6 x1vjfegm x1mij46l"
189
- },
190
- 2: {
191
- className: "x6s0dn4 x3nfvp2 x1uj7ll3 x1n2onr6 x1vjfegm xte0b6o"
192
- },
193
- 6: {
194
- className: "x6s0dn4 x3nfvp2 x1uj7ll3 x1n2onr6 x1vjfegm xte0b6o"
195
- },
196
- 1: {
197
- className: "x6s0dn4 x3nfvp2 x1uj7ll3 x1n2onr6 x1vjfegm x2rig74"
198
- },
199
- 5: {
200
- className: "x6s0dn4 x3nfvp2 x1uj7ll3 x1n2onr6 x1vjfegm x2rig74"
201
- },
202
- 3: {
203
- className: "x6s0dn4 x3nfvp2 x1uj7ll3 x1n2onr6 x1vjfegm x2rig74"
204
- },
205
- 7: {
206
- className: "x6s0dn4 x3nfvp2 x1uj7ll3 x1n2onr6 x1vjfegm x2rig74"
207
- }
208
- }[!!(variant === "primary") << 2 | !!(variant === "destructive") << 1 | !!isDisabled << 0];
209
- $[13] = isDisabled;
210
- $[14] = variant;
211
- $[15] = t4;
212
- } else {
213
- t4 = $[15];
214
- }
215
- const contentStylexProps = t4;
216
- let t5;
217
- if ($[16] !== children || $[17] !== contentStylexProps) {
218
- t5 = /* @__PURE__ */ jsx("span", { ...contentStylexProps, children });
219
- $[16] = children;
220
- $[17] = contentStylexProps;
221
- $[18] = t5;
222
- } else {
223
- t5 = $[18];
224
- }
225
- let t6;
226
- if ($[19] !== disabled || $[20] !== props3 || $[21] !== stylexProps || $[22] !== t5) {
227
- t6 = /* @__PURE__ */ jsx(ButtonPrimitive, { ...props3, disabled, ...stylexProps, children: t5 });
228
- $[19] = disabled;
229
- $[20] = props3;
230
- $[21] = stylexProps;
231
- $[22] = t5;
232
- $[23] = t6;
233
- } else {
234
- t6 = $[23];
235
- }
236
- return t6;
237
- }
238
-
239
- // src/Icon.tsx
240
- import {
241
- ArrowDownIcon,
242
- ArrowSquareOutIcon,
243
- ArrowsDownUpIcon,
244
- ArrowUpIcon,
245
- CalendarIcon,
246
- CaretDoubleLeftIcon,
247
- CaretDoubleRightIcon,
248
- CaretDownIcon,
249
- CaretLeftIcon,
250
- CaretRightIcon,
251
- CaretUpIcon,
252
- CaretUpDownIcon,
253
- CheckCircleIcon,
254
- CheckIcon,
255
- ChecksIcon,
256
- ClockIcon,
257
- ColumnsIcon,
258
- CopyIcon,
259
- DotsThreeIcon,
260
- EyeSlashIcon,
261
- FileIcon,
262
- FolderIcon,
263
- FunnelIcon,
264
- GitBranchIcon,
265
- InfoIcon,
266
- ListIcon,
267
- MagnifyingGlassIcon,
268
- MicrophoneIcon,
269
- PaperclipIcon,
270
- DownloadSimpleIcon,
271
- StopIcon,
272
- WarningIcon,
273
- WrenchIcon,
274
- XCircleIcon,
275
- XIcon
276
- } from "@phosphor-icons/react";
277
- import { jsx as jsx2 } from "react/jsx-runtime";
278
- var iconRegistry = {
279
- close: XIcon,
280
- chevronDown: CaretDownIcon,
281
- chevronLeft: CaretLeftIcon,
282
- chevronRight: CaretRightIcon,
283
- chevronUp: CaretUpIcon,
284
- chevronsLeft: CaretDoubleLeftIcon,
285
- chevronsRight: CaretDoubleRightIcon,
286
- caretUpDown: CaretUpDownIcon,
287
- check: CheckIcon,
288
- success: CheckCircleIcon,
289
- error: XCircleIcon,
290
- warning: WarningIcon,
291
- info: InfoIcon,
292
- calendar: CalendarIcon,
293
- clock: ClockIcon,
294
- externalLink: ArrowSquareOutIcon,
295
- menu: ListIcon,
296
- moreHorizontal: DotsThreeIcon,
297
- search: MagnifyingGlassIcon,
298
- arrowUp: ArrowUpIcon,
299
- arrowDown: ArrowDownIcon,
300
- arrowsUpDown: ArrowsDownUpIcon,
301
- funnel: FunnelIcon,
302
- eyeSlash: EyeSlashIcon,
303
- viewColumns: ColumnsIcon,
304
- copy: CopyIcon,
305
- checkDouble: ChecksIcon,
306
- wrench: WrenchIcon,
307
- stop: StopIcon,
308
- microphone: MicrophoneIcon,
309
- folder: FolderIcon,
310
- file: FileIcon,
311
- paperclip: PaperclipIcon,
312
- download: DownloadSimpleIcon,
313
- branch: GitBranchIcon
314
- };
315
- function Icon({ name, weight = "regular", ...props3 }) {
316
- const IconComponent = iconRegistry[name];
317
- return /* @__PURE__ */ jsx2(IconComponent, { ...props3, weight });
318
- }
319
-
320
- // src/message-scroller.tsx
321
- import { jsx as jsx3, jsxs } from "react/jsx-runtime";
322
- var styles2 = {
323
- root: {
324
- kAzted: "x2lwn1j",
325
- kVQacm: "xb3r6kr",
326
- kVAEAm: "x1n2onr6",
327
- $$css: true
328
- },
329
- action: {
330
- kaIpWk: "x9gkxt8",
331
- krVfgx: "xe0eaj1",
332
- kbCHJM: "x1nrll8i",
333
- k7Eaqz: "x19hwnzc",
334
- kSiTet: "x1hc1fzr",
335
- kVAEAm: "x10l6tqk",
336
- k3aq6I: "xuuh30",
337
- kIyJzY: "x1ial40k",
338
- k1ekBW: "x6o7n8i",
339
- $$css: true
340
- }
341
- };
342
- function MessageScroller(t0) {
343
- const $ = _c2(27);
344
- let children;
345
- let props3;
346
- let t1;
347
- let t2;
348
- let xstyle;
349
- if ($[0] !== t0) {
350
- ({
351
- children,
352
- followOutput: t1,
353
- scrollLabel: t2,
354
- xstyle,
355
- ...props3
356
- } = t0);
357
- $[0] = t0;
358
- $[1] = children;
359
- $[2] = props3;
360
- $[3] = t1;
361
- $[4] = t2;
362
- $[5] = xstyle;
363
- } else {
364
- children = $[1];
365
- props3 = $[2];
366
- t1 = $[3];
367
- t2 = $[4];
368
- xstyle = $[5];
369
- }
370
- const followOutput = t1 === void 0 ? true : t1;
371
- const scrollLabel = t2 === void 0 ? "Scroll to latest message" : t2;
372
- const viewportRef = useRef(null);
373
- const [isAtEnd, setIsAtEnd] = useState(true);
374
- let t3;
375
- if ($[6] !== followOutput || $[7] !== isAtEnd) {
376
- t3 = () => {
377
- if (followOutput && isAtEnd) {
378
- viewportRef.current?.scrollTo({
379
- top: viewportRef.current.scrollHeight
380
- });
381
- }
382
- };
383
- $[6] = followOutput;
384
- $[7] = isAtEnd;
385
- $[8] = t3;
386
- } else {
387
- t3 = $[8];
388
- }
389
- let t4;
390
- if ($[9] !== children || $[10] !== followOutput || $[11] !== isAtEnd) {
391
- t4 = [children, followOutput, isAtEnd];
392
- $[9] = children;
393
- $[10] = followOutput;
394
- $[11] = isAtEnd;
395
- $[12] = t4;
396
- } else {
397
- t4 = $[12];
398
- }
399
- useEffect(t3, t4);
400
- let t5;
401
- if ($[13] !== xstyle) {
402
- t5 = stylex2.props(styles2.root, xstyle);
403
- $[13] = xstyle;
404
- $[14] = t5;
405
- } else {
406
- t5 = $[14];
407
- }
408
- const resolved = t5;
409
- let t6;
410
- let t7;
411
- if ($[15] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
412
- t6 = {
413
- className: "x78zum5 xdt5ytf xzwduhw x5yr21d x1odjw0f xish69e xkcv6ua x10vjxrz xg83hb1"
414
- };
415
- t7 = (event) => {
416
- const target = event.currentTarget;
417
- setIsAtEnd(target.scrollHeight - target.scrollTop - target.clientHeight < 4);
418
- };
419
- $[15] = t6;
420
- $[16] = t7;
421
- } else {
422
- t6 = $[15];
423
- t7 = $[16];
424
- }
425
- let t8;
426
- if ($[17] !== children) {
427
- t8 = /* @__PURE__ */ jsx3("div", { ref: viewportRef, ...t6, onScroll: t7, children });
428
- $[17] = children;
429
- $[18] = t8;
430
- } else {
431
- t8 = $[18];
432
- }
433
- let t9;
434
- if ($[19] !== isAtEnd || $[20] !== scrollLabel) {
435
- t9 = !isAtEnd ? /* @__PURE__ */ jsx3(Button, { "aria-label": scrollLabel, size: "sm", variant: "secondary", xstyle: styles2.action, onClick: () => viewportRef.current?.scrollTo({
436
- behavior: "smooth",
437
- top: viewportRef.current.scrollHeight
438
- }), children: /* @__PURE__ */ jsx3(Icon, { name: "arrowDown" }) }) : null;
439
- $[19] = isAtEnd;
440
- $[20] = scrollLabel;
441
- $[21] = t9;
442
- } else {
443
- t9 = $[21];
444
- }
445
- let t10;
446
- if ($[22] !== props3 || $[23] !== resolved || $[24] !== t8 || $[25] !== t9) {
447
- t10 = /* @__PURE__ */ jsxs("div", { ...props3, ...resolved, children: [
448
- t8,
449
- t9
450
- ] });
451
- $[22] = props3;
452
- $[23] = resolved;
453
- $[24] = t8;
454
- $[25] = t9;
455
- $[26] = t10;
456
- } else {
457
- t10 = $[26];
458
- }
459
- return t10;
460
- }
461
- export {
462
- MessageScroller
463
- };
464
- //# sourceMappingURL=message-scroller.js.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../src/message-scroller.tsx", "../src/button.tsx", "../src/Icon.tsx"],
4
- "sourcesContent": ["import { c as _c } from \"react/compiler-runtime\";\nimport * as stylex from \"@stylexjs/stylex\";\nimport { type ComponentProps, type ReactNode, useEffect, useRef, useState } from \"react\";\nimport { Button } from \"./button\";\nimport { Icon } from \"./Icon\";\nimport { colorVars, motionVars, radiusVars, spacingVars } from \"@nuee/tokens/semantic.stylex\";\nconst styles = {\n root: {\n kAzted: \"x2lwn1j\",\n kVQacm: \"xb3r6kr\",\n kVAEAm: \"x1n2onr6\",\n $$css: true\n },\n action: {\n kaIpWk: \"x9gkxt8\",\n krVfgx: \"xe0eaj1\",\n kbCHJM: \"x1nrll8i\",\n k7Eaqz: \"x19hwnzc\",\n kSiTet: \"x1hc1fzr\",\n kVAEAm: \"x10l6tqk\",\n k3aq6I: \"xuuh30\",\n kIyJzY: \"x1ial40k\",\n k1ekBW: \"x6o7n8i\",\n $$css: true\n }\n};\nexport type MessageScrollerProps = ComponentProps<\"div\"> & {\n children: ReactNode;\n /** Keeps the latest message in view when new messages are added. @default true */\n followOutput?: boolean;\n scrollLabel?: string;\n xstyle?: stylex.StyleXStyles;\n};\nexport function MessageScroller(t0) {\n const $ = _c(27);\n let children;\n let props;\n let t1;\n let t2;\n let xstyle;\n if ($[0] !== t0) {\n ({\n children,\n followOutput: t1,\n scrollLabel: t2,\n xstyle,\n ...props\n } = t0);\n $[0] = t0;\n $[1] = children;\n $[2] = props;\n $[3] = t1;\n $[4] = t2;\n $[5] = xstyle;\n } else {\n children = $[1];\n props = $[2];\n t1 = $[3];\n t2 = $[4];\n xstyle = $[5];\n }\n const followOutput = t1 === undefined ? true : t1;\n const scrollLabel = t2 === undefined ? \"Scroll to latest message\" : t2;\n const viewportRef = useRef(null);\n const [isAtEnd, setIsAtEnd] = useState(true);\n let t3;\n if ($[6] !== followOutput || $[7] !== isAtEnd) {\n t3 = () => {\n if (followOutput && isAtEnd) {\n viewportRef.current?.scrollTo({\n top: viewportRef.current.scrollHeight\n });\n }\n };\n $[6] = followOutput;\n $[7] = isAtEnd;\n $[8] = t3;\n } else {\n t3 = $[8];\n }\n let t4;\n if ($[9] !== children || $[10] !== followOutput || $[11] !== isAtEnd) {\n t4 = [children, followOutput, isAtEnd];\n $[9] = children;\n $[10] = followOutput;\n $[11] = isAtEnd;\n $[12] = t4;\n } else {\n t4 = $[12];\n }\n useEffect(t3, t4);\n let t5;\n if ($[13] !== xstyle) {\n t5 = stylex.props(styles.root, xstyle);\n $[13] = xstyle;\n $[14] = t5;\n } else {\n t5 = $[14];\n }\n const resolved = t5;\n let t6;\n let t7;\n if ($[15] === Symbol.for(\"react.memo_cache_sentinel\")) {\n t6 = {\n className: \"x78zum5 xdt5ytf xzwduhw x5yr21d x1odjw0f xish69e xkcv6ua x10vjxrz xg83hb1\"\n };\n t7 = event => {\n const target = event.currentTarget;\n setIsAtEnd(target.scrollHeight - target.scrollTop - target.clientHeight < 4);\n };\n $[15] = t6;\n $[16] = t7;\n } else {\n t6 = $[15];\n t7 = $[16];\n }\n let t8;\n if ($[17] !== children) {\n t8 = <div ref={viewportRef} {...t6} onScroll={t7}>{children}</div>;\n $[17] = children;\n $[18] = t8;\n } else {\n t8 = $[18];\n }\n let t9;\n if ($[19] !== isAtEnd || $[20] !== scrollLabel) {\n t9 = !isAtEnd ? <Button aria-label={scrollLabel} size=\"sm\" variant=\"secondary\" xstyle={styles.action} onClick={() => viewportRef.current?.scrollTo({\n behavior: \"smooth\",\n top: viewportRef.current.scrollHeight\n })}><Icon name=\"arrowDown\" /></Button> : null;\n $[19] = isAtEnd;\n $[20] = scrollLabel;\n $[21] = t9;\n } else {\n t9 = $[21];\n }\n let t10;\n if ($[22] !== props || $[23] !== resolved || $[24] !== t8 || $[25] !== t9) {\n t10 = <div {...props} {...resolved}>{t8}{t9}</div>;\n $[22] = props;\n $[23] = resolved;\n $[24] = t8;\n $[25] = t9;\n $[26] = t10;\n } else {\n t10 = $[26];\n }\n return t10;\n}", "import { c as _c } from \"react/compiler-runtime\";\nimport { Button as ButtonPrimitive } from \"@base-ui/react/button\";\nimport * as stylex from \"@stylexjs/stylex\";\nimport type { ComponentProps, ReactNode } from \"react\";\nimport { colorVars, motionVars, radiusVars, sizeVars, spacingVars, typographyVars } from \"@nuee/tokens/semantic.stylex\";\nconst styles = {\n root: {\n kGNEyG: \"x6s0dn4\",\n kysU6D: \"xjyslct\",\n ksu8eU: \"x1y0btm7\",\n kMzoRj: \"xzgztj1\",\n kkrTdU: \"x1ypdohk\",\n k1xSpc: \"x3nfvp2\",\n kGuDYH: \"x99mhxu\",\n k63SB2: \"x1v899x5\",\n kOIVth: \"x1uj7ll3\",\n kHBbk8: \"xc8icb0\",\n kjj79g: \"xl56j7k\",\n kLWn49: \"x1hfsx4t\",\n kI3sdo: \"x1a2a7pz\",\n kVQacm: \"xb3r6kr\",\n kVAEAm: \"x1n2onr6\",\n kIyJzY: \"xdshaxz\",\n k1ekBW: \"x1qsmvhx\",\n kAMwcw: \"xscx6xn\",\n kfSwDN: \"x87ps6o\",\n khDVqt: \"xuxw1ft\",\n kZs9gx: \"x7yqiub\",\n kiEn40: \"xzvmsi2\",\n k7shQP: \"x9v5kkp\",\n kPJHz1: \"x11ci167\",\n kYPGJ8: \"x1s07b3s\",\n kLkRvE: \"xqhzmhv\",\n kgeoSG: \"x1cpjm7i\",\n kFcpXp: \"xxx281p\",\n km8f2m: \"xkk1bqk\",\n kEoFBp: \"x1hmns74\",\n kxmVGU: \"x2hztxu\",\n $$css: true\n },\n solidInteraction: {\n kLkRvE: \"xqhzmhv x1v9rfms x1c9ljbx\",\n $$css: true\n },\n surfaceInteraction: {\n kLkRvE: \"xqhzmhv x10nvyxg x1kux2mm\",\n $$css: true\n },\n content: {\n kGNEyG: \"x6s0dn4\",\n k1xSpc: \"x3nfvp2\",\n kOIVth: \"x1uj7ll3\",\n kVAEAm: \"x1n2onr6\",\n kY2c9j: \"x1vjfegm\",\n $$css: true\n },\n primaryContent: {\n kMwMTN: \"x1mij46l\",\n $$css: true\n },\n destructiveContent: {\n kMwMTN: \"xte0b6o\",\n $$css: true\n },\n disabledContent: {\n kMwMTN: \"x2rig74\",\n $$css: true\n },\n primary: {\n kWkggS: \"x92qhq\",\n kVAM5u: \"x1nbx55b\",\n kMwMTN: \"x1mij46l\",\n $$css: true\n },\n secondary: {\n kWkggS: \"x8m6yc2\",\n kVAM5u: \"x13xm7is\",\n kMwMTN: \"x1alews2\",\n $$css: true\n },\n ghost: {\n kWkggS: \"xnar5hm\",\n kVAM5u: \"x38l7vw\",\n kMwMTN: \"x1alews2\",\n $$css: true\n },\n destructive: {\n kWkggS: \"xstylu5\",\n kVAM5u: \"xg020jo\",\n kMwMTN: \"xte0b6o\",\n $$css: true\n },\n disabled: {\n kWkggS: \"x1fdj243\",\n kVAM5u: \"x13xm7is\",\n kMwMTN: \"x2rig74\",\n $$css: true\n },\n disabledGhost: {\n kWkggS: \"xnar5hm\",\n kVAM5u: \"x38l7vw\",\n $$css: true\n },\n disabledInteraction: {\n kLkRvE: \"xqhzmhv\",\n $$css: true\n },\n sm: {\n kaIpWk: \"x7c24we\",\n kZKoxP: \"x5vhmdc\",\n kg3NbH: \"xdaxh69\",\n $$css: true\n },\n md: {\n kaIpWk: \"x7c24we\",\n kZKoxP: \"x1f831s2\",\n kg3NbH: \"x19pklni\",\n $$css: true\n },\n lg: {\n kaIpWk: \"x7c24we\",\n kZKoxP: \"xbdy5jr\",\n kg3NbH: \"xo72ft4\",\n $$css: true\n }\n};\ntype ButtonVariant = \"primary\" | \"secondary\" | \"ghost\" | \"destructive\";\ntype ButtonSize = \"sm\" | \"md\" | \"lg\";\nexport type ButtonProps = ComponentProps<typeof ButtonPrimitive> & {\n children: ReactNode;\n size?: ButtonSize;\n variant?: ButtonVariant;\n xstyle?: stylex.StyleXStyles;\n};\nexport function Button(t0) {\n const $ = _c(24);\n let children;\n let disabled;\n let props;\n let t1;\n let t2;\n let xstyle;\n if ($[0] !== t0) {\n ({\n children,\n disabled,\n size: t1,\n variant: t2,\n xstyle,\n ...props\n } = t0);\n $[0] = t0;\n $[1] = children;\n $[2] = disabled;\n $[3] = props;\n $[4] = t1;\n $[5] = t2;\n $[6] = xstyle;\n } else {\n children = $[1];\n disabled = $[2];\n props = $[3];\n t1 = $[4];\n t2 = $[5];\n xstyle = $[6];\n }\n const size = t1 === undefined ? \"md\" : t1;\n const variant = t2 === undefined ? \"primary\" : t2;\n const isDisabled = Boolean(disabled);\n const hasSolidBackground = variant === \"primary\" || variant === \"destructive\";\n let t3;\n if ($[7] !== hasSolidBackground || $[8] !== isDisabled || $[9] !== size || $[10] !== variant || $[11] !== xstyle) {\n t3 = stylex.props(styles.root, styles[variant], styles[size], hasSolidBackground ? styles.solidInteraction : styles.surfaceInteraction, isDisabled && styles.disabled, isDisabled && variant === \"ghost\" && styles.disabledGhost, isDisabled && styles.disabledInteraction, xstyle);\n $[7] = hasSolidBackground;\n $[8] = isDisabled;\n $[9] = size;\n $[10] = variant;\n $[11] = xstyle;\n $[12] = t3;\n } else {\n t3 = $[12];\n }\n const stylexProps = t3;\n let t4;\n if ($[13] !== isDisabled || $[14] !== variant) {\n t4 = {\n 0: {\n className: \"x6s0dn4 x3nfvp2 x1uj7ll3 x1n2onr6 x1vjfegm\"\n },\n 4: {\n className: \"x6s0dn4 x3nfvp2 x1uj7ll3 x1n2onr6 x1vjfegm x1mij46l\"\n },\n 2: {\n className: \"x6s0dn4 x3nfvp2 x1uj7ll3 x1n2onr6 x1vjfegm xte0b6o\"\n },\n 6: {\n className: \"x6s0dn4 x3nfvp2 x1uj7ll3 x1n2onr6 x1vjfegm xte0b6o\"\n },\n 1: {\n className: \"x6s0dn4 x3nfvp2 x1uj7ll3 x1n2onr6 x1vjfegm x2rig74\"\n },\n 5: {\n className: \"x6s0dn4 x3nfvp2 x1uj7ll3 x1n2onr6 x1vjfegm x2rig74\"\n },\n 3: {\n className: \"x6s0dn4 x3nfvp2 x1uj7ll3 x1n2onr6 x1vjfegm x2rig74\"\n },\n 7: {\n className: \"x6s0dn4 x3nfvp2 x1uj7ll3 x1n2onr6 x1vjfegm x2rig74\"\n }\n }[!!(variant === \"primary\") << 2 | !!(variant === \"destructive\") << 1 | !!isDisabled << 0];\n $[13] = isDisabled;\n $[14] = variant;\n $[15] = t4;\n } else {\n t4 = $[15];\n }\n const contentStylexProps = t4;\n let t5;\n if ($[16] !== children || $[17] !== contentStylexProps) {\n t5 = <span {...contentStylexProps}>{children}</span>;\n $[16] = children;\n $[17] = contentStylexProps;\n $[18] = t5;\n } else {\n t5 = $[18];\n }\n let t6;\n if ($[19] !== disabled || $[20] !== props || $[21] !== stylexProps || $[22] !== t5) {\n t6 = <ButtonPrimitive {...props} disabled={disabled} {...stylexProps}>{t5}</ButtonPrimitive>;\n $[19] = disabled;\n $[20] = props;\n $[21] = stylexProps;\n $[22] = t5;\n $[23] = t6;\n } else {\n t6 = $[23];\n }\n return t6;\n}", "import type { Icon as PhosphorIcon, IconProps as PhosphorIconProps } from \"@phosphor-icons/react\";\nimport {\n ArrowDownIcon,\n ArrowSquareOutIcon,\n ArrowsDownUpIcon,\n ArrowUpIcon,\n CalendarIcon,\n CaretDoubleLeftIcon,\n CaretDoubleRightIcon,\n CaretDownIcon,\n CaretLeftIcon,\n CaretRightIcon,\n CaretUpIcon,\n CaretUpDownIcon,\n CheckCircleIcon,\n CheckIcon,\n ChecksIcon,\n ClockIcon,\n ColumnsIcon,\n CopyIcon,\n DotsThreeIcon,\n EyeSlashIcon,\n FileIcon,\n FolderIcon,\n FunnelIcon,\n GitBranchIcon,\n InfoIcon,\n ListIcon,\n MagnifyingGlassIcon,\n MicrophoneIcon,\n PaperclipIcon,\n DownloadSimpleIcon,\n StopIcon,\n WarningIcon,\n WrenchIcon,\n XCircleIcon,\n XIcon,\n} from \"@phosphor-icons/react\";\n\nexport const iconRegistry = {\n close: XIcon,\n chevronDown: CaretDownIcon,\n chevronLeft: CaretLeftIcon,\n chevronRight: CaretRightIcon,\n chevronUp: CaretUpIcon,\n chevronsLeft: CaretDoubleLeftIcon,\n chevronsRight: CaretDoubleRightIcon,\n caretUpDown: CaretUpDownIcon,\n check: CheckIcon,\n success: CheckCircleIcon,\n error: XCircleIcon,\n warning: WarningIcon,\n info: InfoIcon,\n calendar: CalendarIcon,\n clock: ClockIcon,\n externalLink: ArrowSquareOutIcon,\n menu: ListIcon,\n moreHorizontal: DotsThreeIcon,\n search: MagnifyingGlassIcon,\n arrowUp: ArrowUpIcon,\n arrowDown: ArrowDownIcon,\n arrowsUpDown: ArrowsDownUpIcon,\n funnel: FunnelIcon,\n eyeSlash: EyeSlashIcon,\n viewColumns: ColumnsIcon,\n copy: CopyIcon,\n checkDouble: ChecksIcon,\n wrench: WrenchIcon,\n stop: StopIcon,\n microphone: MicrophoneIcon,\n folder: FolderIcon,\n file: FileIcon,\n paperclip: PaperclipIcon,\n download: DownloadSimpleIcon,\n branch: GitBranchIcon,\n} satisfies Record<string, PhosphorIcon>;\n\nexport type IconName = keyof typeof iconRegistry;\n\nexport type IconProps = PhosphorIconProps & {\n name: IconName;\n};\n\nexport function Icon({ name, weight = \"regular\", ...props }: IconProps) {\n const IconComponent = iconRegistry[name];\n\n return <IconComponent {...props} weight={weight} />;\n}\n"],
5
- "mappings": "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",
6
- "names": ["_c", "stylex", "props", "jsx", "props", "jsx", "styles", "_c", "props"]
7
- }
@@ -1,85 +0,0 @@
1
- // src/typography.tsx
2
- import * as stylex from "@stylexjs/stylex";
3
- import { createElement } from "react";
4
- var styles = {
5
- root: {
6
- kMwMTN: "x1alews2",
7
- kMv6JI: "x14e0hi7",
8
- kogj98: "x1ghz6dp",
9
- $$css: true
10
- },
11
- display: {
12
- kGuDYH: "x579bpy",
13
- k63SB2: "xq1ytqg",
14
- kb6lSQ: "x1w69ole",
15
- kLWn49: "x1hfsx4t",
16
- $$css: true
17
- },
18
- title: {
19
- kGuDYH: "x11icns7",
20
- k63SB2: "xq1ytqg",
21
- kb6lSQ: "x1lg07ej",
22
- kLWn49: "x1hfsx4t",
23
- $$css: true
24
- },
25
- heading: {
26
- kGuDYH: "x1owaoya",
27
- k63SB2: "x1v899x5",
28
- kLWn49: "x1hfsx4t",
29
- $$css: true
30
- },
31
- body: {
32
- kGuDYH: "x1dmpjil",
33
- k63SB2: "xgtczyh",
34
- kLWn49: "xi1fz51",
35
- $$css: true
36
- },
37
- label: {
38
- kGuDYH: "x99mhxu",
39
- k63SB2: "x1v899x5",
40
- kLWn49: "xi1fz51",
41
- $$css: true
42
- },
43
- caption: {
44
- kMwMTN: "x1ry1pnm",
45
- kGuDYH: "x131ut49",
46
- k63SB2: "xgtczyh",
47
- kLWn49: "xi1fz51",
48
- $$css: true
49
- },
50
- code: {
51
- kWkggS: "x13hkpcx",
52
- kaIpWk: "x7c24we",
53
- kMv6JI: "x17yh6e0",
54
- kGuDYH: "x99mhxu",
55
- kLWn49: "xi1fz51",
56
- k8WAf4: "x15cgg",
57
- kg3NbH: "x1cot6zx",
58
- $$css: true
59
- }
60
- };
61
- var defaultElementMap = {
62
- body: "p",
63
- caption: "span",
64
- code: "code",
65
- display: "h1",
66
- heading: "h3",
67
- label: "span",
68
- title: "h2"
69
- };
70
- function Typography({
71
- as,
72
- variant = "body",
73
- xstyle,
74
- ...props2
75
- }) {
76
- const element = as ?? defaultElementMap[variant];
77
- return createElement(element, {
78
- ...props2,
79
- ...stylex.props(styles.root, styles[variant], xstyle)
80
- });
81
- }
82
- export {
83
- Typography
84
- };
85
- //# sourceMappingURL=typography.js.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../src/typography.tsx"],
4
- "sourcesContent": ["import * as stylex from \"@stylexjs/stylex\";\nimport { createElement, type HTMLAttributes } from \"react\";\nimport { colorVars, radiusVars, spacingVars, typographyVars } from \"@nuee/tokens/semantic.stylex\";\nconst styles = {\n root: {\n kMwMTN: \"x1alews2\",\n kMv6JI: \"x14e0hi7\",\n kogj98: \"x1ghz6dp\",\n $$css: true\n },\n display: {\n kGuDYH: \"x579bpy\",\n k63SB2: \"xq1ytqg\",\n kb6lSQ: \"x1w69ole\",\n kLWn49: \"x1hfsx4t\",\n $$css: true\n },\n title: {\n kGuDYH: \"x11icns7\",\n k63SB2: \"xq1ytqg\",\n kb6lSQ: \"x1lg07ej\",\n kLWn49: \"x1hfsx4t\",\n $$css: true\n },\n heading: {\n kGuDYH: \"x1owaoya\",\n k63SB2: \"x1v899x5\",\n kLWn49: \"x1hfsx4t\",\n $$css: true\n },\n body: {\n kGuDYH: \"x1dmpjil\",\n k63SB2: \"xgtczyh\",\n kLWn49: \"xi1fz51\",\n $$css: true\n },\n label: {\n kGuDYH: \"x99mhxu\",\n k63SB2: \"x1v899x5\",\n kLWn49: \"xi1fz51\",\n $$css: true\n },\n caption: {\n kMwMTN: \"x1ry1pnm\",\n kGuDYH: \"x131ut49\",\n k63SB2: \"xgtczyh\",\n kLWn49: \"xi1fz51\",\n $$css: true\n },\n code: {\n kWkggS: \"x13hkpcx\",\n kaIpWk: \"x7c24we\",\n kMv6JI: \"x17yh6e0\",\n kGuDYH: \"x99mhxu\",\n kLWn49: \"xi1fz51\",\n k8WAf4: \"x15cgg\",\n kg3NbH: \"x1cot6zx\",\n $$css: true\n }\n};\ntype TypographyElement = \"blockquote\" | \"code\" | \"h1\" | \"h2\" | \"h3\" | \"p\" | \"span\";\ntype TypographyVariant = \"body\" | \"caption\" | \"code\" | \"display\" | \"heading\" | \"label\" | \"title\";\nconst defaultElementMap: Record<TypographyVariant, TypographyElement> = {\n body: \"p\",\n caption: \"span\",\n code: \"code\",\n display: \"h1\",\n heading: \"h3\",\n label: \"span\",\n title: \"h2\"\n};\nexport type TypographyProps = HTMLAttributes<HTMLElement> & {\n as?: TypographyElement;\n variant?: TypographyVariant;\n xstyle?: stylex.StyleXStyles;\n};\nexport function Typography({\n as,\n variant = \"body\",\n xstyle,\n ...props\n}: TypographyProps) {\n const element = as ?? defaultElementMap[variant];\n return createElement(element, {\n ...props,\n ...stylex.props(styles.root, styles[variant], xstyle)\n });\n}"],
5
- "mappings": ";AAAA,YAAY,YAAY;AACxB,SAAS,qBAA0C;AAEnD,IAAM,SAAS;AAAA,EACb,MAAM;AAAA,IACJ,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,OAAO;AAAA,EACT;AAAA,EACA,SAAS;AAAA,IACP,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,OAAO;AAAA,EACT;AAAA,EACA,OAAO;AAAA,IACL,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,OAAO;AAAA,EACT;AAAA,EACA,SAAS;AAAA,IACP,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,OAAO;AAAA,EACT;AAAA,EACA,MAAM;AAAA,IACJ,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,OAAO;AAAA,EACT;AAAA,EACA,OAAO;AAAA,IACL,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,OAAO;AAAA,EACT;AAAA,EACA,SAAS;AAAA,IACP,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,OAAO;AAAA,EACT;AAAA,EACA,MAAM;AAAA,IACJ,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,OAAO;AAAA,EACT;AACF;AAGA,IAAM,oBAAkE;AAAA,EACtE,MAAM;AAAA,EACN,SAAS;AAAA,EACT,MAAM;AAAA,EACN,SAAS;AAAA,EACT,SAAS;AAAA,EACT,OAAO;AAAA,EACP,OAAO;AACT;AAMO,SAAS,WAAW;AAAA,EACzB;AAAA,EACA,UAAU;AAAA,EACV;AAAA,EACA,GAAGA;AACL,GAAoB;AAClB,QAAM,UAAU,MAAM,kBAAkB,OAAO;AAC/C,SAAO,cAAc,SAAS;AAAA,IAC5B,GAAGA;AAAA,IACH,GAAU,aAAM,OAAO,MAAM,OAAO,OAAO,GAAG,MAAM;AAAA,EACtD,CAAC;AACH;",
6
- "names": ["props"]
7
- }