@nuee/ui 0.4.1 → 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.
- package/dist/Icon.js +2 -0
- package/dist/Icon.js.map +2 -2
- package/dist/accordion.d.ts +4 -4
- package/dist/accordion.js +105 -207
- package/dist/accordion.js.map +4 -4
- package/dist/alert-dialog.d.ts +6 -6
- package/dist/alert-dialog.js +83 -352
- package/dist/alert-dialog.js.map +4 -4
- package/dist/aspect-ratio.d.ts +1 -1
- package/dist/aspect-ratio.js +6 -42
- package/dist/aspect-ratio.js.map +2 -2
- package/dist/attachment.d.ts +8 -8
- package/dist/attachment.js +82 -314
- package/dist/attachment.js.map +4 -4
- package/dist/avatar.d.ts +7 -9
- package/dist/avatar.js +29 -71
- package/dist/avatar.js.map +2 -2
- package/dist/badge.d.ts +2 -4
- package/dist/badge.js +7 -44
- package/dist/badge.js.map +2 -2
- package/dist/banner.d.ts +4 -7
- package/dist/banner.js +35 -273
- package/dist/banner.js.map +2 -2
- package/dist/breadcrumb.d.ts +7 -7
- package/dist/breadcrumb.js +12 -92
- package/dist/breadcrumb.js.map +4 -4
- package/dist/bubble.d.ts +6 -4
- package/dist/bubble.js +17 -55
- package/dist/bubble.js.map +2 -2
- package/dist/button-group.d.ts +5 -5
- package/dist/button-group.js +113 -159
- package/dist/button-group.js.map +4 -4
- package/dist/button.d.ts +7 -5
- package/dist/button.js +141 -44
- package/dist/button.js.map +2 -2
- package/dist/calendar.d.ts +9 -0
- package/dist/calendar.js +234 -0
- package/dist/calendar.js.map +7 -0
- package/dist/card.d.ts +3 -3
- package/dist/card.js +31 -216
- package/dist/card.js.map +2 -2
- package/dist/carousel.d.ts +28 -0
- package/dist/carousel.js +427 -0
- package/dist/carousel.js.map +7 -0
- package/dist/checkbox.d.ts +3 -3
- package/dist/checkbox.js +45 -115
- package/dist/checkbox.js.map +4 -4
- package/dist/collapsible.d.ts +3 -3
- package/dist/collapsible.js +96 -184
- package/dist/collapsible.js.map +4 -4
- package/dist/combobox.d.ts +6 -6
- package/dist/combobox.js +182 -268
- package/dist/combobox.js.map +4 -4
- package/dist/content-row.d.ts +7 -7
- package/dist/content-row.js +97 -241
- package/dist/content-row.js.map +3 -3
- package/dist/context-menu.js +15 -738
- package/dist/context-menu.js.map +4 -4
- package/dist/control-layout.d.ts +9 -0
- package/dist/date-picker.d.ts +11 -0
- package/dist/date-picker.js +140 -0
- package/dist/date-picker.js.map +7 -0
- package/dist/dialog.d.ts +5 -5
- package/dist/dialog.js +44 -161
- package/dist/dialog.js.map +4 -4
- package/dist/drawer.d.ts +8 -8
- package/dist/drawer.js +80 -119
- package/dist/drawer.js.map +2 -2
- package/dist/dropdown-menu.d.ts +8 -8
- package/dist/dropdown-menu.js +244 -416
- package/dist/dropdown-menu.js.map +4 -4
- package/dist/empty.d.ts +6 -6
- package/dist/empty.js +31 -210
- package/dist/empty.js.map +2 -2
- package/dist/field.d.ts +9 -9
- package/dist/field.js +81 -31
- package/dist/field.js.map +3 -3
- package/dist/global.css +5 -0
- package/dist/heading.d.ts +6 -0
- package/dist/heading.js +92 -0
- package/dist/heading.js.map +7 -0
- package/dist/hover-card.d.ts +7 -4
- package/dist/hover-card.js +51 -3
- package/dist/hover-card.js.map +2 -2
- package/dist/index.d.ts +14 -8
- package/dist/index.js +295 -12210
- package/dist/index.js.map +4 -4
- package/dist/input-group.d.ts +5 -5
- package/dist/input-group.js +95 -485
- package/dist/input-group.js.map +4 -4
- package/dist/input-otp.d.ts +6 -6
- package/dist/input-otp.js +18 -43
- package/dist/input-otp.js.map +2 -2
- package/dist/input.d.ts +3 -3
- package/dist/input.js +7 -4
- package/dist/input.js.map +2 -2
- package/dist/kbd.d.ts +2 -7
- package/dist/kbd.js +4 -99
- package/dist/kbd.js.map +3 -3
- package/dist/label.d.ts +2 -5
- package/dist/label.js +64 -39
- package/dist/label.js.map +3 -3
- package/dist/link.d.ts +3 -5
- package/dist/link.js +22 -107
- package/dist/link.js.map +4 -4
- package/dist/marker.d.ts +3 -3
- package/dist/marker.js +17 -104
- package/dist/marker.js.map +2 -2
- package/dist/menubar.d.ts +2 -2
- package/dist/menubar.js +36 -772
- package/dist/menubar.js.map +4 -4
- package/dist/message.d.ts +9 -6
- package/dist/message.js +35 -155
- package/dist/message.js.map +2 -2
- package/dist/native-select.d.ts +5 -5
- package/dist/native-select.js +24 -102
- package/dist/native-select.js.map +4 -4
- package/dist/navigation-menu.d.ts +7 -7
- package/dist/navigation-menu.js +183 -307
- package/dist/navigation-menu.js.map +4 -4
- package/dist/pagination.d.ts +5 -5
- package/dist/pagination.js +13 -92
- package/dist/pagination.js.map +4 -4
- package/dist/popover.d.ts +4 -4
- package/dist/popover.js +44 -36
- package/dist/popover.js.map +3 -3
- package/dist/primitives.js +2 -0
- package/dist/primitives.js.map +2 -2
- package/dist/progress.d.ts +3 -3
- package/dist/progress.js +16 -30
- package/dist/progress.js.map +2 -2
- package/dist/radio-group.d.ts +5 -5
- package/dist/radio-group.js +43 -49
- package/dist/radio-group.js.map +3 -3
- package/dist/reset.css +0 -1
- package/dist/scroll-area.d.ts +2 -2
- package/dist/scroll-area.js +56 -80
- package/dist/scroll-area.js.map +2 -2
- package/dist/select.d.ts +5 -5
- package/dist/select.js +169 -255
- package/dist/select.js.map +4 -4
- package/dist/separator.d.ts +1 -1
- package/dist/separator.js +11 -10
- package/dist/separator.js.map +2 -2
- package/dist/skeleton.d.ts +1 -1
- package/dist/skeleton.js +6 -37
- package/dist/skeleton.js.map +2 -2
- package/dist/slider.d.ts +3 -3
- package/dist/slider.js +37 -46
- package/dist/slider.js.map +2 -2
- package/dist/spinner.d.ts +2 -4
- package/dist/spinner.js +5 -61
- package/dist/spinner.js.map +3 -3
- package/dist/stylex.css +463 -307
- package/dist/switch.d.ts +3 -3
- package/dist/switch.js +49 -35
- package/dist/switch.js.map +3 -3
- package/dist/table.d.ts +9 -10
- package/dist/table.js +33 -274
- package/dist/table.js.map +2 -2
- package/dist/tabs.d.ts +4 -4
- package/dist/tabs.js +84 -135
- package/dist/tabs.js.map +3 -3
- package/dist/textarea.d.ts +3 -3
- package/dist/textarea.js +11 -43
- package/dist/textarea.js.map +2 -2
- package/dist/timeline.d.ts +19 -0
- package/dist/timeline.js +104 -0
- package/dist/timeline.js.map +7 -0
- package/dist/toast.d.ts +4 -2
- package/dist/toast.js +261 -485
- package/dist/toast.js.map +4 -4
- package/dist/toast.stylex.d.ts +4 -2
- package/dist/toggle-group.d.ts +5 -5
- package/dist/toggle-group.js +52 -60
- package/dist/toggle-group.js.map +3 -3
- package/dist/toggle.d.ts +3 -3
- package/dist/toggle.js +28 -20
- package/dist/toggle.js.map +3 -3
- package/dist/tooltip.d.ts +1 -1
- package/dist/tooltip.js +52 -44
- package/dist/tooltip.js.map +3 -3
- package/dist/typography.d.ts +50 -294
- package/package.json +15 -7
- package/dist/message-scroller.d.ts +0 -10
- package/dist/message-scroller.js +0 -464
- package/dist/message-scroller.js.map +0 -7
- package/dist/typography.js +0 -85
- 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;
|
package/dist/message-scroller.js
DELETED
|
@@ -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
|
-
}
|
package/dist/typography.js
DELETED
|
@@ -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
|
package/dist/typography.js.map
DELETED
|
@@ -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
|
-
}
|