@botiverse/raft-ui 0.9.5 → 0.10.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/CHANGELOG.md +31 -0
- package/dist/cn.mjs +48 -39
- package/dist/components/combobox-select/combobox-select.css +18 -20
- package/dist/components/float-button/float-button.css +2 -1
- package/dist/components/steps/steps.css +8 -8
- package/dist/components/timeline/timeline.css +7 -6
- package/dist/{dialog-BYH5ojYr.mjs → dialog-CDPAT3DH.mjs} +6 -5
- package/dist/foundation.css +32 -0
- package/dist/{index-DG62I-YM.d.mts → index-CDHLWJtB.d.mts} +3 -3
- package/dist/index.d.mts +52 -4
- package/dist/index.mjs +254 -55
- package/dist/style.css +30 -35
- package/dist/styles.css +79 -1
- package/dist/tokens.json +101 -4
- package/dist/wip.d.mts +1 -1
- package/dist/wip.mjs +2 -2
- package/package.json +1 -1
- package/skills/raft-ui-critique/references/theme-lenses.md +1 -1
- package/skills/raft-ui-guide/rules/technical-overview.md +2 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,34 @@
|
|
|
1
|
+
## [0.10.0](https://github.com/botiverse/raft-design/compare/v0.9.6...v0.10.0) (2026-10-20)
|
|
2
|
+
|
|
3
|
+
### Breaking Changes
|
|
4
|
+
|
|
5
|
+
- On a desktop (`(width >= 48rem) and (pointer: fine)`: a wide screen used with a mouse or trackpad) type and controls follow Feishu PC's density. Touch devices keep the phone sizes at any width. Existing names keep working, but their sizes change there, so check any layout that matched them by hand ([#601](https://github.com/botiverse/raft-design/pull/601)):
|
|
6
|
+
- `text-headline` 16/24; `text-body`, `text-subhead` and `text-callout` 14/22; `text-footnote`, `text-caption` and `text-mono-meta` 12/18; `text-mono-code` 13/20. Hero, display, title and label are unchanged.
|
|
7
|
+
- Fields (`Input`, `Select`, `Combobox`, `ComboboxSelect`, `InputGroup`) go from 44px to 32px, with 14/22 field text; card titles are 14/22.
|
|
8
|
+
- `Button` `lg` and `icon-lg` go from 44px to 32px (icon 22 → 18) and keep a 44px hit area; `xl` goes from 52px to 40px. The default `md` stays 32px; its label goes from 13px to 14px.
|
|
9
|
+
- Anything hardcoded to `h-11` / `size-11` to line up with a field no longer matches on desktop: use `h-control` / `size-control` instead.
|
|
10
|
+
- The desktop type values sit after Tailwind's theme output, so they win over an app's own `@theme` values for these names; an app that changes one sets it inside the same query.
|
|
11
|
+
- Field frames (`Input`, `Textarea`, `InputGroup`, `Select`, `Combobox`, `ComboboxSelect`, `Composer`, option `Card`, `SearchTrigger`) are drawn at 1px in `line-field` instead of 1.5px, on the phone too. ([#601](https://github.com/botiverse/raft-design/pull/601))
|
|
12
|
+
|
|
13
|
+
### Added
|
|
14
|
+
|
|
15
|
+
- Control tokens that switch with the desktop query: `--control-height`, `--control-height-cta`, `--control-icon-size`, `--control-hit-inset`, and the `h-control`, `size-control`, `size-control-icon` and `text-control` utilities (registered with tailwind-merge). ([#601](https://github.com/botiverse/raft-design/pull/601))
|
|
16
|
+
|
|
17
|
+
### Changed
|
|
18
|
+
|
|
19
|
+
- `Tooltip`, `ComboboxSelect` options, `Steps` and `Timeline` use the type scale instead of fixed sizes, so they follow the desktop values. ([#601](https://github.com/botiverse/raft-design/pull/601))
|
|
20
|
+
|
|
21
|
+
## [0.9.6](https://github.com/botiverse/raft-design/compare/v0.9.5...v0.9.6) (2026-10-20)
|
|
22
|
+
|
|
23
|
+
### Added
|
|
24
|
+
|
|
25
|
+
- `installInputModality()` and the `InputModality` type: raft-ui records whether the person last used the keyboard, a pointer, or a screen reader's virtual cursor, on `<html data-input-modality>`. `ThemeProvider` installs it for you (with the default `syncDom`); an app without `ThemeProvider` calls it once on the client. ([#598](https://github.com/botiverse/raft-design/pull/598))
|
|
26
|
+
- `toast.add/info/success/warning/error(title, { leading })` puts a node, such as a person's avatar, in `ToastIcon` in place of the status pixel. It is `aria-hidden` and still shows with `icon: false`. Calls without `leading` render exactly as before. ([#599](https://github.com/botiverse/raft-design/pull/599))
|
|
27
|
+
|
|
28
|
+
### Changed
|
|
29
|
+
|
|
30
|
+
- Focus rings show only after keyboard navigation. A click, a tap, typing, or focus moved by a click no longer draws the ring, including on text fields (the caret marks them). Tab, F6, arrow keys outside a text field, and keys that move focus out of a text field (Esc closing a dialog, Enter submitting) still do, and so does focus a screen reader moves or that arrives with no input before it. Without the tracker installed every ring shows as before. Rings drawn with `shadow-focus` follow this automatically; other indicators take the new `keyboard:` variant, and groups ring on `has-focus-visible` instead of `focus-within`. ([#598](https://github.com/botiverse/raft-design/pull/598))
|
|
31
|
+
|
|
1
32
|
## [0.9.5](https://github.com/botiverse/raft-design/compare/v0.9.4...v0.9.5) (2026-10-20)
|
|
2
33
|
|
|
3
34
|
### Fixed
|
package/dist/cn.mjs
CHANGED
|
@@ -1,46 +1,55 @@
|
|
|
1
1
|
import { clsx } from "cnfast";
|
|
2
2
|
import { extendTailwindMerge } from "tailwind-merge";
|
|
3
3
|
//#region src/lib/cn.ts
|
|
4
|
-
const twMerge = extendTailwindMerge({ extend: {
|
|
5
|
-
|
|
6
|
-
"float",
|
|
7
|
-
"sticker",
|
|
8
|
-
"focus"
|
|
9
|
-
] }, { shadow: [{ raft: [
|
|
10
|
-
"xs",
|
|
11
|
-
"sm",
|
|
12
|
-
"md",
|
|
13
|
-
"lg",
|
|
14
|
-
"xl",
|
|
15
|
-
"float",
|
|
16
|
-
"sticker",
|
|
17
|
-
"focus"
|
|
18
|
-
] }] }],
|
|
19
|
-
rounded: [{ rounded: [
|
|
20
|
-
"sticker",
|
|
21
|
-
"chip",
|
|
4
|
+
const twMerge = extendTailwindMerge({ extend: {
|
|
5
|
+
theme: { spacing: [
|
|
22
6
|
"control",
|
|
23
|
-
"
|
|
24
|
-
"
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
7
|
+
"control-cta",
|
|
8
|
+
"control-icon",
|
|
9
|
+
"control-hit"
|
|
10
|
+
] },
|
|
11
|
+
classGroups: {
|
|
12
|
+
shadow: [{ shadow: [
|
|
13
|
+
"float",
|
|
14
|
+
"sticker",
|
|
15
|
+
"focus"
|
|
16
|
+
] }, { shadow: [{ raft: [
|
|
17
|
+
"xs",
|
|
18
|
+
"sm",
|
|
19
|
+
"md",
|
|
20
|
+
"lg",
|
|
21
|
+
"xl",
|
|
22
|
+
"float",
|
|
23
|
+
"sticker",
|
|
24
|
+
"focus"
|
|
25
|
+
] }] }],
|
|
26
|
+
rounded: [{ rounded: [
|
|
27
|
+
"sticker",
|
|
28
|
+
"chip",
|
|
29
|
+
"control",
|
|
30
|
+
"container",
|
|
31
|
+
"dialog"
|
|
32
|
+
] }],
|
|
33
|
+
"font-size": [{ text: [
|
|
34
|
+
"field",
|
|
35
|
+
"card-title",
|
|
36
|
+
"hero",
|
|
37
|
+
"display",
|
|
38
|
+
"title",
|
|
39
|
+
"headline",
|
|
40
|
+
"body",
|
|
41
|
+
"subhead",
|
|
42
|
+
"callout",
|
|
43
|
+
"footnote",
|
|
44
|
+
"caption",
|
|
45
|
+
"label",
|
|
46
|
+
"mono-meta",
|
|
47
|
+
"mono-code",
|
|
48
|
+
"control"
|
|
49
|
+
] }],
|
|
50
|
+
"font-weight": [{ font: ["field", "card-title"] }]
|
|
51
|
+
}
|
|
52
|
+
} });
|
|
44
53
|
function cn(...inputs) {
|
|
45
54
|
return twMerge(clsx(inputs));
|
|
46
55
|
}
|
|
@@ -6,24 +6,22 @@
|
|
|
6
6
|
.r-combobox-select__control {
|
|
7
7
|
box-sizing: border-box;
|
|
8
8
|
min-width: 0;
|
|
9
|
-
min-height:
|
|
9
|
+
min-height: var(--control-height);
|
|
10
10
|
display: flex;
|
|
11
11
|
align-items: center;
|
|
12
12
|
gap: 0.5rem;
|
|
13
13
|
padding: 0 6px 0 12px;
|
|
14
|
-
border:
|
|
14
|
+
border: 1px solid var(--line-field);
|
|
15
15
|
border-radius: 8px;
|
|
16
16
|
outline: 0;
|
|
17
17
|
background: var(--layer-card);
|
|
18
18
|
color: var(--foreground);
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
line-height: 24px;
|
|
19
|
+
font-size: var(--field-font-size);
|
|
20
|
+
line-height: var(--field-line-height);
|
|
22
21
|
transition: box-shadow 90ms ease-out;
|
|
23
22
|
}
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
}
|
|
23
|
+
/* The control's ring is a utility on it (combobox-select.tsx): it rings when
|
|
24
|
+
something inside has keyboard focus, a has-selector, and src CSS has none. */
|
|
27
25
|
.r-combobox-select__input {
|
|
28
26
|
box-sizing: border-box;
|
|
29
27
|
min-width: 3rem;
|
|
@@ -66,8 +64,8 @@
|
|
|
66
64
|
border-radius: 6px;
|
|
67
65
|
background: var(--fill-muted);
|
|
68
66
|
color: var(--foreground);
|
|
69
|
-
font-size:
|
|
70
|
-
line-height:
|
|
67
|
+
font-size: var(--text-footnote);
|
|
68
|
+
line-height: var(--text-footnote--line-height);
|
|
71
69
|
font-weight: 600;
|
|
72
70
|
}
|
|
73
71
|
.r-combobox-select__control:not(:focus-within) .r-combobox-select__chip[data-overflow] {
|
|
@@ -174,8 +172,8 @@
|
|
|
174
172
|
cursor: default;
|
|
175
173
|
user-select: none;
|
|
176
174
|
color: var(--foreground);
|
|
177
|
-
font-size:
|
|
178
|
-
line-height:
|
|
175
|
+
font-size: var(--text-callout);
|
|
176
|
+
line-height: var(--text-callout--line-height);
|
|
179
177
|
font-weight: 500;
|
|
180
178
|
outline: 0;
|
|
181
179
|
transition:
|
|
@@ -217,22 +215,22 @@
|
|
|
217
215
|
.r-combobox-select__group-label {
|
|
218
216
|
padding: 8px 10px 4px;
|
|
219
217
|
color: var(--foreground-hint);
|
|
220
|
-
font-size:
|
|
221
|
-
line-height:
|
|
218
|
+
font-size: var(--text-caption);
|
|
219
|
+
line-height: var(--text-caption--line-height);
|
|
222
220
|
font-weight: 700;
|
|
223
221
|
}
|
|
224
222
|
.r-combobox-select__message {
|
|
225
223
|
padding: 14px 16px;
|
|
226
224
|
color: var(--foreground-hint);
|
|
227
|
-
font-size:
|
|
228
|
-
line-height:
|
|
225
|
+
font-size: var(--text-callout);
|
|
226
|
+
line-height: var(--text-callout--line-height);
|
|
229
227
|
text-align: start;
|
|
230
228
|
}
|
|
231
229
|
.r-combobox-select__overflow {
|
|
232
230
|
color: var(--foreground-hint);
|
|
233
231
|
font-family: var(--mono-font, ui-monospace, monospace);
|
|
234
|
-
font-size:
|
|
235
|
-
line-height:
|
|
232
|
+
font-size: var(--text-caption);
|
|
233
|
+
line-height: var(--text-caption--line-height);
|
|
236
234
|
}
|
|
237
235
|
.r-combobox-select__spinner {
|
|
238
236
|
width: 0.875rem;
|
|
@@ -241,8 +239,8 @@
|
|
|
241
239
|
}
|
|
242
240
|
.r-combobox-select--sm.r-combobox-select__control {
|
|
243
241
|
min-height: 1.75rem;
|
|
244
|
-
font-size:
|
|
245
|
-
line-height:
|
|
242
|
+
font-size: var(--text-control);
|
|
243
|
+
line-height: var(--text-control--line-height);
|
|
246
244
|
}
|
|
247
245
|
.r-combobox-select--sm .r-combobox-select__chips {
|
|
248
246
|
min-height: 1.5rem;
|
|
@@ -171,7 +171,8 @@
|
|
|
171
171
|
transform: var(--r-float-button-transform-active);
|
|
172
172
|
}
|
|
173
173
|
|
|
174
|
-
|
|
174
|
+
/* Keyboard focus only: no ring after a click or a tap (styles.css). */
|
|
175
|
+
&:focus-visible:not(:where(:root[data-input-modality="pointer"] *)) {
|
|
175
176
|
outline: var(--r-float-button-outline);
|
|
176
177
|
outline-offset: var(--r-float-button-outline-offset);
|
|
177
178
|
}
|
|
@@ -20,9 +20,10 @@
|
|
|
20
20
|
--r-steps-indicator-size: 20px;
|
|
21
21
|
--r-steps-indicator-font-size: 12px;
|
|
22
22
|
--r-steps-icon-size: 14px;
|
|
23
|
-
|
|
24
|
-
--r-steps-
|
|
25
|
-
--r-steps-
|
|
23
|
+
/* The type scale's footnote and caption, so a desktop gets its sizes too. */
|
|
24
|
+
--r-steps-title-font-size: var(--text-footnote);
|
|
25
|
+
--r-steps-description-font-size: var(--text-caption);
|
|
26
|
+
--r-steps-line-height: var(--text-footnote--line-height);
|
|
26
27
|
--r-steps-gap: 8px;
|
|
27
28
|
--r-steps-connector-gap: 8px;
|
|
28
29
|
--r-steps-connector-min-width: 16px;
|
|
@@ -180,10 +181,7 @@
|
|
|
180
181
|
/* The title's first line is centered on the marker. */
|
|
181
182
|
.r-step__content {
|
|
182
183
|
min-width: 0;
|
|
183
|
-
padding-top: calc(
|
|
184
|
-
(var(--r-steps-indicator-size) - var(--r-steps-title-font-size) * var(--r-steps-line-height)) /
|
|
185
|
-
2
|
|
186
|
-
);
|
|
184
|
+
padding-top: calc((var(--r-steps-indicator-size) - var(--r-steps-line-height)) / 2);
|
|
187
185
|
}
|
|
188
186
|
|
|
189
187
|
.r-step__title {
|
|
@@ -199,6 +197,7 @@
|
|
|
199
197
|
.r-step__description {
|
|
200
198
|
color: var(--r-step-description-color);
|
|
201
199
|
font-size: var(--r-steps-description-font-size);
|
|
200
|
+
line-height: var(--text-caption--line-height);
|
|
202
201
|
margin-top: 2px;
|
|
203
202
|
}
|
|
204
203
|
|
|
@@ -233,7 +232,8 @@
|
|
|
233
232
|
&:focus-visible {
|
|
234
233
|
outline: none;
|
|
235
234
|
}
|
|
236
|
-
|
|
235
|
+
/* Keyboard focus only: no ring after a click or a tap (styles.css). */
|
|
236
|
+
&:focus-visible:not(:where(:root[data-input-modality="pointer"] *))::after {
|
|
237
237
|
outline: var(--r-steps-focus-outline);
|
|
238
238
|
}
|
|
239
239
|
&:disabled {
|
|
@@ -14,10 +14,11 @@
|
|
|
14
14
|
|
|
15
15
|
.r-timeline {
|
|
16
16
|
--r-timeline-icon-size: var(--r-timeline-custom-icon-size, 9px);
|
|
17
|
-
|
|
18
|
-
--r-timeline-
|
|
19
|
-
--r-timeline-
|
|
20
|
-
--r-timeline-
|
|
17
|
+
/* The type scale's callout and mono meta, so a desktop gets its sizes too. */
|
|
18
|
+
--r-timeline-title-font-size: var(--text-callout);
|
|
19
|
+
--r-timeline-content-font-size: var(--text-mono-meta);
|
|
20
|
+
--r-timeline-time-font-size: var(--text-mono-meta);
|
|
21
|
+
--r-timeline-line-height: var(--text-callout--line-height);
|
|
21
22
|
--r-timeline-item-inner-gap: 2px;
|
|
22
23
|
--r-timeline-title-font-family: var(--font-sans);
|
|
23
24
|
--r-timeline-title-font-weight: 400;
|
|
@@ -32,7 +33,7 @@
|
|
|
32
33
|
--r-timeline-marker-fill: 100%;
|
|
33
34
|
--r-timeline-marker-border-color: var(--sticker-ink);
|
|
34
35
|
/* How far each marker sits below the item's top, to center on the title's first line. */
|
|
35
|
-
--r-timeline-axis-offset: calc((
|
|
36
|
+
--r-timeline-axis-offset: calc((var(--r-timeline-line-height) - var(--r-timeline-icon-size)) / 2);
|
|
36
37
|
|
|
37
38
|
&.r-timeline--lg {
|
|
38
39
|
--r-timeline-title-font-size: 16px;
|
|
@@ -189,7 +190,7 @@
|
|
|
189
190
|
color: var(--foreground-hint);
|
|
190
191
|
font-family: var(--font-mono);
|
|
191
192
|
font-size: var(--r-timeline-content-font-size);
|
|
192
|
-
line-height:
|
|
193
|
+
line-height: var(--text-mono-meta--line-height);
|
|
193
194
|
overflow-wrap: anywhere;
|
|
194
195
|
}
|
|
195
196
|
|
|
@@ -211,7 +211,7 @@ function Spinner({ size = "sm", variant = "default", className, render, ...props
|
|
|
211
211
|
const sticker = (fill) => [`border-sticker-ink ${fill} text-sticker-ink ring-[1.5px] ring-sticker-edge`, "hover:press-overlay-sticker active:press-overlay-sticker"];
|
|
212
212
|
const outline = (ink) => [`border-line-strong bg-layer-card ${ink}`, "hover:press-overlay active:press-overlay"];
|
|
213
213
|
const textMd = [
|
|
214
|
-
"h-8 gap-2 rounded-control px-3 py-0 text-
|
|
214
|
+
"h-8 gap-2 rounded-control px-3 py-0 text-control",
|
|
215
215
|
"has-data-[icon=inline-start]:pl-2.5 has-data-[icon=inline-end]:pr-2.5",
|
|
216
216
|
"[&_svg:not([class*='size-'])]:size-4 **:data-icon:size-[1em]",
|
|
217
217
|
"after:absolute after:inset-x-0 after:-inset-y-1.5"
|
|
@@ -266,15 +266,16 @@ const buttonVariants = tv$1({
|
|
|
266
266
|
sm: { root: textMd },
|
|
267
267
|
md: { root: textMd },
|
|
268
268
|
lg: { root: [
|
|
269
|
-
"h-
|
|
269
|
+
"h-control gap-2 rounded-control px-4 py-0 text-subhead",
|
|
270
270
|
"has-data-[icon=inline-start]:pl-3.5 has-data-[icon=inline-end]:pr-3.5",
|
|
271
|
-
"[&_svg:not([class*='size-'])]:size-[18px] **:data-icon:size-[1em]"
|
|
271
|
+
"[&_svg:not([class*='size-'])]:size-[18px] **:data-icon:size-[1em]",
|
|
272
|
+
"after:absolute after:inset-x-0 after:-inset-y-control-hit"
|
|
272
273
|
] },
|
|
273
|
-
xl: { root: ["h-
|
|
274
|
+
xl: { root: ["h-control-cta gap-2 rounded-control px-5 py-0 text-body", "[&_svg:not([class*='size-'])]:size-[18px] **:data-icon:size-[1em]"] },
|
|
274
275
|
"icon-xs": { root: iconMd },
|
|
275
276
|
"icon-sm": { root: iconMd },
|
|
276
277
|
"icon-md": { root: iconMd },
|
|
277
|
-
"icon-lg": { root: "size-
|
|
278
|
+
"icon-lg": { root: ["size-control rounded-control p-0 [&_svg:not([class*='size-'])]:size-control-icon", "after:absolute after:-inset-control-hit"] }
|
|
278
279
|
}
|
|
279
280
|
},
|
|
280
281
|
defaultVariants: {
|
package/dist/foundation.css
CHANGED
|
@@ -265,6 +265,9 @@
|
|
|
265
265
|
--elevation-float:
|
|
266
266
|
0 1px 0 oklch(0.1813 0.005 17.62 / 0.039), 0 12px 32px -12px oklch(0.1813 0.005 17.62 / 0.322);
|
|
267
267
|
--elevation-sticker: 4px 4px 0 oklch(0.1813 0.005 17.62);
|
|
268
|
+
/* The focus indicator. It shows only after keyboard navigation: styles.css
|
|
269
|
+
empties it while the root carries data-input-modality="pointer", which
|
|
270
|
+
installInputModality sets after a click or a tap. */
|
|
268
271
|
--focus-ring: 0 0 0 2px oklch(1 0 0), 0 0 0 4px oklch(0.1813 0.005 17.62);
|
|
269
272
|
--field-font-size: 16px;
|
|
270
273
|
--field-font-weight: 400;
|
|
@@ -272,6 +275,17 @@
|
|
|
272
275
|
--card-title-font-size: 16px;
|
|
273
276
|
--card-title-font-weight: 600;
|
|
274
277
|
--card-title-line-height: 24px;
|
|
278
|
+
/* A default control: a field, a Button at lg, an icon button at icon-lg. A
|
|
279
|
+
finger's 44px on a phone, Feishu's 32px on a desktop. */
|
|
280
|
+
--control-height: 44px;
|
|
281
|
+
/* The full-width call to action across a sign-in, sign-up or setup form
|
|
282
|
+
(Button xl). */
|
|
283
|
+
--control-height-cta: 52px;
|
|
284
|
+
/* The icon in a control-height icon button. */
|
|
285
|
+
--control-icon-size: 22px;
|
|
286
|
+
/* How far a control-height button's hit area reaches past its top and bottom,
|
|
287
|
+
to keep 44px. */
|
|
288
|
+
--control-hit-inset: 0px;
|
|
275
289
|
--sticker-ink: oklch(0.1813 0.005 17.62);
|
|
276
290
|
--sticker-paper: oklch(1 0 0);
|
|
277
291
|
--sticker-edge: oklch(0.1813 0.005 17.62 / 0);
|
|
@@ -625,3 +639,21 @@
|
|
|
625
639
|
--secondary-900: var(--palette-stone-900);
|
|
626
640
|
--secondary-950: var(--palette-stone-950);
|
|
627
641
|
}
|
|
642
|
+
|
|
643
|
+
/* Desktop: from 768px (Tailwind's `md`, where the desktop layout begins)
|
|
644
|
+
with a mouse or trackpad. The metrics that follow Feishu's PC specs. A
|
|
645
|
+
phone, and a touch screen at any width, keep the values above. The same
|
|
646
|
+
query as the desktop type in styles.css. */
|
|
647
|
+
@media (width >= 48rem) and (pointer: fine) {
|
|
648
|
+
:where(:root),
|
|
649
|
+
.light {
|
|
650
|
+
--field-font-size: 14px;
|
|
651
|
+
--field-line-height: 22px;
|
|
652
|
+
--card-title-font-size: 14px;
|
|
653
|
+
--card-title-line-height: 22px;
|
|
654
|
+
--control-height: 32px;
|
|
655
|
+
--control-height-cta: 40px;
|
|
656
|
+
--control-icon-size: 18px;
|
|
657
|
+
--control-hit-inset: 6px;
|
|
658
|
+
}
|
|
659
|
+
}
|
|
@@ -89,7 +89,7 @@ declare const buttonVariants: import("tailwind-variants/lite").TVReturnType<{
|
|
|
89
89
|
root: string[];
|
|
90
90
|
};
|
|
91
91
|
"icon-lg": {
|
|
92
|
-
root: string;
|
|
92
|
+
root: string[];
|
|
93
93
|
};
|
|
94
94
|
};
|
|
95
95
|
}, {
|
|
@@ -164,7 +164,7 @@ declare const buttonVariants: import("tailwind-variants/lite").TVReturnType<{
|
|
|
164
164
|
root: string[];
|
|
165
165
|
};
|
|
166
166
|
"icon-lg": {
|
|
167
|
-
root: string;
|
|
167
|
+
root: string[];
|
|
168
168
|
};
|
|
169
169
|
};
|
|
170
170
|
}, {
|
|
@@ -239,7 +239,7 @@ declare const buttonVariants: import("tailwind-variants/lite").TVReturnType<{
|
|
|
239
239
|
root: string[];
|
|
240
240
|
};
|
|
241
241
|
"icon-lg": {
|
|
242
|
-
root: string;
|
|
242
|
+
root: string[];
|
|
243
243
|
};
|
|
244
244
|
};
|
|
245
245
|
}, {
|
package/dist/index.d.mts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { A as VariantProps, C as DialogTitle, D as Button, E as DialogTriggerProps, M as StyledProps, O as ButtonProps, S as DialogSurfaceProps, T as DialogTrigger, _ as DialogOverlayProps, a as DialogCloseProps, b as DialogProps, c as DialogDescription, d as DialogFooterProps, f as DialogHeader, g as DialogOverlay, h as DialogNavProps, i as DialogClose, j as DataAttributes$1, k as buttonVariants, l as DialogDescriptionProps, m as DialogNav, n as DialogBody, o as DialogContent, p as DialogHeaderProps, r as DialogBodyProps, s as DialogContentProps, t as Dialog, u as DialogFooter, v as DialogPortal, w as DialogTitleProps, x as DialogSurface, y as DialogPortalProps } from "./index-
|
|
1
|
+
import { A as VariantProps, C as DialogTitle, D as Button, E as DialogTriggerProps, M as StyledProps, O as ButtonProps, S as DialogSurfaceProps, T as DialogTrigger, _ as DialogOverlayProps, a as DialogCloseProps, b as DialogProps, c as DialogDescription, d as DialogFooterProps, f as DialogHeader, g as DialogOverlay, h as DialogNavProps, i as DialogClose, j as DataAttributes$1, k as buttonVariants, l as DialogDescriptionProps, m as DialogNav, n as DialogBody, o as DialogContent, p as DialogHeaderProps, r as DialogBodyProps, s as DialogContentProps, t as Dialog, u as DialogFooter, v as DialogPortal, w as DialogTitleProps, x as DialogSurface, y as DialogPortalProps } from "./index-CDHLWJtB.mjs";
|
|
2
2
|
import { cn } from "./cn.mjs";
|
|
3
3
|
import { Dialog as Dialog$1 } from "@base-ui/react/dialog";
|
|
4
4
|
import { CSSProperties, ComponentProps, ComponentPropsWithRef, ComponentPropsWithoutRef, CompositionEventHandler, FocusEventHandler, FormEventHandler, HTMLAttributes, KeyboardEventHandler, PointerEvent, ReactNode, Ref, RefObject, SVGProps } from "react";
|
|
@@ -4324,6 +4324,7 @@ type ToastData = {
|
|
|
4324
4324
|
hasIcon?: boolean;
|
|
4325
4325
|
hasProgress?: boolean;
|
|
4326
4326
|
contentClassName?: string;
|
|
4327
|
+
leading?: ReactNode;
|
|
4327
4328
|
};
|
|
4328
4329
|
type ToastObject<Data extends object = object> = Toast.Root.ToastObject<Data>;
|
|
4329
4330
|
type ToastCommandOptions<Data extends object = ToastData> = Omit<Partial<ToastObject<Data>>, "actionProps" | "data" | "title" | "type"> & {
|
|
@@ -4333,7 +4334,15 @@ type ToastCommandOptions<Data extends object = ToastData> = Omit<Partial<ToastOb
|
|
|
4333
4334
|
};
|
|
4334
4335
|
contentClassName?: string;
|
|
4335
4336
|
dismissible?: boolean;
|
|
4337
|
+
/** Show the status pixel for the intent in `ToastIcon`. Defaults to `true`. */
|
|
4336
4338
|
icon?: boolean;
|
|
4339
|
+
/**
|
|
4340
|
+
* Replaces the status pixel in `ToastIcon` with this node, such as an xs
|
|
4341
|
+
* `Avatar` for the person or agent the toast is about. Rendered
|
|
4342
|
+
* hidden from assistive technology: the title must already carry the name.
|
|
4343
|
+
* Shown even when `icon` is `false`.
|
|
4344
|
+
*/
|
|
4345
|
+
leading?: ReactNode;
|
|
4337
4346
|
progress?: boolean;
|
|
4338
4347
|
};
|
|
4339
4348
|
export declare const toast: {
|
|
@@ -5215,8 +5224,11 @@ interface ThemeProviderProps {
|
|
|
5215
5224
|
storageKey?: string;
|
|
5216
5225
|
/**
|
|
5217
5226
|
* Put the resolved mode on `document.documentElement` (`.light` / `.dark`
|
|
5218
|
-
* and `color-scheme`)
|
|
5219
|
-
*
|
|
5227
|
+
* and `color-scheme`), and track the input modality there
|
|
5228
|
+
* (`data-input-modality`, see `installInputModality`), which keeps focus
|
|
5229
|
+
* rings to keyboard navigation. Defaults to true for the app-level provider;
|
|
5230
|
+
* set it to false for nested previews and islands that must not touch the
|
|
5231
|
+
* page root.
|
|
5220
5232
|
*/
|
|
5221
5233
|
syncDom?: boolean;
|
|
5222
5234
|
children: ReactNode;
|
|
@@ -5227,4 +5239,40 @@ export declare function ThemeProvider({ mode, defaultMode, onModeChange, storage
|
|
|
5227
5239
|
/** Read and update the colour mode. */
|
|
5228
5240
|
export declare function useTheme(): ThemeState;
|
|
5229
5241
|
//#endregion
|
|
5230
|
-
export { type AlertDialogActionProps, type AlertDialogBodyProps, type AlertDialogCancelProps, type AlertDialogCloseProps, type AlertDialogContentProps, type AlertDialogDescriptionProps, type AlertDialogFooterProps, type AlertDialogHeaderProps, type AlertDialogOverlayProps, type AlertDialogPortalProps, type AlertDialogProps, type AlertDialogTitleProps, type AlertDialogTriggerProps, type AppRailFooterProps, type AppRailHeaderProps, type AppRailItemAttentionProps, type AppRailItemBadgeProps, type AppRailItemIconProps, type AppRailItemIndicatorProps, type AppRailItemLabelProps, type AppRailItemProps, type AppRailNavProps, type AppRailRootProps, type AppShellMainSlotProps, type AppShellOverlaySlotProps, type AppShellPanelSlotProps, type AppShellRailSlotProps, type AppShellRootProps, type AppShellSidebarSlotProps, type AppShellSidebarTriggerProps, type AvatarBadgeOffset, type AvatarBadgeProps, type AvatarFallbackProps, type AvatarGroupCountProps, type AvatarGroupProps, type AvatarImageProps, type AvatarProps, type AvatarSize, type BadgeProps, type BannerActionProps, type BannerDescriptionProps, type BannerProps, type BannerStatus, type BannerTitleProps, Button, type ButtonProps, type CardContentProps, type CardDescriptionProps, type CardFooterProps, type CardHeaderProps, type CardLeadingProps, type CardProps, type CardTitleProps, type CardTrailingProps, type CheckboxIndicatorProps, type CheckboxProps, type CodeBlockActionProps, type CodeBlockActionsProps, type CodeBlockBodyProps, type CodeBlockHeaderProps, type CodeBlockProps, type CodeBlockTitleProps, type ComboboxChipProps, type ComboboxChipRemoveProps, type ComboboxChipsProps, type ComboboxClearProps, type ComboboxCollectionProps, type ComboboxContentProps, type ComboboxControlProps, type ComboboxEmptyProps, type ComboboxGroupLabelProps, type ComboboxGroupProps, type ComboboxHeaderProps, type ComboboxInputGroupProps, type ComboboxInputProps, type ComboboxItemIndicatorProps, type ComboboxItemProps, type ComboboxLabelProps, type ComboboxListProps, type ComboboxPopupProps, type ComboboxPortalProps, type ComboboxProps, type ComboboxRowProps, type ComboboxSeparatorProps, type ComboboxTriggerCountProps, type ComboboxTriggerIndicatorProps, type ComboboxTriggerProps, type ComboboxValueProps, type ComposerActionsProps, type ComposerAttachmentBodyProps, type ComposerAttachmentFailedOverlayProps, type ComposerAttachmentFileProps, type ComposerAttachmentImageProps, type ComposerAttachmentMetaProps, type ComposerAttachmentProps, type ComposerAttachmentRemoveProps, type ComposerAttachmentTitleProps, type ComposerAttachmentUploadProgressBarProps, type ComposerAttachmentUploadingOverlayProps, type ComposerAttachmentsProps, type ComposerAttachmentsScrollAreaProps, type ComposerDropOverlayLabelProps, type ComposerDropOverlayPromptProps, type ComposerDropOverlayProps, type ComposerIconButtonProps, type ComposerInputProps, type ComposerMetaProps, type ComposerProps, type ComposerRootProps, type ComposerSubmitProps, type ComposerSuggestionAsideProps, type ComposerSuggestionContentProps, type ComposerSuggestionGroupLabelProps, type ComposerSuggestionGroupProps, type ComposerSuggestionIconProps, type ComposerSuggestionListProps, type ComposerSuggestionMetaProps, type ComposerSuggestionOptionProps, type ComposerSuggestionTitleProps, type ComposerSuggestionTriggerMatch, type ComposerSuggestionsInputProps, type ComposerSuggestionsListProps, type ComposerSuggestionsOptionProps, type ComposerToolbarLabelProps, type ComposerToolbarProps, type ContextMenuCheckboxItemIndicatorProps, type ContextMenuCheckboxItemProps, type ContextMenuContentProps, type ContextMenuFooterProps, type ContextMenuItemLabelProps, type ContextMenuItemProps, type ContextMenuLabelProps, type ContextMenuPopupProps, type ContextMenuPortalProps, type ContextMenuProps, type ContextMenuRadioGroupProps, type ContextMenuRadioItemIndicatorProps, type ContextMenuRadioItemProps, type ContextMenuSeparatorProps, type ContextMenuShortcutProps, type ContextMenuSubmenuProps, type ContextMenuSubmenuTriggerProps, type ContextMenuTriggerProps, type ConversationIconProps, type ConversationPanelBodyProps, type ConversationPanelContentProps, type ConversationPanelEmptyStateBrandMarkProps, type ConversationPanelEmptyStateBrandProps, type ConversationPanelEmptyStateProps, type ConversationPanelFooterProps, type ConversationPanelRootProps, type ConversationPanelTabsProps, type CopyableCodeActionProps, type CopyableCodeProps, type CopyableCodeRootProps, type DescriptionDetailsProps, type DescriptionItemProps, type DescriptionListDirection, type DescriptionListProps, type DescriptionTermProps, Dialog, DialogBody, type DialogBodyProps, DialogClose, type DialogCloseProps, DialogContent, type DialogContentProps, DialogDescription, type DialogDescriptionProps, DialogFooter, type DialogFooterProps, DialogHeader, type DialogHeaderProps, DialogNav, type DialogNavProps, DialogOverlay, type DialogOverlayProps, DialogPortal, type DialogPortalProps, type DialogProps, DialogSurface, type DialogSurfaceProps, DialogTitle, type DialogTitleProps, DialogTrigger, type DialogTriggerProps, type DrawerActionsProps, type DrawerBodyProps, type DrawerCloseProps, type DrawerContentProps, type DrawerDescriptionProps, type DrawerFooterProps, type DrawerHeaderProps, type DrawerOverlayProps, type DrawerPortalProps, type DrawerProps, type DrawerTitleProps, type DrawerTriggerProps, type DropdownMenuCheckboxItemIndicatorProps, type DropdownMenuCheckboxItemProps, type DropdownMenuContentProps, type DropdownMenuFooterProps, type DropdownMenuItemCountProps, type DropdownMenuItemLabelProps, type DropdownMenuItemProps, type DropdownMenuLabelProps, type DropdownMenuPopupProps, type DropdownMenuPortalProps, type DropdownMenuProps, type DropdownMenuRadioGroupProps, type DropdownMenuRadioItemIndicatorProps, type DropdownMenuRadioItemProps, type DropdownMenuSeparatorProps, type DropdownMenuShortcutProps, type DropdownMenuSubmenuProps, type DropdownMenuSubmenuTriggerProps, type DropdownMenuTriggerProps, type EmptyStateActionsProps, type EmptyStateContentProps, type EmptyStateDescriptionProps, type EmptyStateIconProps, type EmptyStateProps, type EmptyStateTitleProps, type FieldControlProps, type FieldDescriptionProps, type FieldErrorProps, type FieldItemProps, type FieldLabelProps, type FieldProps, type FieldValidityProps, type FilePreviewBadgeProps, type FilePreviewCodeProps, type FilePreviewDocumentProps, type FilePreviewFileProps, type FilePreviewMediaProps, type FilePreviewProps, type FloatButtonGroupDirection, type FloatButtonGroupProps, type FloatButtonOffset, type FloatButtonPosition, type FloatButtonProps, type FloatButtonShape, type FloatButtonSide, type FloatButtonSize, type FloatButtonVariant, type FormSectionProps, type IconTileProps, type InboxItemActionsProps, type InboxItemBodyProps, type InboxItemContentProps, type InboxItemContextProps, type InboxItemDensity, type InboxItemHeadingProps, type InboxItemHoverTargetProps, type InboxItemLeadingProps, type InboxItemMarksProps, type InboxItemMessageProps, type InboxItemMetadataProps, type InboxItemProps, type InboxItemSelectionProps, type InboxItemSenderProps, type InboxItemSubtitleProps, type InboxItemTimestampProps, type InboxItemTitleProps, type InboxItemTrailingProps, type InboxItemTriggerProps, type InlineCodeProps, type InputGroupAddonProps, type InputGroupAddonTextProps, type InputGroupInputProps, type InputGroupProps, type InputProps, type KbdGroupProps, type KbdProps, type LabelAsteriskProps, type LabelOptionalProps, type LabelProps, type LabelSubProps, type LegacyTaskPanelActionsProps, type LegacyTaskPanelBodyProps, type LegacyTaskPanelFieldLabelProps, type LegacyTaskPanelFieldProps, type LegacyTaskPanelFieldTextProps, type LegacyTaskPanelFieldTitleProps, type LegacyTaskPanelHeaderProps, type LegacyTaskPanelIconProps, type LegacyTaskPanelMetaLabelProps, type LegacyTaskPanelMetaProps, type LegacyTaskPanelMetaRowProps, type LegacyTaskPanelMetaValueProps, type LegacyTaskPanelRootProps, type LegacyTaskPanelSectionProps, type LegacyTaskPanelStatusProps, type LegacyTaskPanelTitleMetaProps, type LegacyTaskPanelTitleProps, type LightboxActionsProps, type LightboxCloseProps, type LightboxContentProps, type LightboxHeaderLabelProps, type LightboxHeaderMetaProps, type LightboxHeaderProps, type LightboxInfoActionsProps, type LightboxInfoBarProps, type LightboxInfoDockProps, type LightboxInfoTitleProps, type LightboxMediaProps, type LightboxNavigationButtonProps, type LightboxPortalProps, type LightboxProps, type LightboxStageProps, type LightboxThumbnailProps, type LightboxThumbnailStripProps, type LightboxTitleProps, type LightboxToolbarProps, type LightboxTriggerProps, type ListRowBodyProps, type ListRowBottomProps, type ListRowChevronProps, type ListRowDescriptionProps, type ListRowGroupProps, type ListRowIconProps, type ListRowMetaProps, type ListRowProps, type ListRowTitleProps, type ListRowTopProps, type ListRowValueProps, type LiveAgentActivityBarAvatarProps, type LiveAgentActivityBarContentProps, type LiveAgentActivityBarProps, type LiveAgentActivityBarRowProps, type LiveAgentActivityBarStatusProps, type LiveAgentActivityBarTextProps, type MarkdownBlockquoteProps, type MarkdownCellProps, type MarkdownCheckboxProps, type MarkdownHeaderCellProps, type MarkdownHeadingLevel, type MarkdownHeadingProps, type MarkdownImageProps, type MarkdownInlineCodeProps, type MarkdownLinkProps, type MarkdownListItemProps, type MarkdownListProps, type MarkdownMarkProps, type MarkdownOrderedListProps, type MarkdownParagraphProps, type MarkdownRuleProps, type MarkdownTableProps, type MarkdownTableRowProps, type MarkdownTableScrollProps, type MessageActionCardActionsNoteProps, type MessageActionCardActionsProps, type MessageActionCardCollapseTriggerProps, type MessageActionCardCompletionProps, type MessageActionCardContentProps, type MessageActionCardHeaderDescriptionProps, type MessageActionCardHeaderIconProps, type MessageActionCardHeaderProps, type MessageActionCardHeaderStatusProps, type MessageActionCardHeaderTitleProps, type MessageActionCardHintLabelProps, type MessageActionCardHintProps, type MessageActionCardNoticeProps, type MessageActionCardPropertiesProps, type MessageActionCardPropertyLabelProps, type MessageActionCardPropertyProps, type MessageActionCardPropertyValueProps, type MessageActionCardProps, type MessageActionCardScopeDescriptionProps, type MessageActionCardScopeListLabelProps, type MessageActionCardScopeListProps, type MessageActionCardScopeListViewportProps, type MessageActionCardScopeNameProps, type MessageActionCardScopeProps, type MessageActionCardStatusProps, type MessageAttachmentActionProps, type MessageAttachmentCardProps, type MessageAttachmentCommentSummaryProps, type MessageAttachmentDiffAdditionProps, type MessageAttachmentDiffDeletionProps, type MessageAttachmentDiffSummaryProps, type MessageAttachmentGroupProps, type MessageAttachmentMetaEndProps, type MessageAttachmentMetaProps, type MessageAttachmentMetaStartProps, type MessageAttachmentSummaryProps, type MessageAttachmentTitleProps, type MessageEmbedContentProps, type MessageEmbedFooterProps, type MessageEmbedHeaderProps, type MessageEmbedProps, type MessageForwardedBundleAttachmentMetaProps, type MessageForwardedBundleAttachmentNameProps, type MessageForwardedBundleAttachmentProps, type MessageForwardedBundleAttachmentsProps, type MessageForwardedBundleFooterActionProps, type MessageForwardedBundleFooterProps, type MessageForwardedBundleGalleryProps, type MessageForwardedBundleGalleryTileProps, type MessageForwardedBundleHeaderContentProps, type MessageForwardedBundleHeaderCountProps, type MessageForwardedBundleHeaderLabelProps, type MessageForwardedBundleHeaderProps, type MessageForwardedBundleItemAuthorProps, type MessageForwardedBundleItemContentProps, type MessageForwardedBundleItemMetaProps, type MessageForwardedBundleItemProps, type MessageForwardedBundleItemsProps, type MessageForwardedBundleProps, type MessageForwardedBundleSourceLabelProps, type MessageForwardedBundleSourceProps, type MessageImageGalleryActionProps, type MessageImageGalleryAspectKind, type MessageImageGalleryFit, type MessageImageGalleryImage, type MessageImageGalleryItemLayout, type MessageImageGalleryItemProps, type MessageImageGalleryMediaProps, type MessageImageGalleryOverlayProps, type MessageImageGalleryPreviewProps, type MessageImageGalleryProps, type MessageImageGalleryRowData, type MessageImageGalleryRowProps, type MessageItemAttachmentsProps, type MessageItemAvatarSlotProps, type MessageItemBadgeProps, type MessageItemBadgeSeparatorProps, type MessageItemBadgeStatus, type MessageItemBodyProps, type MessageItemContentProps, type MessageItemContinuationTimeProps, type MessageItemEmbeddedProps, type MessageItemFooterProps, type MessageItemGutterProps, type MessageItemHeaderProps, type MessageItemInlineStatusProps, type MessageItemMetaProps, type MessageItemProps, type MessageItemReadReceiptProps, type MessageItemSavedIndicatorProps, type MessageItemSearchMatchProps, type MessageItemSenderBadgesProps, type MessageItemSenderButtonProps, type MessageItemSenderProps, type MessageItemTimeProps, type MessageItemToolbarButtonProps, type MessageItemToolbarProps, type MessageItemTranslationActionProps, type MessageItemTranslationFailedStatusProps, type MessageItemTranslationOriginalLabelProps, type MessageItemTranslationOriginalProps, type MessageItemTranslationProgressTrackProps, type MessageItemTranslationRetryActionProps, type MessageItemTranslationStatusProps, type MessageListDateDividerProps, type MessageListHistoryLimitedProps, type MessageListNoticeProps, type MessageListProps, type MessageMultiSelectCheckboxProps, type MessageMultiSelectProps, type MessageMultiSelectToolbarProps, type MessageQuotedPreviewAttachmentProps, type MessageQuotedPreviewAttachmentsProps, type MessageQuotedPreviewAuthorMetaProps, type MessageQuotedPreviewAuthorNameProps, type MessageQuotedPreviewAuthorProps, type MessageQuotedPreviewChannelProps, type MessageQuotedPreviewContentProps, type MessageQuotedPreviewHeaderProps, type MessageQuotedPreviewLoadingProps, type MessageQuotedPreviewProps, type MessageQuotedPreviewTextProps, type MessageQuotedPreviewThreadProps, type MessageQuotedPreviewTimestampProps, type MessageQuotedPreviewUnavailableProps, type MessageReactionAddButtonProps, type MessageReactionChipProps, type MessageReactionCountProps, type MessageReactionErrorIndicatorProps, type MessageReactionGlyphProps, type MessageReactionPickerContentProps, type MessageReactionPickerStaticProps, type MessageReactionQuickButtonProps, type MessageReactionQuickRowProps, type MessageReactionTooltipContentProps, type MessageReactionTooltipMetaProps, type MessageReactionTooltipNameProps, type MessageReactionTooltipNameTextProps, type MessageReactionTooltipNamesProps, type MessageReactionTooltipSeparatorProps, type MessageReferenceChipProps, type MessageReferenceChipVariant, type MessageReferenceIndicatorProps, type MessageReferenceLabelProps, type MessageReferencePendingProps, type MessageReferenceTextProps, type MessageReferenceTextVariant, type MessageReferenceUnavailableProps, type MessageRepliesItemContentProps, type MessageRepliesItemProps, type MessageRepliesItemSenderProps, type MessageRepliesItemTimeProps, type MessageRepliesProps, type MessageRepliesSummaryItemProps, type MessageRepliesSummaryProps, type MessageTextSelectionAnchor, type MessageTextSelectionToolbarButtonProps, type MessageTextSelectionToolbarProps, type MessageTextSelectionToolbarSeparatorProps, type MessageVideoPreviewActionProps, type MessageVideoPreviewFailureActionProps, type MessageVideoPreviewFailureContentProps, type MessageVideoPreviewFailureIconProps, type MessageVideoPreviewFailureTitleProps, type MessageVideoPreviewFallbackProps, type MessageVideoPreviewMediaProps, type MessageVideoPreviewProps, type MobileNavItemProps, type MobileNavLabelProps, type MobileNavRootProps, type NotificationCenterActionButtonProps, type NotificationCenterCountProps, type NotificationCenterEmptyStateProps, type NotificationCenterHeaderProps, type NotificationCenterItemActionsProps, type NotificationCenterItemBodyProps, type NotificationCenterItemContentProps, type NotificationCenterItemIconProps, type NotificationCenterItemProps, type NotificationCenterItemRowProps, type NotificationCenterItemTitleProps, type NotificationCenterListProps, type NotificationCenterPopupProps, type NotificationCenterPortalProps, type NotificationCenterProps, type NotificationCenterScrollerProps, type NotificationCenterTitleProps, type NotificationCenterTriggerProps, type OrderedTabItem, type OtterIndicatorProps, type PanelActionProps, type PanelActionsProps, type PanelActivityProps, type PanelBodyProps, type PanelEdge, type PanelFooterProps, type PanelHeaderContentProps, type PanelHeaderIconProps, type PanelHeaderProps, type PanelHeaderRootProps, type PanelHeadingProps, type PanelMetaProps, type PanelNoticeActionsProps, type PanelNoticeContentProps, type PanelNoticeProps, type PanelNoticeStatus, type PanelProps, type PanelScrollContentProps, type PanelScrollViewportProps, type PanelSectionHeaderProps, type PanelSectionProps, type PanelStatusProps, type PanelTitleProps, type PanelToggleActionProps, type PickerTriggerButtonProps, type PopoverArrowProps, type PopoverBackdropProps, type PopoverCloseProps, type PopoverContentProps, type PopoverDescriptionProps, type PopoverHeaderProps, type PopoverPopupProps, type PopoverPortalProps, type PopoverProps, type PopoverSeparatorProps, type PopoverTitleProps, type PopoverTriggerProps, type PopoverViewportProps, type Presence, type PreviewCardArrowProps, type PreviewCardContentProps, type PreviewCardDescriptionProps, type PreviewCardHeaderProps, type PreviewCardPopupProps, type PreviewCardPortalProps, type PreviewCardProps, type PreviewCardSeparatorProps, type PreviewCardTitleProps, type PreviewCardTriggerProps, type ProfilePanelBodyProps, type ProfilePanelHeaderContentProps, type ProfilePanelHeaderProps, type ProfilePanelProps, type ProfilePanelSectionProps, type ProgressHeaderProps, type ProgressIndicatorProps, type ProgressLabelProps, type ProgressProps, type ProgressTrackProps, type ProgressValueProps, type RadioGroupIndicatorProps, type RadioGroupItemProps, type RadioGroupProps, type RaftLogoLockupProps, type RaftLogoProps, type RaftWordmarkProps, type ResizableGroupProps, type ResizableHandleProps, type ResizablePanelProps, type ResolvedThemeMode, type RowTone, type ScrollAreaContentProps, type ScrollAreaCornerProps, type ScrollAreaProps, type ScrollAreaScrollbarProps, type ScrollAreaThumbProps, type ScrollAreaViewportProps, type SegmentedControlCountProps, type SegmentedControlIconsOnlyBelow, type SegmentedControlItemProps, type SegmentedControlLabelProps, type SegmentedControlProps, type SelectArrowProps, type SelectContentProps, type SelectGroupLabelProps, type SelectGroupProps, type SelectIconProps, type SelectItemDescriptionProps, type SelectItemIndicatorProps, type SelectItemLeadingProps, type SelectItemProps, type SelectItemTextProps, type SelectLabelProps, type SelectListProps, type SelectPopupProps, type SelectPortalProps, type SelectProps, type SelectScrollDownArrowProps, type SelectScrollUpArrowProps, type SelectSeparatorProps, type SelectTriggerProps, type SelectValueProps, type SeparatorProps, type SidebarBodyProps, type SidebarContentProps, type SidebarControlProps, type SidebarGroupLabelProps, type SidebarHeaderProps, type SidebarHeaderTitleProps, type SidebarItemAsideProps, type SidebarItemChannelIconProps, type SidebarItemContentProps, type SidebarItemCountProps, type SidebarItemCountSeparatorProps, type SidebarItemIconProps, type SidebarItemIndicatorProps, type SidebarItemMetaIconProps, type SidebarItemMetaProps, type SidebarItemProps, type SidebarItemStatusProps, type SidebarItemSubtitleProps, type SidebarItemThreadCountProps, type SidebarItemTitleProps, type SidebarListProps, type SidebarLiveActivityProps, type SidebarMenuAsideProps, type SidebarMenuCountProps, type SidebarMenuIconProps, type SidebarMenuProps, type SidebarMenuTitleProps, type SidebarRootProps, type SidebarSectionAttentionProps, type SidebarSectionChevronProps, type SidebarSectionControlProps, type SidebarSectionControlsProps, type SidebarSectionCountProps, type SidebarSectionDisclosureProps, type SidebarSectionEmptyProps, type SidebarSectionHeaderProps, type SidebarSectionProps, type SidebarSectionTitleProps, type SidebarSectionTrailingProps, type SkeletonProps, type SkeletonVariant, type SortableComposerAttachmentProps, type SortableComposerAttachmentsProps, type SortableTabsListProps, type SortableTabsTabProps, type SpinnerProps, type StatusProps, type StepProps, type StepStatus, type StepsProps, type SwitchProps, type SwitchThumbProps, type SystemMessageContentProps, type SystemMessageGroupChevronProps, type SystemMessageGroupDisclosureProps, type SystemMessageGroupHeaderProps, type SystemMessageGroupPanelProps, type SystemMessageGroupProps, type SystemMessageGroupSummaryProps, type SystemMessageProps, type SystemMessageTimeProps, type TableBodyProps, type TableCaptionProps, type TableCellProps, type TableColgroupProps, type TableColumnProps, type TableHeadProps, type TableHeaderProps, type TableProps, type TableRowProps, type TabsLabelProps, type TabsListProps, type TabsPanelProps, type TabsPlacement, type TabsProps, type TabsTabProps, type TaskBoardColumnBadgeProps, type TaskBoardColumnChevronProps, type TaskBoardColumnCountProps, type TaskBoardColumnEmptyAllowedProps, type TaskBoardColumnEmptyBlockedProps, type TaskBoardColumnEmptyIdleProps, type TaskBoardColumnEmptyProps, type TaskBoardColumnHeadingProps, type TaskBoardColumnItemsProps, type TaskBoardColumnPanelProps, type TaskBoardColumnProps, type TaskBoardColumnTriggerProps, type TaskBoardRootProps, type TaskCardBodyProps, type TaskCardChannelProps, type TaskCardDescriptionProps, type TaskCardLegacyProps, type TaskCardMetaProps, type TaskCardNumberProps, type TaskCardProps, type TaskCardRowProps, type TaskCardStatusProps, type TaskCardTitleProps, type TaskChipProps, type TaskChipSize, type TaskChipVariant, type TaskDndAccessibility, type TaskDndProviderProps, type TaskDragOverlayProps, type TaskDraggableProps, type TaskDropData, type TaskDropPlaceholderProps, type TaskDropPlacement, type TaskDropState, type TaskDropZoneProps, type TaskDropZoneState, type TaskListRootProps, type TaskLoadingListProps, type TaskLoadingRowProps, type TaskMoveDetails, type TaskSectionBadgeProps, type TaskSectionChevronProps, type TaskSectionCountProps, type TaskSectionEmptyProps, type TaskSectionHeadingProps, type TaskSectionItemsProps, type TaskSectionPanelProps, type TaskSectionProps, type TaskSectionTriggerProps, type TaskStatusBadgeProps, type TaskStatusId, type TasksPanelEmptyProps, type TasksPanelRootProps, type TasksPanelToolbarFiltersProps, type TasksPanelToolbarGroupProps, type TasksPanelToolbarLabelProps, type TasksPanelToolbarNewTaskProps, type TasksPanelToolbarProps, type TasksPanelToolbarViewProps, type TasksPanelViewportProps, type TextHeadingProps, type TextLinkProps, type TextMonoProps, type TextSansProps, type TextareaCounterProps, type TextareaGroupProps, type TextareaProps, type ThemeMode, type ThemeProviderProps, type ThemeState, type ThreadPanelActionsProps, type ThreadPanelBodyProps, type ThreadPanelContentProps, type ThreadPanelFooterProps, type ThreadPanelHeaderProps, type ThreadPanelOriginalMessageProps, type ThreadPanelReplyCountProps, type ThreadPanelReplySummaryProps, type ThreadPanelRootProps, type ThreadPanelSearchCountProps, type ThreadPanelSearchProps, type ThreadPanelSearchTrailingProps, type ThreadPanelTitleMetaProps, type ThreadPanelTitleProps, type TimelineContentProps, type TimelineItemPlacement, type TimelineItemProps, type TimelineItemVariant, type TimelineLineType, type TimelineProps, type TimelineSize, type TimelineTimeProps, type TimelineTitleProps, type ToastActionProps, type ToastActionsProps, type ToastArrowProps, type ToastBodyProps, type ToastCloseProps, type ToastContentProps, type ToastData, type ToastDescriptionProps, type ToastIconProps, type ToastIntent, type ToastObject, type ToastPortalProps, type ToastPositionerProps, type ToastProgressProps, type ToastProviderProps, type ToastRootProps, type ToastTitleProps, type ToastViewportProps, type ToggleGroupItemProps, type ToggleGroupLabelProps, type ToggleGroupProps, type TooltipContentProps, type TooltipPortalProps, type TooltipProps, type TooltipProviderProps, type TooltipTriggerProps, type UseComposerSuggestionsParams, buttonVariants, cn };
|
|
5242
|
+
//#region src/lib/input-modality.d.ts
|
|
5243
|
+
/**
|
|
5244
|
+
* Input modality: whether the person last moved through the page with a
|
|
5245
|
+
* pointer, with the keyboard, or by a virtual cursor (a screen reader). raft-ui shows a focus indicator only after
|
|
5246
|
+
* keyboard navigation (design/foundations/states.md#focus): styles.css clears
|
|
5247
|
+
* `--focus-ring` and the `keyboard:` variant stops matching while the root
|
|
5248
|
+
* carries `data-input-modality="pointer"`. With no attribute (no script, or
|
|
5249
|
+
* the tracker not installed) every focus indicator shows, as it did before.
|
|
5250
|
+
*/
|
|
5251
|
+
type InputModality = "pointer" | "keyboard" | "virtual";
|
|
5252
|
+
/**
|
|
5253
|
+
* Track the input modality on `doc.documentElement` as
|
|
5254
|
+
* `data-input-modality="pointer" | "keyboard" | "virtual"`. Only `pointer`
|
|
5255
|
+
* hides focus rings, so every uncertain case keeps them visible:
|
|
5256
|
+
*
|
|
5257
|
+
* - **Unknown at first.** No attribute until there is evidence, so a keyboard
|
|
5258
|
+
* user who hasn't pressed Tab yet still sees focus moved by code. The first
|
|
5259
|
+
* real mouse movement or press makes it `pointer`.
|
|
5260
|
+
* - **Keyboard**: Tab and F6 anywhere; the arrows, Home, End, Page Up, Page
|
|
5261
|
+
* Down, Enter, Space and Esc outside a text field. Inside a text field those
|
|
5262
|
+
* keys edit and leave the modality alone, unless focus leaves the field
|
|
5263
|
+
* right after (Esc closing a dialog, Enter submitting): then it is
|
|
5264
|
+
* `keyboard`. Typing and Cmd or Ctrl shortcuts never count; a shortcut that
|
|
5265
|
+
* moves focus to a control is caught by the next rule.
|
|
5266
|
+
* - **Virtual**: focus that arrives with no key or pointer press just before
|
|
5267
|
+
* it (a screen reader's browse cursor, a timer), and a screen reader's
|
|
5268
|
+
* synthesized pointer press. Rings show.
|
|
5269
|
+
* - **Pointer**: a real pointer press, or real pointer movement while the
|
|
5270
|
+
* modality is still unknown or virtual.
|
|
5271
|
+
*
|
|
5272
|
+
* `ThemeProvider` calls this for you. Installing twice adds no second set of
|
|
5273
|
+
* listeners. Returns a function that undoes this installation; the listeners
|
|
5274
|
+
* and the attribute go once every installation is undone.
|
|
5275
|
+
*/
|
|
5276
|
+
export declare function installInputModality(doc?: Document): () => void;
|
|
5277
|
+
//#endregion
|
|
5278
|
+
export { type AlertDialogActionProps, type AlertDialogBodyProps, type AlertDialogCancelProps, type AlertDialogCloseProps, type AlertDialogContentProps, type AlertDialogDescriptionProps, type AlertDialogFooterProps, type AlertDialogHeaderProps, type AlertDialogOverlayProps, type AlertDialogPortalProps, type AlertDialogProps, type AlertDialogTitleProps, type AlertDialogTriggerProps, type AppRailFooterProps, type AppRailHeaderProps, type AppRailItemAttentionProps, type AppRailItemBadgeProps, type AppRailItemIconProps, type AppRailItemIndicatorProps, type AppRailItemLabelProps, type AppRailItemProps, type AppRailNavProps, type AppRailRootProps, type AppShellMainSlotProps, type AppShellOverlaySlotProps, type AppShellPanelSlotProps, type AppShellRailSlotProps, type AppShellRootProps, type AppShellSidebarSlotProps, type AppShellSidebarTriggerProps, type AvatarBadgeOffset, type AvatarBadgeProps, type AvatarFallbackProps, type AvatarGroupCountProps, type AvatarGroupProps, type AvatarImageProps, type AvatarProps, type AvatarSize, type BadgeProps, type BannerActionProps, type BannerDescriptionProps, type BannerProps, type BannerStatus, type BannerTitleProps, Button, type ButtonProps, type CardContentProps, type CardDescriptionProps, type CardFooterProps, type CardHeaderProps, type CardLeadingProps, type CardProps, type CardTitleProps, type CardTrailingProps, type CheckboxIndicatorProps, type CheckboxProps, type CodeBlockActionProps, type CodeBlockActionsProps, type CodeBlockBodyProps, type CodeBlockHeaderProps, type CodeBlockProps, type CodeBlockTitleProps, type ComboboxChipProps, type ComboboxChipRemoveProps, type ComboboxChipsProps, type ComboboxClearProps, type ComboboxCollectionProps, type ComboboxContentProps, type ComboboxControlProps, type ComboboxEmptyProps, type ComboboxGroupLabelProps, type ComboboxGroupProps, type ComboboxHeaderProps, type ComboboxInputGroupProps, type ComboboxInputProps, type ComboboxItemIndicatorProps, type ComboboxItemProps, type ComboboxLabelProps, type ComboboxListProps, type ComboboxPopupProps, type ComboboxPortalProps, type ComboboxProps, type ComboboxRowProps, type ComboboxSeparatorProps, type ComboboxTriggerCountProps, type ComboboxTriggerIndicatorProps, type ComboboxTriggerProps, type ComboboxValueProps, type ComposerActionsProps, type ComposerAttachmentBodyProps, type ComposerAttachmentFailedOverlayProps, type ComposerAttachmentFileProps, type ComposerAttachmentImageProps, type ComposerAttachmentMetaProps, type ComposerAttachmentProps, type ComposerAttachmentRemoveProps, type ComposerAttachmentTitleProps, type ComposerAttachmentUploadProgressBarProps, type ComposerAttachmentUploadingOverlayProps, type ComposerAttachmentsProps, type ComposerAttachmentsScrollAreaProps, type ComposerDropOverlayLabelProps, type ComposerDropOverlayPromptProps, type ComposerDropOverlayProps, type ComposerIconButtonProps, type ComposerInputProps, type ComposerMetaProps, type ComposerProps, type ComposerRootProps, type ComposerSubmitProps, type ComposerSuggestionAsideProps, type ComposerSuggestionContentProps, type ComposerSuggestionGroupLabelProps, type ComposerSuggestionGroupProps, type ComposerSuggestionIconProps, type ComposerSuggestionListProps, type ComposerSuggestionMetaProps, type ComposerSuggestionOptionProps, type ComposerSuggestionTitleProps, type ComposerSuggestionTriggerMatch, type ComposerSuggestionsInputProps, type ComposerSuggestionsListProps, type ComposerSuggestionsOptionProps, type ComposerToolbarLabelProps, type ComposerToolbarProps, type ContextMenuCheckboxItemIndicatorProps, type ContextMenuCheckboxItemProps, type ContextMenuContentProps, type ContextMenuFooterProps, type ContextMenuItemLabelProps, type ContextMenuItemProps, type ContextMenuLabelProps, type ContextMenuPopupProps, type ContextMenuPortalProps, type ContextMenuProps, type ContextMenuRadioGroupProps, type ContextMenuRadioItemIndicatorProps, type ContextMenuRadioItemProps, type ContextMenuSeparatorProps, type ContextMenuShortcutProps, type ContextMenuSubmenuProps, type ContextMenuSubmenuTriggerProps, type ContextMenuTriggerProps, type ConversationIconProps, type ConversationPanelBodyProps, type ConversationPanelContentProps, type ConversationPanelEmptyStateBrandMarkProps, type ConversationPanelEmptyStateBrandProps, type ConversationPanelEmptyStateProps, type ConversationPanelFooterProps, type ConversationPanelRootProps, type ConversationPanelTabsProps, type CopyableCodeActionProps, type CopyableCodeProps, type CopyableCodeRootProps, type DescriptionDetailsProps, type DescriptionItemProps, type DescriptionListDirection, type DescriptionListProps, type DescriptionTermProps, Dialog, DialogBody, type DialogBodyProps, DialogClose, type DialogCloseProps, DialogContent, type DialogContentProps, DialogDescription, type DialogDescriptionProps, DialogFooter, type DialogFooterProps, DialogHeader, type DialogHeaderProps, DialogNav, type DialogNavProps, DialogOverlay, type DialogOverlayProps, DialogPortal, type DialogPortalProps, type DialogProps, DialogSurface, type DialogSurfaceProps, DialogTitle, type DialogTitleProps, DialogTrigger, type DialogTriggerProps, type DrawerActionsProps, type DrawerBodyProps, type DrawerCloseProps, type DrawerContentProps, type DrawerDescriptionProps, type DrawerFooterProps, type DrawerHeaderProps, type DrawerOverlayProps, type DrawerPortalProps, type DrawerProps, type DrawerTitleProps, type DrawerTriggerProps, type DropdownMenuCheckboxItemIndicatorProps, type DropdownMenuCheckboxItemProps, type DropdownMenuContentProps, type DropdownMenuFooterProps, type DropdownMenuItemCountProps, type DropdownMenuItemLabelProps, type DropdownMenuItemProps, type DropdownMenuLabelProps, type DropdownMenuPopupProps, type DropdownMenuPortalProps, type DropdownMenuProps, type DropdownMenuRadioGroupProps, type DropdownMenuRadioItemIndicatorProps, type DropdownMenuRadioItemProps, type DropdownMenuSeparatorProps, type DropdownMenuShortcutProps, type DropdownMenuSubmenuProps, type DropdownMenuSubmenuTriggerProps, type DropdownMenuTriggerProps, type EmptyStateActionsProps, type EmptyStateContentProps, type EmptyStateDescriptionProps, type EmptyStateIconProps, type EmptyStateProps, type EmptyStateTitleProps, type FieldControlProps, type FieldDescriptionProps, type FieldErrorProps, type FieldItemProps, type FieldLabelProps, type FieldProps, type FieldValidityProps, type FilePreviewBadgeProps, type FilePreviewCodeProps, type FilePreviewDocumentProps, type FilePreviewFileProps, type FilePreviewMediaProps, type FilePreviewProps, type FloatButtonGroupDirection, type FloatButtonGroupProps, type FloatButtonOffset, type FloatButtonPosition, type FloatButtonProps, type FloatButtonShape, type FloatButtonSide, type FloatButtonSize, type FloatButtonVariant, type FormSectionProps, type IconTileProps, type InboxItemActionsProps, type InboxItemBodyProps, type InboxItemContentProps, type InboxItemContextProps, type InboxItemDensity, type InboxItemHeadingProps, type InboxItemHoverTargetProps, type InboxItemLeadingProps, type InboxItemMarksProps, type InboxItemMessageProps, type InboxItemMetadataProps, type InboxItemProps, type InboxItemSelectionProps, type InboxItemSenderProps, type InboxItemSubtitleProps, type InboxItemTimestampProps, type InboxItemTitleProps, type InboxItemTrailingProps, type InboxItemTriggerProps, type InlineCodeProps, type InputGroupAddonProps, type InputGroupAddonTextProps, type InputGroupInputProps, type InputGroupProps, type InputModality, type InputProps, type KbdGroupProps, type KbdProps, type LabelAsteriskProps, type LabelOptionalProps, type LabelProps, type LabelSubProps, type LegacyTaskPanelActionsProps, type LegacyTaskPanelBodyProps, type LegacyTaskPanelFieldLabelProps, type LegacyTaskPanelFieldProps, type LegacyTaskPanelFieldTextProps, type LegacyTaskPanelFieldTitleProps, type LegacyTaskPanelHeaderProps, type LegacyTaskPanelIconProps, type LegacyTaskPanelMetaLabelProps, type LegacyTaskPanelMetaProps, type LegacyTaskPanelMetaRowProps, type LegacyTaskPanelMetaValueProps, type LegacyTaskPanelRootProps, type LegacyTaskPanelSectionProps, type LegacyTaskPanelStatusProps, type LegacyTaskPanelTitleMetaProps, type LegacyTaskPanelTitleProps, type LightboxActionsProps, type LightboxCloseProps, type LightboxContentProps, type LightboxHeaderLabelProps, type LightboxHeaderMetaProps, type LightboxHeaderProps, type LightboxInfoActionsProps, type LightboxInfoBarProps, type LightboxInfoDockProps, type LightboxInfoTitleProps, type LightboxMediaProps, type LightboxNavigationButtonProps, type LightboxPortalProps, type LightboxProps, type LightboxStageProps, type LightboxThumbnailProps, type LightboxThumbnailStripProps, type LightboxTitleProps, type LightboxToolbarProps, type LightboxTriggerProps, type ListRowBodyProps, type ListRowBottomProps, type ListRowChevronProps, type ListRowDescriptionProps, type ListRowGroupProps, type ListRowIconProps, type ListRowMetaProps, type ListRowProps, type ListRowTitleProps, type ListRowTopProps, type ListRowValueProps, type LiveAgentActivityBarAvatarProps, type LiveAgentActivityBarContentProps, type LiveAgentActivityBarProps, type LiveAgentActivityBarRowProps, type LiveAgentActivityBarStatusProps, type LiveAgentActivityBarTextProps, type MarkdownBlockquoteProps, type MarkdownCellProps, type MarkdownCheckboxProps, type MarkdownHeaderCellProps, type MarkdownHeadingLevel, type MarkdownHeadingProps, type MarkdownImageProps, type MarkdownInlineCodeProps, type MarkdownLinkProps, type MarkdownListItemProps, type MarkdownListProps, type MarkdownMarkProps, type MarkdownOrderedListProps, type MarkdownParagraphProps, type MarkdownRuleProps, type MarkdownTableProps, type MarkdownTableRowProps, type MarkdownTableScrollProps, type MessageActionCardActionsNoteProps, type MessageActionCardActionsProps, type MessageActionCardCollapseTriggerProps, type MessageActionCardCompletionProps, type MessageActionCardContentProps, type MessageActionCardHeaderDescriptionProps, type MessageActionCardHeaderIconProps, type MessageActionCardHeaderProps, type MessageActionCardHeaderStatusProps, type MessageActionCardHeaderTitleProps, type MessageActionCardHintLabelProps, type MessageActionCardHintProps, type MessageActionCardNoticeProps, type MessageActionCardPropertiesProps, type MessageActionCardPropertyLabelProps, type MessageActionCardPropertyProps, type MessageActionCardPropertyValueProps, type MessageActionCardProps, type MessageActionCardScopeDescriptionProps, type MessageActionCardScopeListLabelProps, type MessageActionCardScopeListProps, type MessageActionCardScopeListViewportProps, type MessageActionCardScopeNameProps, type MessageActionCardScopeProps, type MessageActionCardStatusProps, type MessageAttachmentActionProps, type MessageAttachmentCardProps, type MessageAttachmentCommentSummaryProps, type MessageAttachmentDiffAdditionProps, type MessageAttachmentDiffDeletionProps, type MessageAttachmentDiffSummaryProps, type MessageAttachmentGroupProps, type MessageAttachmentMetaEndProps, type MessageAttachmentMetaProps, type MessageAttachmentMetaStartProps, type MessageAttachmentSummaryProps, type MessageAttachmentTitleProps, type MessageEmbedContentProps, type MessageEmbedFooterProps, type MessageEmbedHeaderProps, type MessageEmbedProps, type MessageForwardedBundleAttachmentMetaProps, type MessageForwardedBundleAttachmentNameProps, type MessageForwardedBundleAttachmentProps, type MessageForwardedBundleAttachmentsProps, type MessageForwardedBundleFooterActionProps, type MessageForwardedBundleFooterProps, type MessageForwardedBundleGalleryProps, type MessageForwardedBundleGalleryTileProps, type MessageForwardedBundleHeaderContentProps, type MessageForwardedBundleHeaderCountProps, type MessageForwardedBundleHeaderLabelProps, type MessageForwardedBundleHeaderProps, type MessageForwardedBundleItemAuthorProps, type MessageForwardedBundleItemContentProps, type MessageForwardedBundleItemMetaProps, type MessageForwardedBundleItemProps, type MessageForwardedBundleItemsProps, type MessageForwardedBundleProps, type MessageForwardedBundleSourceLabelProps, type MessageForwardedBundleSourceProps, type MessageImageGalleryActionProps, type MessageImageGalleryAspectKind, type MessageImageGalleryFit, type MessageImageGalleryImage, type MessageImageGalleryItemLayout, type MessageImageGalleryItemProps, type MessageImageGalleryMediaProps, type MessageImageGalleryOverlayProps, type MessageImageGalleryPreviewProps, type MessageImageGalleryProps, type MessageImageGalleryRowData, type MessageImageGalleryRowProps, type MessageItemAttachmentsProps, type MessageItemAvatarSlotProps, type MessageItemBadgeProps, type MessageItemBadgeSeparatorProps, type MessageItemBadgeStatus, type MessageItemBodyProps, type MessageItemContentProps, type MessageItemContinuationTimeProps, type MessageItemEmbeddedProps, type MessageItemFooterProps, type MessageItemGutterProps, type MessageItemHeaderProps, type MessageItemInlineStatusProps, type MessageItemMetaProps, type MessageItemProps, type MessageItemReadReceiptProps, type MessageItemSavedIndicatorProps, type MessageItemSearchMatchProps, type MessageItemSenderBadgesProps, type MessageItemSenderButtonProps, type MessageItemSenderProps, type MessageItemTimeProps, type MessageItemToolbarButtonProps, type MessageItemToolbarProps, type MessageItemTranslationActionProps, type MessageItemTranslationFailedStatusProps, type MessageItemTranslationOriginalLabelProps, type MessageItemTranslationOriginalProps, type MessageItemTranslationProgressTrackProps, type MessageItemTranslationRetryActionProps, type MessageItemTranslationStatusProps, type MessageListDateDividerProps, type MessageListHistoryLimitedProps, type MessageListNoticeProps, type MessageListProps, type MessageMultiSelectCheckboxProps, type MessageMultiSelectProps, type MessageMultiSelectToolbarProps, type MessageQuotedPreviewAttachmentProps, type MessageQuotedPreviewAttachmentsProps, type MessageQuotedPreviewAuthorMetaProps, type MessageQuotedPreviewAuthorNameProps, type MessageQuotedPreviewAuthorProps, type MessageQuotedPreviewChannelProps, type MessageQuotedPreviewContentProps, type MessageQuotedPreviewHeaderProps, type MessageQuotedPreviewLoadingProps, type MessageQuotedPreviewProps, type MessageQuotedPreviewTextProps, type MessageQuotedPreviewThreadProps, type MessageQuotedPreviewTimestampProps, type MessageQuotedPreviewUnavailableProps, type MessageReactionAddButtonProps, type MessageReactionChipProps, type MessageReactionCountProps, type MessageReactionErrorIndicatorProps, type MessageReactionGlyphProps, type MessageReactionPickerContentProps, type MessageReactionPickerStaticProps, type MessageReactionQuickButtonProps, type MessageReactionQuickRowProps, type MessageReactionTooltipContentProps, type MessageReactionTooltipMetaProps, type MessageReactionTooltipNameProps, type MessageReactionTooltipNameTextProps, type MessageReactionTooltipNamesProps, type MessageReactionTooltipSeparatorProps, type MessageReferenceChipProps, type MessageReferenceChipVariant, type MessageReferenceIndicatorProps, type MessageReferenceLabelProps, type MessageReferencePendingProps, type MessageReferenceTextProps, type MessageReferenceTextVariant, type MessageReferenceUnavailableProps, type MessageRepliesItemContentProps, type MessageRepliesItemProps, type MessageRepliesItemSenderProps, type MessageRepliesItemTimeProps, type MessageRepliesProps, type MessageRepliesSummaryItemProps, type MessageRepliesSummaryProps, type MessageTextSelectionAnchor, type MessageTextSelectionToolbarButtonProps, type MessageTextSelectionToolbarProps, type MessageTextSelectionToolbarSeparatorProps, type MessageVideoPreviewActionProps, type MessageVideoPreviewFailureActionProps, type MessageVideoPreviewFailureContentProps, type MessageVideoPreviewFailureIconProps, type MessageVideoPreviewFailureTitleProps, type MessageVideoPreviewFallbackProps, type MessageVideoPreviewMediaProps, type MessageVideoPreviewProps, type MobileNavItemProps, type MobileNavLabelProps, type MobileNavRootProps, type NotificationCenterActionButtonProps, type NotificationCenterCountProps, type NotificationCenterEmptyStateProps, type NotificationCenterHeaderProps, type NotificationCenterItemActionsProps, type NotificationCenterItemBodyProps, type NotificationCenterItemContentProps, type NotificationCenterItemIconProps, type NotificationCenterItemProps, type NotificationCenterItemRowProps, type NotificationCenterItemTitleProps, type NotificationCenterListProps, type NotificationCenterPopupProps, type NotificationCenterPortalProps, type NotificationCenterProps, type NotificationCenterScrollerProps, type NotificationCenterTitleProps, type NotificationCenterTriggerProps, type OrderedTabItem, type OtterIndicatorProps, type PanelActionProps, type PanelActionsProps, type PanelActivityProps, type PanelBodyProps, type PanelEdge, type PanelFooterProps, type PanelHeaderContentProps, type PanelHeaderIconProps, type PanelHeaderProps, type PanelHeaderRootProps, type PanelHeadingProps, type PanelMetaProps, type PanelNoticeActionsProps, type PanelNoticeContentProps, type PanelNoticeProps, type PanelNoticeStatus, type PanelProps, type PanelScrollContentProps, type PanelScrollViewportProps, type PanelSectionHeaderProps, type PanelSectionProps, type PanelStatusProps, type PanelTitleProps, type PanelToggleActionProps, type PickerTriggerButtonProps, type PopoverArrowProps, type PopoverBackdropProps, type PopoverCloseProps, type PopoverContentProps, type PopoverDescriptionProps, type PopoverHeaderProps, type PopoverPopupProps, type PopoverPortalProps, type PopoverProps, type PopoverSeparatorProps, type PopoverTitleProps, type PopoverTriggerProps, type PopoverViewportProps, type Presence, type PreviewCardArrowProps, type PreviewCardContentProps, type PreviewCardDescriptionProps, type PreviewCardHeaderProps, type PreviewCardPopupProps, type PreviewCardPortalProps, type PreviewCardProps, type PreviewCardSeparatorProps, type PreviewCardTitleProps, type PreviewCardTriggerProps, type ProfilePanelBodyProps, type ProfilePanelHeaderContentProps, type ProfilePanelHeaderProps, type ProfilePanelProps, type ProfilePanelSectionProps, type ProgressHeaderProps, type ProgressIndicatorProps, type ProgressLabelProps, type ProgressProps, type ProgressTrackProps, type ProgressValueProps, type RadioGroupIndicatorProps, type RadioGroupItemProps, type RadioGroupProps, type RaftLogoLockupProps, type RaftLogoProps, type RaftWordmarkProps, type ResizableGroupProps, type ResizableHandleProps, type ResizablePanelProps, type ResolvedThemeMode, type RowTone, type ScrollAreaContentProps, type ScrollAreaCornerProps, type ScrollAreaProps, type ScrollAreaScrollbarProps, type ScrollAreaThumbProps, type ScrollAreaViewportProps, type SegmentedControlCountProps, type SegmentedControlIconsOnlyBelow, type SegmentedControlItemProps, type SegmentedControlLabelProps, type SegmentedControlProps, type SelectArrowProps, type SelectContentProps, type SelectGroupLabelProps, type SelectGroupProps, type SelectIconProps, type SelectItemDescriptionProps, type SelectItemIndicatorProps, type SelectItemLeadingProps, type SelectItemProps, type SelectItemTextProps, type SelectLabelProps, type SelectListProps, type SelectPopupProps, type SelectPortalProps, type SelectProps, type SelectScrollDownArrowProps, type SelectScrollUpArrowProps, type SelectSeparatorProps, type SelectTriggerProps, type SelectValueProps, type SeparatorProps, type SidebarBodyProps, type SidebarContentProps, type SidebarControlProps, type SidebarGroupLabelProps, type SidebarHeaderProps, type SidebarHeaderTitleProps, type SidebarItemAsideProps, type SidebarItemChannelIconProps, type SidebarItemContentProps, type SidebarItemCountProps, type SidebarItemCountSeparatorProps, type SidebarItemIconProps, type SidebarItemIndicatorProps, type SidebarItemMetaIconProps, type SidebarItemMetaProps, type SidebarItemProps, type SidebarItemStatusProps, type SidebarItemSubtitleProps, type SidebarItemThreadCountProps, type SidebarItemTitleProps, type SidebarListProps, type SidebarLiveActivityProps, type SidebarMenuAsideProps, type SidebarMenuCountProps, type SidebarMenuIconProps, type SidebarMenuProps, type SidebarMenuTitleProps, type SidebarRootProps, type SidebarSectionAttentionProps, type SidebarSectionChevronProps, type SidebarSectionControlProps, type SidebarSectionControlsProps, type SidebarSectionCountProps, type SidebarSectionDisclosureProps, type SidebarSectionEmptyProps, type SidebarSectionHeaderProps, type SidebarSectionProps, type SidebarSectionTitleProps, type SidebarSectionTrailingProps, type SkeletonProps, type SkeletonVariant, type SortableComposerAttachmentProps, type SortableComposerAttachmentsProps, type SortableTabsListProps, type SortableTabsTabProps, type SpinnerProps, type StatusProps, type StepProps, type StepStatus, type StepsProps, type SwitchProps, type SwitchThumbProps, type SystemMessageContentProps, type SystemMessageGroupChevronProps, type SystemMessageGroupDisclosureProps, type SystemMessageGroupHeaderProps, type SystemMessageGroupPanelProps, type SystemMessageGroupProps, type SystemMessageGroupSummaryProps, type SystemMessageProps, type SystemMessageTimeProps, type TableBodyProps, type TableCaptionProps, type TableCellProps, type TableColgroupProps, type TableColumnProps, type TableHeadProps, type TableHeaderProps, type TableProps, type TableRowProps, type TabsLabelProps, type TabsListProps, type TabsPanelProps, type TabsPlacement, type TabsProps, type TabsTabProps, type TaskBoardColumnBadgeProps, type TaskBoardColumnChevronProps, type TaskBoardColumnCountProps, type TaskBoardColumnEmptyAllowedProps, type TaskBoardColumnEmptyBlockedProps, type TaskBoardColumnEmptyIdleProps, type TaskBoardColumnEmptyProps, type TaskBoardColumnHeadingProps, type TaskBoardColumnItemsProps, type TaskBoardColumnPanelProps, type TaskBoardColumnProps, type TaskBoardColumnTriggerProps, type TaskBoardRootProps, type TaskCardBodyProps, type TaskCardChannelProps, type TaskCardDescriptionProps, type TaskCardLegacyProps, type TaskCardMetaProps, type TaskCardNumberProps, type TaskCardProps, type TaskCardRowProps, type TaskCardStatusProps, type TaskCardTitleProps, type TaskChipProps, type TaskChipSize, type TaskChipVariant, type TaskDndAccessibility, type TaskDndProviderProps, type TaskDragOverlayProps, type TaskDraggableProps, type TaskDropData, type TaskDropPlaceholderProps, type TaskDropPlacement, type TaskDropState, type TaskDropZoneProps, type TaskDropZoneState, type TaskListRootProps, type TaskLoadingListProps, type TaskLoadingRowProps, type TaskMoveDetails, type TaskSectionBadgeProps, type TaskSectionChevronProps, type TaskSectionCountProps, type TaskSectionEmptyProps, type TaskSectionHeadingProps, type TaskSectionItemsProps, type TaskSectionPanelProps, type TaskSectionProps, type TaskSectionTriggerProps, type TaskStatusBadgeProps, type TaskStatusId, type TasksPanelEmptyProps, type TasksPanelRootProps, type TasksPanelToolbarFiltersProps, type TasksPanelToolbarGroupProps, type TasksPanelToolbarLabelProps, type TasksPanelToolbarNewTaskProps, type TasksPanelToolbarProps, type TasksPanelToolbarViewProps, type TasksPanelViewportProps, type TextHeadingProps, type TextLinkProps, type TextMonoProps, type TextSansProps, type TextareaCounterProps, type TextareaGroupProps, type TextareaProps, type ThemeMode, type ThemeProviderProps, type ThemeState, type ThreadPanelActionsProps, type ThreadPanelBodyProps, type ThreadPanelContentProps, type ThreadPanelFooterProps, type ThreadPanelHeaderProps, type ThreadPanelOriginalMessageProps, type ThreadPanelReplyCountProps, type ThreadPanelReplySummaryProps, type ThreadPanelRootProps, type ThreadPanelSearchCountProps, type ThreadPanelSearchProps, type ThreadPanelSearchTrailingProps, type ThreadPanelTitleMetaProps, type ThreadPanelTitleProps, type TimelineContentProps, type TimelineItemPlacement, type TimelineItemProps, type TimelineItemVariant, type TimelineLineType, type TimelineProps, type TimelineSize, type TimelineTimeProps, type TimelineTitleProps, type ToastActionProps, type ToastActionsProps, type ToastArrowProps, type ToastBodyProps, type ToastCloseProps, type ToastContentProps, type ToastData, type ToastDescriptionProps, type ToastIconProps, type ToastIntent, type ToastObject, type ToastPortalProps, type ToastPositionerProps, type ToastProgressProps, type ToastProviderProps, type ToastRootProps, type ToastTitleProps, type ToastViewportProps, type ToggleGroupItemProps, type ToggleGroupLabelProps, type ToggleGroupProps, type TooltipContentProps, type TooltipPortalProps, type TooltipProps, type TooltipProviderProps, type TooltipTriggerProps, type UseComposerSuggestionsParams, buttonVariants, cn };
|