altitude-design 0.4.2 → 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/altitude.iife.js +20 -20
- package/dist/guidance/components/AgentFleet/README.md +1 -1
- package/dist/guidance/components/InlineEdit/README.md +1 -1
- package/dist/guidance/index.json +1 -1
- package/dist/guidance/llms.txt +1 -1
- package/dist/guidance/manifest.json +9 -9
- package/dist/guidance/visual/ActionsInPlace.md +5 -5
- package/dist/guidance/visual/Distinctiveness.md +1 -1
- package/dist/guidance/visual/Research.md +1 -1
- package/dist/guidance/visual/Theming.md +1 -1
- package/dist/index.cjs.map +2 -2
- package/dist/index.js.map +2 -2
- package/dist/types/controls.d.ts +7 -6
- package/dist/types/core.d.ts +28 -26
- package/dist/types/index.d.ts +51 -0
- package/dist/types/removal-receipt.d.ts +42 -42
- package/dist/types-cjs/controls.d.cts +7 -6
- package/dist/types-cjs/core.d.cts +28 -26
- package/dist/types-cjs/index.d.cts +51 -0
- package/dist/types-cjs/removal-receipt.d.cts +42 -42
- package/package.json +1 -1
package/dist/types/controls.d.ts
CHANGED
|
@@ -46,13 +46,13 @@ export declare const CardHeader: ({ className, ...p }: React.HTMLAttributes<HTML
|
|
|
46
46
|
* Text that may still be on its way: `undefined` while your data loads (`{user?.name}`), a promise, or one promise among
|
|
47
47
|
* plain text. `null` renders nothing.
|
|
48
48
|
*/
|
|
49
|
-
type
|
|
49
|
+
export type PromisedTextProps<E> = Omit<React.HTMLAttributes<E>, 'children'> & {
|
|
50
50
|
children?: React.ReactNode | PromiseLike<React.ReactNode> | Array<React.ReactNode | PromiseLike<React.ReactNode>>;
|
|
51
51
|
/** While the text is on its way, its imprint: `lines` (one for a title, two for a description) and `width`. `false`: render what you pass as it is, and let promises suspend to your own boundary. */
|
|
52
52
|
skeleton?: SkeletonOption;
|
|
53
53
|
};
|
|
54
|
-
export declare const CardTitle: ({ className, children, skeleton, ...p }:
|
|
55
|
-
export declare const CardDescription: ({ className, children, skeleton, ...p }:
|
|
54
|
+
export declare const CardTitle: ({ className, children, skeleton, ...p }: PromisedTextProps<HTMLHeadingElement>) => React.JSX.Element;
|
|
55
|
+
export declare const CardDescription: ({ className, children, skeleton, ...p }: PromisedTextProps<HTMLParagraphElement>) => React.JSX.Element;
|
|
56
56
|
export interface CardContentProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
57
57
|
/** The body holds a Suspense boundary: while anything of yours inside it suspends, or its text (`{user?.bio}`) is undefined while the card's other parts are, it's `lines` lines of imprint (default 3). `false` suspends to your own boundary. */
|
|
58
58
|
skeleton?: SkeletonOption;
|
|
@@ -284,8 +284,10 @@ export interface ProgressProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
|
284
284
|
* ```
|
|
285
285
|
*/
|
|
286
286
|
export declare function Progress({ value, max, className, ...rest }: ProgressProps): React.JSX.Element;
|
|
287
|
+
/** The status vocabulary Badge and Alert share. Each tone pairs its colour with an icon or word, so it never relies on colour alone. */
|
|
288
|
+
export type Tone = 'neutral' | 'accent' | 'positive' | 'caution' | 'critical';
|
|
287
289
|
export interface BadgeProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, 'children'> {
|
|
288
|
-
tone?:
|
|
290
|
+
tone?: Tone;
|
|
289
291
|
/**
|
|
290
292
|
* plate (default): an indicator plate set flush into the page. tinted: the plate takes its tone's colour.
|
|
291
293
|
* outline: a hairline only. count: a number that wants attention; it floats above the page and pops when it changes.
|
|
@@ -367,7 +369,7 @@ export interface SkeletonProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
|
367
369
|
*/
|
|
368
370
|
export declare function Skeleton({ loaded, shape, lines, width, height, radius, className, style, children, ...rest }: SkeletonProps): React.JSX.Element;
|
|
369
371
|
export interface AlertProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title'>, Pick<DepthProps, 'settle'> {
|
|
370
|
-
tone?:
|
|
372
|
+
tone?: Tone;
|
|
371
373
|
/** flat (default): a sheet laid on the page, it informs. raised: a card above the page, it asks you to act. */
|
|
372
374
|
variant?: 'flat' | 'raised';
|
|
373
375
|
title?: React.ReactNode;
|
|
@@ -521,4 +523,3 @@ export interface SortableListProps<T> {
|
|
|
521
523
|
* ```
|
|
522
524
|
*/
|
|
523
525
|
export declare function SortableList<T>({ items, getKey, onReorder, renderItem, getLabel, gap, className, ...rest }: SortableListProps<T>): React.JSX.Element;
|
|
524
|
-
export {};
|
package/dist/types/core.d.ts
CHANGED
|
@@ -25,33 +25,35 @@ export declare function useApproach(enabled?: boolean): void;
|
|
|
25
25
|
type IconProps = React.SVGProps<SVGSVGElement> & {
|
|
26
26
|
size?: number;
|
|
27
27
|
};
|
|
28
|
+
/** One of the line icons the components ship: a 24px grid at 1.75 stroke in currentColor. `size` is in pixels (default 16). */
|
|
29
|
+
export type IconComponent = (props: IconProps) => React.ReactElement;
|
|
28
30
|
export declare const Icons: {
|
|
29
|
-
Check:
|
|
30
|
-
ChevronDown:
|
|
31
|
-
X:
|
|
32
|
-
Info:
|
|
33
|
-
Pencil:
|
|
34
|
-
CircleCheck:
|
|
35
|
-
AlertCircle:
|
|
36
|
-
Copy:
|
|
37
|
-
ArrowUp:
|
|
38
|
-
Stop:
|
|
39
|
-
Paperclip:
|
|
40
|
-
ThumbsUp:
|
|
41
|
-
ThumbsDown:
|
|
42
|
-
Refresh:
|
|
43
|
-
ArrowDown:
|
|
44
|
-
Spark:
|
|
45
|
-
Lock:
|
|
46
|
-
Pin:
|
|
47
|
-
Bell:
|
|
48
|
-
Eye:
|
|
49
|
-
EyeOff:
|
|
50
|
-
Clock:
|
|
51
|
-
PanelLeft:
|
|
52
|
-
More:
|
|
53
|
-
ExternalLink:
|
|
54
|
-
AlertTriangle:
|
|
31
|
+
Check: IconComponent;
|
|
32
|
+
ChevronDown: IconComponent;
|
|
33
|
+
X: IconComponent;
|
|
34
|
+
Info: IconComponent;
|
|
35
|
+
Pencil: IconComponent;
|
|
36
|
+
CircleCheck: IconComponent;
|
|
37
|
+
AlertCircle: IconComponent;
|
|
38
|
+
Copy: IconComponent;
|
|
39
|
+
ArrowUp: IconComponent;
|
|
40
|
+
Stop: IconComponent;
|
|
41
|
+
Paperclip: IconComponent;
|
|
42
|
+
ThumbsUp: IconComponent;
|
|
43
|
+
ThumbsDown: IconComponent;
|
|
44
|
+
Refresh: IconComponent;
|
|
45
|
+
ArrowDown: IconComponent;
|
|
46
|
+
Spark: IconComponent;
|
|
47
|
+
Lock: IconComponent;
|
|
48
|
+
Pin: IconComponent;
|
|
49
|
+
Bell: IconComponent;
|
|
50
|
+
Eye: IconComponent;
|
|
51
|
+
EyeOff: IconComponent;
|
|
52
|
+
Clock: IconComponent;
|
|
53
|
+
PanelLeft: IconComponent;
|
|
54
|
+
More: IconComponent;
|
|
55
|
+
ExternalLink: IconComponent;
|
|
56
|
+
AlertTriangle: IconComponent;
|
|
55
57
|
};
|
|
56
58
|
export declare function Spinner({ size }: {
|
|
57
59
|
size?: number;
|
package/dist/types/index.d.ts
CHANGED
|
@@ -161,3 +161,54 @@ export type { AssistantTurn, AssistantTurnOptions, AssistantTurnState, Assistant
|
|
|
161
161
|
export type { ConsequentialActionOptions, ConsequentialPhase, ActionResult, UndoResult } from './pattern-consequential-action.js';
|
|
162
162
|
export { useReviewSubmit } from './pattern-review-submit.js';
|
|
163
163
|
export type { ReviewSubmitOptions, ReviewSubmitResult } from './pattern-review-submit.js';
|
|
164
|
+
export type { AILabelProps } from './ai-label.js';
|
|
165
|
+
export type { AppShellProps, SidebarGroupProps, SidebarMenuBadgeProps, SidebarMenuButtonProps, SidebarProps, SidebarProviderProps } from './app-shell.js';
|
|
166
|
+
export type { BreadcrumbItemProps, BreadcrumbProps } from './breadcrumb.js';
|
|
167
|
+
export type { ChartCompare } from './chart.js';
|
|
168
|
+
export type { CodeBlockProps } from './code-block.js';
|
|
169
|
+
export type { BoardCardProps, BoardColumnProps, BoardMove, BoardPlace, BoardProps, DataTableProps, TableCellProps, TableHeadProps, TableProps, TableRowProps, TableSort } from './collections.js';
|
|
170
|
+
export type { ColorPickerProps, ColorSwatchPickerProps } from './color-picker.js';
|
|
171
|
+
export type { CommandGroup, CommandItem, CommandPaletteProps } from './command.js';
|
|
172
|
+
export type { CommentThreadProps } from './comment-thread.js';
|
|
173
|
+
export type { ConfirmationProps } from './confirmation.js';
|
|
174
|
+
export type { ContextMenuProps } from './context-menu.js';
|
|
175
|
+
export type { PromisedTextProps, Tone, AccordionItem, AccordionProps, AlertProps, AlertStackProps, BadgeProps, ButtonProps, CardContentProps, CardProps, CheckboxProps, DropZoneProps, FieldProps, HoldButtonProps, InputProps, ProgressProps, RadioGroupProps, RadioProps, ScrollAreaProps, SkeletonProps, SliderProps, SliderRangeProps, SortableListProps, SwitchProps, TabsProps, TextareaProps } from './controls.js';
|
|
176
|
+
export type { ConversationCheckpointProps, ConversationProps, ConversationQueueProps, MessageActionsProps, MessageAttachment, MessageProps, QueuedMessage } from './conversation.js';
|
|
177
|
+
export type { CopyButtonProps } from './copy-button.js';
|
|
178
|
+
export type { IconComponent, AltitudeProviderProps, DepthProps, KbdProps, Level, SurfaceProps } from './core.js';
|
|
179
|
+
export type { DiffDecision, DiffViewProps } from './diff-view.js';
|
|
180
|
+
export type { EmptyStateProps } from './empty.js';
|
|
181
|
+
export type { FeatureGateProps } from './feature-gate.js';
|
|
182
|
+
export type { FormattedNumberProps } from './formatted-number.js';
|
|
183
|
+
export type { InlineCitationProps, SourcesProps } from './inline-citation.js';
|
|
184
|
+
export type { InputOTPProps } from './input-otp.js';
|
|
185
|
+
export type { LinkProps } from './link.js';
|
|
186
|
+
export type { DrillNode, DrilldownProps } from './nav.js';
|
|
187
|
+
export type { NotificationCenterProps, NotificationListProps } from './notifications.js';
|
|
188
|
+
export type { NumberInputProps } from './number-input.js';
|
|
189
|
+
export type { DialogProps, DropdownMenuProps, HoverCardProps, MenuEntry, MenuItem, PopoverProps, ToastOptions, TooltipProps } from './overlays.js';
|
|
190
|
+
export type { PageHeaderProps } from './page-header.js';
|
|
191
|
+
export type { PaginationProps } from './pagination.js';
|
|
192
|
+
export type { PasswordInputProps } from './password-input.js';
|
|
193
|
+
export type { PermissionMatrixProps } from './permission-matrix.js';
|
|
194
|
+
export type { PileProps } from './pile.js';
|
|
195
|
+
export type { PlanPickerProps } from './plan-picker.js';
|
|
196
|
+
export type { PromptCommand, PromptInputDictateProps, PromptInputProps, PromptInputTextareaProps, PromptMention } from './prompt-input.js';
|
|
197
|
+
export type { RelativeTimeProps } from './relative-time.js';
|
|
198
|
+
export type { ResizableHandleProps, ResizablePanelGroupProps, ResizablePanelProps } from './resizable.js';
|
|
199
|
+
export type { SaveBarProps } from './save-bar.js';
|
|
200
|
+
export type { SavedViewsProps } from './saved-views.js';
|
|
201
|
+
export type { SecretFieldProps } from './secret-field.js';
|
|
202
|
+
export type { ComboboxProps, SelectItemProps, SelectOption, SelectProps } from './select.js';
|
|
203
|
+
export type { SeparatorProps } from './separator.js';
|
|
204
|
+
export type { SettingsRowProps, SettingsSectionProps } from './settings.js';
|
|
205
|
+
export type { SheetProps } from './sheet.js';
|
|
206
|
+
export type { SplitButtonProps } from './split-button.js';
|
|
207
|
+
export type { StepperProps, StepperStep } from './stepper.js';
|
|
208
|
+
export type { SyncIndicatorProps } from './sync-indicator.js';
|
|
209
|
+
export type { TimeInputProps } from './time-input.js';
|
|
210
|
+
export type { TimelineItemProps, TimelineProps } from './timeline.js';
|
|
211
|
+
export type { ToggleGroupItemProps, ToggleGroupMultipleProps, ToggleGroupProps, ToggleGroupSingleProps, ToggleProps } from './toggle.js';
|
|
212
|
+
export type { ToolbarButtonProps, ToolbarProps, ToolbarToggleProps } from './toolbar.js';
|
|
213
|
+
export type { TourProps } from './tour.js';
|
|
214
|
+
export type { TraceParallelProps, TraceProps, TraceReasoningProps, TraceStepProps, TraceToolCallProps } from './trace.js';
|
|
@@ -914,13 +914,53 @@ export declare function RemovalReceipt({ as, removed, pending, title, action, to
|
|
|
914
914
|
inert?: boolean | undefined;
|
|
915
915
|
"aria-live"?: "off" | "assertive" | "polite" | undefined;
|
|
916
916
|
"aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
|
|
917
|
+
defaultChecked?: boolean | undefined;
|
|
918
|
+
defaultValue?: string | number | readonly string[] | undefined;
|
|
919
|
+
suppressContentEditableWarning?: boolean | undefined;
|
|
917
920
|
suppressHydrationWarning?: boolean | undefined;
|
|
921
|
+
accessKey?: string | undefined;
|
|
922
|
+
autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {});
|
|
923
|
+
autoFocus?: boolean | undefined;
|
|
924
|
+
contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
|
|
925
|
+
contextMenu?: string | undefined;
|
|
926
|
+
draggable?: (boolean | "true" | "false") | undefined;
|
|
927
|
+
enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined;
|
|
918
928
|
id?: string | undefined;
|
|
919
929
|
lang?: string | undefined;
|
|
920
930
|
nonce?: string | undefined;
|
|
921
|
-
|
|
922
|
-
role?: React.AriaRole | undefined;
|
|
931
|
+
spellCheck?: (boolean | "true" | "false") | undefined;
|
|
923
932
|
tabIndex?: number | undefined;
|
|
933
|
+
translate?: "yes" | "no" | undefined;
|
|
934
|
+
radioGroup?: string | undefined;
|
|
935
|
+
role?: React.AriaRole | undefined;
|
|
936
|
+
about?: string | undefined;
|
|
937
|
+
content?: string | undefined;
|
|
938
|
+
datatype?: string | undefined;
|
|
939
|
+
inlist?: any;
|
|
940
|
+
prefix?: string | undefined;
|
|
941
|
+
property?: string | undefined;
|
|
942
|
+
rel?: string | undefined;
|
|
943
|
+
resource?: string | undefined;
|
|
944
|
+
rev?: string | undefined;
|
|
945
|
+
typeof?: string | undefined;
|
|
946
|
+
vocab?: string | undefined;
|
|
947
|
+
autoCorrect?: string | undefined;
|
|
948
|
+
autoSave?: string | undefined;
|
|
949
|
+
itemProp?: string | undefined;
|
|
950
|
+
itemScope?: boolean | undefined;
|
|
951
|
+
itemType?: string | undefined;
|
|
952
|
+
itemID?: string | undefined;
|
|
953
|
+
itemRef?: string | undefined;
|
|
954
|
+
results?: number | undefined;
|
|
955
|
+
security?: string | undefined;
|
|
956
|
+
unselectable?: "on" | "off" | undefined;
|
|
957
|
+
popover?: "" | "auto" | "manual" | "hint" | undefined;
|
|
958
|
+
popoverTargetAction?: "toggle" | "show" | "hide" | undefined;
|
|
959
|
+
popoverTarget?: string | undefined;
|
|
960
|
+
inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
|
|
961
|
+
is?: string | undefined;
|
|
962
|
+
exportparts?: string | undefined;
|
|
963
|
+
part?: string | undefined;
|
|
924
964
|
"aria-activedescendant"?: string | undefined;
|
|
925
965
|
"aria-atomic"?: (boolean | "true" | "false") | undefined;
|
|
926
966
|
"aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
|
|
@@ -1142,46 +1182,6 @@ export declare function RemovalReceipt({ as, removed, pending, title, action, to
|
|
|
1142
1182
|
onTransitionRunCapture?: React.TransitionEventHandler<HTMLElement> | undefined;
|
|
1143
1183
|
onTransitionStart?: React.TransitionEventHandler<HTMLElement> | undefined;
|
|
1144
1184
|
onTransitionStartCapture?: React.TransitionEventHandler<HTMLElement> | undefined;
|
|
1145
|
-
defaultChecked?: boolean | undefined;
|
|
1146
|
-
defaultValue?: string | number | readonly string[] | undefined;
|
|
1147
|
-
suppressContentEditableWarning?: boolean | undefined;
|
|
1148
|
-
accessKey?: string | undefined;
|
|
1149
|
-
autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {});
|
|
1150
|
-
autoFocus?: boolean | undefined;
|
|
1151
|
-
contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
|
|
1152
|
-
contextMenu?: string | undefined;
|
|
1153
|
-
draggable?: (boolean | "true" | "false") | undefined;
|
|
1154
|
-
enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined;
|
|
1155
|
-
spellCheck?: (boolean | "true" | "false") | undefined;
|
|
1156
|
-
translate?: "yes" | "no" | undefined;
|
|
1157
|
-
radioGroup?: string | undefined;
|
|
1158
|
-
about?: string | undefined;
|
|
1159
|
-
content?: string | undefined;
|
|
1160
|
-
datatype?: string | undefined;
|
|
1161
|
-
inlist?: any;
|
|
1162
|
-
prefix?: string | undefined;
|
|
1163
|
-
property?: string | undefined;
|
|
1164
|
-
rel?: string | undefined;
|
|
1165
|
-
resource?: string | undefined;
|
|
1166
|
-
rev?: string | undefined;
|
|
1167
|
-
typeof?: string | undefined;
|
|
1168
|
-
vocab?: string | undefined;
|
|
1169
|
-
autoCorrect?: string | undefined;
|
|
1170
|
-
autoSave?: string | undefined;
|
|
1171
|
-
itemProp?: string | undefined;
|
|
1172
|
-
itemScope?: boolean | undefined;
|
|
1173
|
-
itemType?: string | undefined;
|
|
1174
|
-
itemID?: string | undefined;
|
|
1175
|
-
itemRef?: string | undefined;
|
|
1176
|
-
results?: number | undefined;
|
|
1177
|
-
security?: string | undefined;
|
|
1178
|
-
unselectable?: "on" | "off" | undefined;
|
|
1179
|
-
popover?: "" | "auto" | "manual" | "hint" | undefined;
|
|
1180
|
-
popoverTargetAction?: "toggle" | "show" | "hide" | undefined;
|
|
1181
|
-
popoverTarget?: string | undefined;
|
|
1182
|
-
inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
|
|
1183
|
-
is?: string | undefined;
|
|
1184
|
-
exportparts?: string | undefined;
|
|
1185
1185
|
'data-settle': "a" | "b" | undefined;
|
|
1186
1186
|
'data-land': "a" | "b" | undefined;
|
|
1187
1187
|
'data-status': "pending" | "committed" | "failed" | undefined;
|
|
@@ -46,13 +46,13 @@ export declare const CardHeader: ({ className, ...p }: React.HTMLAttributes<HTML
|
|
|
46
46
|
* Text that may still be on its way: `undefined` while your data loads (`{user?.name}`), a promise, or one promise among
|
|
47
47
|
* plain text. `null` renders nothing.
|
|
48
48
|
*/
|
|
49
|
-
type
|
|
49
|
+
export type PromisedTextProps<E> = Omit<React.HTMLAttributes<E>, 'children'> & {
|
|
50
50
|
children?: React.ReactNode | PromiseLike<React.ReactNode> | Array<React.ReactNode | PromiseLike<React.ReactNode>>;
|
|
51
51
|
/** While the text is on its way, its imprint: `lines` (one for a title, two for a description) and `width`. `false`: render what you pass as it is, and let promises suspend to your own boundary. */
|
|
52
52
|
skeleton?: SkeletonOption;
|
|
53
53
|
};
|
|
54
|
-
export declare const CardTitle: ({ className, children, skeleton, ...p }:
|
|
55
|
-
export declare const CardDescription: ({ className, children, skeleton, ...p }:
|
|
54
|
+
export declare const CardTitle: ({ className, children, skeleton, ...p }: PromisedTextProps<HTMLHeadingElement>) => React.JSX.Element;
|
|
55
|
+
export declare const CardDescription: ({ className, children, skeleton, ...p }: PromisedTextProps<HTMLParagraphElement>) => React.JSX.Element;
|
|
56
56
|
export interface CardContentProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
57
57
|
/** The body holds a Suspense boundary: while anything of yours inside it suspends, or its text (`{user?.bio}`) is undefined while the card's other parts are, it's `lines` lines of imprint (default 3). `false` suspends to your own boundary. */
|
|
58
58
|
skeleton?: SkeletonOption;
|
|
@@ -284,8 +284,10 @@ export interface ProgressProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
|
284
284
|
* ```
|
|
285
285
|
*/
|
|
286
286
|
export declare function Progress({ value, max, className, ...rest }: ProgressProps): React.JSX.Element;
|
|
287
|
+
/** The status vocabulary Badge and Alert share. Each tone pairs its colour with an icon or word, so it never relies on colour alone. */
|
|
288
|
+
export type Tone = 'neutral' | 'accent' | 'positive' | 'caution' | 'critical';
|
|
287
289
|
export interface BadgeProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, 'children'> {
|
|
288
|
-
tone?:
|
|
290
|
+
tone?: Tone;
|
|
289
291
|
/**
|
|
290
292
|
* plate (default): an indicator plate set flush into the page. tinted: the plate takes its tone's colour.
|
|
291
293
|
* outline: a hairline only. count: a number that wants attention; it floats above the page and pops when it changes.
|
|
@@ -367,7 +369,7 @@ export interface SkeletonProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
|
367
369
|
*/
|
|
368
370
|
export declare function Skeleton({ loaded, shape, lines, width, height, radius, className, style, children, ...rest }: SkeletonProps): React.JSX.Element;
|
|
369
371
|
export interface AlertProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title'>, Pick<DepthProps, 'settle'> {
|
|
370
|
-
tone?:
|
|
372
|
+
tone?: Tone;
|
|
371
373
|
/** flat (default): a sheet laid on the page, it informs. raised: a card above the page, it asks you to act. */
|
|
372
374
|
variant?: 'flat' | 'raised';
|
|
373
375
|
title?: React.ReactNode;
|
|
@@ -521,4 +523,3 @@ export interface SortableListProps<T> {
|
|
|
521
523
|
* ```
|
|
522
524
|
*/
|
|
523
525
|
export declare function SortableList<T>({ items, getKey, onReorder, renderItem, getLabel, gap, className, ...rest }: SortableListProps<T>): React.JSX.Element;
|
|
524
|
-
export {};
|
|
@@ -25,33 +25,35 @@ export declare function useApproach(enabled?: boolean): void;
|
|
|
25
25
|
type IconProps = React.SVGProps<SVGSVGElement> & {
|
|
26
26
|
size?: number;
|
|
27
27
|
};
|
|
28
|
+
/** One of the line icons the components ship: a 24px grid at 1.75 stroke in currentColor. `size` is in pixels (default 16). */
|
|
29
|
+
export type IconComponent = (props: IconProps) => React.ReactElement;
|
|
28
30
|
export declare const Icons: {
|
|
29
|
-
Check:
|
|
30
|
-
ChevronDown:
|
|
31
|
-
X:
|
|
32
|
-
Info:
|
|
33
|
-
Pencil:
|
|
34
|
-
CircleCheck:
|
|
35
|
-
AlertCircle:
|
|
36
|
-
Copy:
|
|
37
|
-
ArrowUp:
|
|
38
|
-
Stop:
|
|
39
|
-
Paperclip:
|
|
40
|
-
ThumbsUp:
|
|
41
|
-
ThumbsDown:
|
|
42
|
-
Refresh:
|
|
43
|
-
ArrowDown:
|
|
44
|
-
Spark:
|
|
45
|
-
Lock:
|
|
46
|
-
Pin:
|
|
47
|
-
Bell:
|
|
48
|
-
Eye:
|
|
49
|
-
EyeOff:
|
|
50
|
-
Clock:
|
|
51
|
-
PanelLeft:
|
|
52
|
-
More:
|
|
53
|
-
ExternalLink:
|
|
54
|
-
AlertTriangle:
|
|
31
|
+
Check: IconComponent;
|
|
32
|
+
ChevronDown: IconComponent;
|
|
33
|
+
X: IconComponent;
|
|
34
|
+
Info: IconComponent;
|
|
35
|
+
Pencil: IconComponent;
|
|
36
|
+
CircleCheck: IconComponent;
|
|
37
|
+
AlertCircle: IconComponent;
|
|
38
|
+
Copy: IconComponent;
|
|
39
|
+
ArrowUp: IconComponent;
|
|
40
|
+
Stop: IconComponent;
|
|
41
|
+
Paperclip: IconComponent;
|
|
42
|
+
ThumbsUp: IconComponent;
|
|
43
|
+
ThumbsDown: IconComponent;
|
|
44
|
+
Refresh: IconComponent;
|
|
45
|
+
ArrowDown: IconComponent;
|
|
46
|
+
Spark: IconComponent;
|
|
47
|
+
Lock: IconComponent;
|
|
48
|
+
Pin: IconComponent;
|
|
49
|
+
Bell: IconComponent;
|
|
50
|
+
Eye: IconComponent;
|
|
51
|
+
EyeOff: IconComponent;
|
|
52
|
+
Clock: IconComponent;
|
|
53
|
+
PanelLeft: IconComponent;
|
|
54
|
+
More: IconComponent;
|
|
55
|
+
ExternalLink: IconComponent;
|
|
56
|
+
AlertTriangle: IconComponent;
|
|
55
57
|
};
|
|
56
58
|
export declare function Spinner({ size }: {
|
|
57
59
|
size?: number;
|
|
@@ -152,3 +152,54 @@ export type { AssistantTurn, AssistantTurnOptions, AssistantTurnState, Assistant
|
|
|
152
152
|
export type { ConsequentialActionOptions, ConsequentialPhase, ActionResult, UndoResult } from './pattern-consequential-action.cjs';
|
|
153
153
|
export { useReviewSubmit } from './pattern-review-submit.cjs';
|
|
154
154
|
export type { ReviewSubmitOptions, ReviewSubmitResult } from './pattern-review-submit.cjs';
|
|
155
|
+
export type { AILabelProps } from './ai-label.cjs';
|
|
156
|
+
export type { AppShellProps, SidebarGroupProps, SidebarMenuBadgeProps, SidebarMenuButtonProps, SidebarProps, SidebarProviderProps } from './app-shell.cjs';
|
|
157
|
+
export type { BreadcrumbItemProps, BreadcrumbProps } from './breadcrumb.cjs';
|
|
158
|
+
export type { ChartCompare } from './chart.cjs';
|
|
159
|
+
export type { CodeBlockProps } from './code-block.cjs';
|
|
160
|
+
export type { BoardCardProps, BoardColumnProps, BoardMove, BoardPlace, BoardProps, DataTableProps, TableCellProps, TableHeadProps, TableProps, TableRowProps, TableSort } from './collections.cjs';
|
|
161
|
+
export type { ColorPickerProps, ColorSwatchPickerProps } from './color-picker.cjs';
|
|
162
|
+
export type { CommandGroup, CommandItem, CommandPaletteProps } from './command.cjs';
|
|
163
|
+
export type { CommentThreadProps } from './comment-thread.cjs';
|
|
164
|
+
export type { ConfirmationProps } from './confirmation.cjs';
|
|
165
|
+
export type { ContextMenuProps } from './context-menu.cjs';
|
|
166
|
+
export type { PromisedTextProps, Tone, AccordionItem, AccordionProps, AlertProps, AlertStackProps, BadgeProps, ButtonProps, CardContentProps, CardProps, CheckboxProps, DropZoneProps, FieldProps, HoldButtonProps, InputProps, ProgressProps, RadioGroupProps, RadioProps, ScrollAreaProps, SkeletonProps, SliderProps, SliderRangeProps, SortableListProps, SwitchProps, TabsProps, TextareaProps } from './controls.cjs';
|
|
167
|
+
export type { ConversationCheckpointProps, ConversationProps, ConversationQueueProps, MessageActionsProps, MessageAttachment, MessageProps, QueuedMessage } from './conversation.cjs';
|
|
168
|
+
export type { CopyButtonProps } from './copy-button.cjs';
|
|
169
|
+
export type { IconComponent, AltitudeProviderProps, DepthProps, KbdProps, Level, SurfaceProps } from './core.cjs';
|
|
170
|
+
export type { DiffDecision, DiffViewProps } from './diff-view.cjs';
|
|
171
|
+
export type { EmptyStateProps } from './empty.cjs';
|
|
172
|
+
export type { FeatureGateProps } from './feature-gate.cjs';
|
|
173
|
+
export type { FormattedNumberProps } from './formatted-number.cjs';
|
|
174
|
+
export type { InlineCitationProps, SourcesProps } from './inline-citation.cjs';
|
|
175
|
+
export type { InputOTPProps } from './input-otp.cjs';
|
|
176
|
+
export type { LinkProps } from './link.cjs';
|
|
177
|
+
export type { DrillNode, DrilldownProps } from './nav.cjs';
|
|
178
|
+
export type { NotificationCenterProps, NotificationListProps } from './notifications.cjs';
|
|
179
|
+
export type { NumberInputProps } from './number-input.cjs';
|
|
180
|
+
export type { DialogProps, DropdownMenuProps, HoverCardProps, MenuEntry, MenuItem, PopoverProps, ToastOptions, TooltipProps } from './overlays.cjs';
|
|
181
|
+
export type { PageHeaderProps } from './page-header.cjs';
|
|
182
|
+
export type { PaginationProps } from './pagination.cjs';
|
|
183
|
+
export type { PasswordInputProps } from './password-input.cjs';
|
|
184
|
+
export type { PermissionMatrixProps } from './permission-matrix.cjs';
|
|
185
|
+
export type { PileProps } from './pile.cjs';
|
|
186
|
+
export type { PlanPickerProps } from './plan-picker.cjs';
|
|
187
|
+
export type { PromptCommand, PromptInputDictateProps, PromptInputProps, PromptInputTextareaProps, PromptMention } from './prompt-input.cjs';
|
|
188
|
+
export type { RelativeTimeProps } from './relative-time.cjs';
|
|
189
|
+
export type { ResizableHandleProps, ResizablePanelGroupProps, ResizablePanelProps } from './resizable.cjs';
|
|
190
|
+
export type { SaveBarProps } from './save-bar.cjs';
|
|
191
|
+
export type { SavedViewsProps } from './saved-views.cjs';
|
|
192
|
+
export type { SecretFieldProps } from './secret-field.cjs';
|
|
193
|
+
export type { ComboboxProps, SelectItemProps, SelectOption, SelectProps } from './select.cjs';
|
|
194
|
+
export type { SeparatorProps } from './separator.cjs';
|
|
195
|
+
export type { SettingsRowProps, SettingsSectionProps } from './settings.cjs';
|
|
196
|
+
export type { SheetProps } from './sheet.cjs';
|
|
197
|
+
export type { SplitButtonProps } from './split-button.cjs';
|
|
198
|
+
export type { StepperProps, StepperStep } from './stepper.cjs';
|
|
199
|
+
export type { SyncIndicatorProps } from './sync-indicator.cjs';
|
|
200
|
+
export type { TimeInputProps } from './time-input.cjs';
|
|
201
|
+
export type { TimelineItemProps, TimelineProps } from './timeline.cjs';
|
|
202
|
+
export type { ToggleGroupItemProps, ToggleGroupMultipleProps, ToggleGroupProps, ToggleGroupSingleProps, ToggleProps } from './toggle.cjs';
|
|
203
|
+
export type { ToolbarButtonProps, ToolbarProps, ToolbarToggleProps } from './toolbar.cjs';
|
|
204
|
+
export type { TourProps } from './tour.cjs';
|
|
205
|
+
export type { TraceParallelProps, TraceProps, TraceReasoningProps, TraceStepProps, TraceToolCallProps } from './trace.cjs';
|
|
@@ -914,13 +914,53 @@ export declare function RemovalReceipt({ as, removed, pending, title, action, to
|
|
|
914
914
|
inert?: boolean | undefined;
|
|
915
915
|
"aria-live"?: "off" | "assertive" | "polite" | undefined;
|
|
916
916
|
"aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
|
|
917
|
+
defaultChecked?: boolean | undefined;
|
|
918
|
+
defaultValue?: string | number | readonly string[] | undefined;
|
|
919
|
+
suppressContentEditableWarning?: boolean | undefined;
|
|
917
920
|
suppressHydrationWarning?: boolean | undefined;
|
|
921
|
+
accessKey?: string | undefined;
|
|
922
|
+
autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {});
|
|
923
|
+
autoFocus?: boolean | undefined;
|
|
924
|
+
contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
|
|
925
|
+
contextMenu?: string | undefined;
|
|
926
|
+
draggable?: (boolean | "true" | "false") | undefined;
|
|
927
|
+
enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined;
|
|
918
928
|
id?: string | undefined;
|
|
919
929
|
lang?: string | undefined;
|
|
920
930
|
nonce?: string | undefined;
|
|
921
|
-
|
|
922
|
-
role?: React.AriaRole | undefined;
|
|
931
|
+
spellCheck?: (boolean | "true" | "false") | undefined;
|
|
923
932
|
tabIndex?: number | undefined;
|
|
933
|
+
translate?: "yes" | "no" | undefined;
|
|
934
|
+
radioGroup?: string | undefined;
|
|
935
|
+
role?: React.AriaRole | undefined;
|
|
936
|
+
about?: string | undefined;
|
|
937
|
+
content?: string | undefined;
|
|
938
|
+
datatype?: string | undefined;
|
|
939
|
+
inlist?: any;
|
|
940
|
+
prefix?: string | undefined;
|
|
941
|
+
property?: string | undefined;
|
|
942
|
+
rel?: string | undefined;
|
|
943
|
+
resource?: string | undefined;
|
|
944
|
+
rev?: string | undefined;
|
|
945
|
+
typeof?: string | undefined;
|
|
946
|
+
vocab?: string | undefined;
|
|
947
|
+
autoCorrect?: string | undefined;
|
|
948
|
+
autoSave?: string | undefined;
|
|
949
|
+
itemProp?: string | undefined;
|
|
950
|
+
itemScope?: boolean | undefined;
|
|
951
|
+
itemType?: string | undefined;
|
|
952
|
+
itemID?: string | undefined;
|
|
953
|
+
itemRef?: string | undefined;
|
|
954
|
+
results?: number | undefined;
|
|
955
|
+
security?: string | undefined;
|
|
956
|
+
unselectable?: "on" | "off" | undefined;
|
|
957
|
+
popover?: "" | "auto" | "manual" | "hint" | undefined;
|
|
958
|
+
popoverTargetAction?: "toggle" | "show" | "hide" | undefined;
|
|
959
|
+
popoverTarget?: string | undefined;
|
|
960
|
+
inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
|
|
961
|
+
is?: string | undefined;
|
|
962
|
+
exportparts?: string | undefined;
|
|
963
|
+
part?: string | undefined;
|
|
924
964
|
"aria-activedescendant"?: string | undefined;
|
|
925
965
|
"aria-atomic"?: (boolean | "true" | "false") | undefined;
|
|
926
966
|
"aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
|
|
@@ -1142,46 +1182,6 @@ export declare function RemovalReceipt({ as, removed, pending, title, action, to
|
|
|
1142
1182
|
onTransitionRunCapture?: React.TransitionEventHandler<HTMLElement> | undefined;
|
|
1143
1183
|
onTransitionStart?: React.TransitionEventHandler<HTMLElement> | undefined;
|
|
1144
1184
|
onTransitionStartCapture?: React.TransitionEventHandler<HTMLElement> | undefined;
|
|
1145
|
-
defaultChecked?: boolean | undefined;
|
|
1146
|
-
defaultValue?: string | number | readonly string[] | undefined;
|
|
1147
|
-
suppressContentEditableWarning?: boolean | undefined;
|
|
1148
|
-
accessKey?: string | undefined;
|
|
1149
|
-
autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {});
|
|
1150
|
-
autoFocus?: boolean | undefined;
|
|
1151
|
-
contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
|
|
1152
|
-
contextMenu?: string | undefined;
|
|
1153
|
-
draggable?: (boolean | "true" | "false") | undefined;
|
|
1154
|
-
enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined;
|
|
1155
|
-
spellCheck?: (boolean | "true" | "false") | undefined;
|
|
1156
|
-
translate?: "yes" | "no" | undefined;
|
|
1157
|
-
radioGroup?: string | undefined;
|
|
1158
|
-
about?: string | undefined;
|
|
1159
|
-
content?: string | undefined;
|
|
1160
|
-
datatype?: string | undefined;
|
|
1161
|
-
inlist?: any;
|
|
1162
|
-
prefix?: string | undefined;
|
|
1163
|
-
property?: string | undefined;
|
|
1164
|
-
rel?: string | undefined;
|
|
1165
|
-
resource?: string | undefined;
|
|
1166
|
-
rev?: string | undefined;
|
|
1167
|
-
typeof?: string | undefined;
|
|
1168
|
-
vocab?: string | undefined;
|
|
1169
|
-
autoCorrect?: string | undefined;
|
|
1170
|
-
autoSave?: string | undefined;
|
|
1171
|
-
itemProp?: string | undefined;
|
|
1172
|
-
itemScope?: boolean | undefined;
|
|
1173
|
-
itemType?: string | undefined;
|
|
1174
|
-
itemID?: string | undefined;
|
|
1175
|
-
itemRef?: string | undefined;
|
|
1176
|
-
results?: number | undefined;
|
|
1177
|
-
security?: string | undefined;
|
|
1178
|
-
unselectable?: "on" | "off" | undefined;
|
|
1179
|
-
popover?: "" | "auto" | "manual" | "hint" | undefined;
|
|
1180
|
-
popoverTargetAction?: "toggle" | "show" | "hide" | undefined;
|
|
1181
|
-
popoverTarget?: string | undefined;
|
|
1182
|
-
inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
|
|
1183
|
-
is?: string | undefined;
|
|
1184
|
-
exportparts?: string | undefined;
|
|
1185
1185
|
'data-settle': "a" | "b" | undefined;
|
|
1186
1186
|
'data-land': "a" | "b" | undefined;
|
|
1187
1187
|
'data-status': "pending" | "committed" | "failed" | undefined;
|