@bysages/solid 0.0.1 → 0.2.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/README.md +6 -6
- package/dist/index.d.mts +1162 -117
- package/dist/index.mjs +4135 -598
- package/package.json +6 -4
package/dist/index.d.mts
CHANGED
|
@@ -1,35 +1,40 @@
|
|
|
1
1
|
import { Accordion as Accordion$1 } from "@ark-ui/solid/accordion";
|
|
2
|
-
import { Component, JSX as JSX$1 } from "solid-js";
|
|
3
|
-
import { Collapsible as Collapsible$1 } from "@ark-ui/solid/collapsible";
|
|
2
|
+
import { Accessor, Component, ComponentProps, JSX as JSX$1 } from "solid-js";
|
|
4
3
|
import { Field as Field$1 } from "@ark-ui/solid/field";
|
|
4
|
+
import { Collapsible as Collapsible$1 } from "@ark-ui/solid/collapsible";
|
|
5
5
|
import { AngleSlider as AngleSlider$1 } from "@ark-ui/solid/angle-slider";
|
|
6
|
+
import { CollectionItem, CollectionOptions, FilePathTreeNode, FlatTreeNode, GridCollection, GridCollectionOptions, ListCollection, TreeCollection, TreeCollectionOptions, TreeNode, UseAsyncListProps, UseAsyncListReturn, UseListCollectionProps, UseListCollectionReturn, UseListSelectionProps, UseListSelectionReturn, createFileTreeCollection, createGridCollection, createTreeCollection, useAsyncList, useListCollection, useListSelection } from "@ark-ui/solid/collection";
|
|
7
|
+
import { Combobox as Combobox$1 } from "@ark-ui/solid/combobox";
|
|
6
8
|
import { Avatar as Avatar$1 } from "@ark-ui/solid/avatar";
|
|
7
9
|
import { DatePicker as DatePicker$1, DatePickerFocusChangeDetails, DatePickerOpenChangeDetails, DatePickerRootProps, DatePickerValueChangeDetails, DatePickerViewChangeDetails, DatePickerVisibleRangeChangeDetails } from "@ark-ui/solid/date-picker";
|
|
8
10
|
import { Carousel as Carousel$1 } from "@ark-ui/solid/carousel";
|
|
9
11
|
import { Checkbox as Checkbox$1 } from "@ark-ui/solid/checkbox";
|
|
12
|
+
import { ClientOnly, ClientOnlyProps } from "@ark-ui/solid/client-only";
|
|
10
13
|
import { Clipboard as Clipboard$1 } from "@ark-ui/solid/clipboard";
|
|
11
14
|
import { ColorPicker as ColorPicker$1 } from "@ark-ui/solid/color-picker";
|
|
12
|
-
import { Combobox as Combobox$1 } from "@ark-ui/solid/combobox";
|
|
13
|
-
import { DateInput as DateInput$1, DateInputFocusChangeDetails, DateInputValueChangeDetails } from "@ark-ui/solid/date-input";
|
|
14
15
|
import { Dialog as Dialog$1, DialogOpenChangeDetails } from "@ark-ui/solid/dialog";
|
|
16
|
+
import { DateInput as DateInput$1, DateInputFocusChangeDetails, DateInputValueChangeDetails } from "@ark-ui/solid/date-input";
|
|
17
|
+
import { DownloadTrigger, DownloadTriggerBaseProps, DownloadTriggerProps, DownloadableData, UseDownloadProps, UseDownloadReturn, useDownload } from "@ark-ui/solid/download-trigger";
|
|
15
18
|
import { Drawer as Drawer$1 } from "@ark-ui/solid/drawer";
|
|
16
19
|
import { Editable as Editable$1 } from "@ark-ui/solid/editable";
|
|
17
20
|
import { Fieldset as Fieldset$1 } from "@ark-ui/solid/fieldset";
|
|
18
21
|
import { FileUpload as FileUpload$1 } from "@ark-ui/solid/file-upload";
|
|
19
22
|
import { FloatingPanel as FloatingPanel$1 } from "@ark-ui/solid/floating-panel";
|
|
23
|
+
import { FocusTrap, FocusTrapBaseProps, FocusTrapProps } from "@ark-ui/solid/focus-trap";
|
|
20
24
|
import { Format as Format$1 } from "@ark-ui/solid/format";
|
|
21
25
|
import { HoverCard as HoverCard$1 } from "@ark-ui/solid/hover-card";
|
|
22
26
|
import { ImageCropper as ImageCropper$1 } from "@ark-ui/solid/image-cropper";
|
|
23
27
|
import { JsonTreeView as JsonTreeView$1 } from "@ark-ui/solid/json-tree-view";
|
|
24
|
-
import { Listbox as Listbox$1
|
|
28
|
+
import { Listbox as Listbox$1 } from "@ark-ui/solid/listbox";
|
|
25
29
|
import { Marquee as Marquee$1 } from "@ark-ui/solid/marquee";
|
|
26
30
|
import { Menu as Menu$1 } from "@ark-ui/solid/menu";
|
|
31
|
+
import { Popover as Popover$1 } from "@ark-ui/solid/popover";
|
|
27
32
|
import { NavigationMenu as NavigationMenu$1 } from "@ark-ui/solid/navigation-menu";
|
|
28
33
|
import { NumberInput as NumberInput$1 } from "@ark-ui/solid/number-input";
|
|
29
34
|
import { Pagination as Pagination$1 } from "@ark-ui/solid/pagination";
|
|
30
35
|
import { PasswordInput as PasswordInput$1 } from "@ark-ui/solid/password-input";
|
|
31
36
|
import { PinInput as PinInput$1 } from "@ark-ui/solid/pin-input";
|
|
32
|
-
import {
|
|
37
|
+
import { Presence, PresenceProps, PresenceProvider, UsePresenceContext, UsePresenceProps, UsePresenceReturn, usePresence, usePresenceContext } from "@ark-ui/solid/presence";
|
|
33
38
|
import { Progress as Progress$1 } from "@ark-ui/solid/progress";
|
|
34
39
|
import { QrCode as QrCode$1 } from "@ark-ui/solid/qr-code";
|
|
35
40
|
import { RadioGroup as RadioGroup$1 } from "@ark-ui/solid/radio-group";
|
|
@@ -63,7 +68,163 @@ export * from "@bysages/core";
|
|
|
63
68
|
* API is Ark's own — Root, Item, ItemTrigger, ItemContent, ItemIndicator. */
|
|
64
69
|
export declare const Accordion: typeof Accordion$1;
|
|
65
70
|
//#endregion
|
|
66
|
-
//#region
|
|
71
|
+
//#region src/components/affix/index.d.ts
|
|
72
|
+
export interface AffixProps extends JSX$1.HTMLAttributes<HTMLDivElement> {
|
|
73
|
+
/** Where the content pins when it reaches the top of the scrolling
|
|
74
|
+
* ancestor — the height of any fixed header it must clear. */
|
|
75
|
+
offsetTop?: string;
|
|
76
|
+
/** Where it pins from the bottom instead, for footers and action bars. */
|
|
77
|
+
offsetBottom?: string;
|
|
78
|
+
}
|
|
79
|
+
/**
|
|
80
|
+
* A nail: the wrapped content travels with the page until it reaches its
|
|
81
|
+
* offset, then stays put while the page moves on. The semantics are
|
|
82
|
+
* plain `position: sticky` — pinning is relative to the nearest
|
|
83
|
+
* *scrolling* ancestor, so the element works inside a scrollable panel
|
|
84
|
+
* exactly as it does on the page itself, and a parent with
|
|
85
|
+
* `overflow: hidden` clips the pin. Both offsets may be given: the
|
|
86
|
+
* content then holds its place inside that band.
|
|
87
|
+
*/
|
|
88
|
+
export declare function Affix(props: AffixProps): JSX$1.Element;
|
|
89
|
+
//#endregion
|
|
90
|
+
//#region src/components/ai-action/index.d.ts
|
|
91
|
+
export interface ActionProps extends JSX$1.HTMLAttributes<HTMLButtonElement> {
|
|
92
|
+
/** What the button does, spoken to assistive tech and shown as
|
|
93
|
+
* the hover title — copy, retry, thumbs. */
|
|
94
|
+
label: string;
|
|
95
|
+
}
|
|
96
|
+
/** A quiet icon button — copy, retry, thumbs. The label names it to
|
|
97
|
+
* assistive tech and as the hover title. The control itself is the
|
|
98
|
+
* shared Button in its ghost register. */
|
|
99
|
+
export declare function Action(props: ActionProps): JSX$1.Element;
|
|
100
|
+
//#endregion
|
|
101
|
+
//#region src/components/ai-message/index.d.ts
|
|
102
|
+
export type MessageRole = "user" | "assistant" | "system";
|
|
103
|
+
export interface MessageProps extends Omit<JSX$1.HTMLAttributes<HTMLElement>, "role"> {
|
|
104
|
+
/** Whose stroke this is — the user's words sit in a recessed
|
|
105
|
+
* bubble, the assistant speaks flat on the paper. */
|
|
106
|
+
role?: MessageRole;
|
|
107
|
+
}
|
|
108
|
+
/** Whose stroke this is — the user's words sit in a recessed bubble,
|
|
109
|
+
* the assistant speaks flat on the paper. */
|
|
110
|
+
export declare function Message(props: MessageProps): JSX$1.Element;
|
|
111
|
+
//#endregion
|
|
112
|
+
//#region src/components/ai-prompt-input/index.d.ts
|
|
113
|
+
export interface PromptInputProps extends Omit<JSX$1.HTMLAttributes<HTMLFormElement>, "onSubmit" | "value"> {
|
|
114
|
+
/** The draft in the vessel — bind `value`; it clears itself on
|
|
115
|
+
* a successful submit. */
|
|
116
|
+
value?: string;
|
|
117
|
+
onValueChange?: (value: string) => void;
|
|
118
|
+
onSubmit?: (value: string) => void;
|
|
119
|
+
onStop?: () => void;
|
|
120
|
+
/** The quiet invitation before the reader types. */
|
|
121
|
+
placeholder?: string;
|
|
122
|
+
/** Still the words on the canvas, but the submit seal does
|
|
123
|
+
* nothing and Enter stays a line break. */
|
|
124
|
+
disabled?: boolean;
|
|
125
|
+
/** The machine is working — the seal becomes a stop seal and
|
|
126
|
+
* Enter holds its breath. */
|
|
127
|
+
busy?: boolean;
|
|
128
|
+
/** Attachments riding above the text. */
|
|
129
|
+
header?: JSX$1.Element;
|
|
130
|
+
/** The tools at the text's left. */
|
|
131
|
+
leading?: JSX$1.Element;
|
|
132
|
+
/** The row at the text's right — the send seal falls there by
|
|
133
|
+
* default. */
|
|
134
|
+
trailing?: JSX$1.Element;
|
|
135
|
+
/** The tools beneath the text. */
|
|
136
|
+
footer?: JSX$1.Element;
|
|
137
|
+
/** The controls that close the footer row — the seal falls there
|
|
138
|
+
* when a footer exists. */
|
|
139
|
+
footerEnd?: JSX$1.Element;
|
|
140
|
+
}
|
|
141
|
+
/** The prompt vessel: the shared field textarea — self-growing on the
|
|
142
|
+
* machine's autoresize — with the submit seal riding its last line.
|
|
143
|
+
* Around the body, the slot props answer the composer's anatomy:
|
|
144
|
+
* `header` for attachments riding above, `leading` for the tools at
|
|
145
|
+
* the text's left, `trailing` for the seal itself, `footer` for the
|
|
146
|
+
* tools beneath, and `footerEnd` for the controls that close the
|
|
147
|
+
* footer row — the seal falls there by default, so a model picker
|
|
148
|
+
* dropped in rides the send's shoulder. An empty slot renders no part,
|
|
149
|
+
* so the bare vessel stays one quiet line. Controlled — bind `value`
|
|
150
|
+
* and take the text on `onSubmit`. Enter sends; Shift+Enter breaks the
|
|
151
|
+
* line. While `busy` the seal becomes a stop seal and Enter holds its
|
|
152
|
+
* breath. */
|
|
153
|
+
export declare function PromptInput(props: PromptInputProps): JSX$1.Element;
|
|
154
|
+
//#endregion
|
|
155
|
+
//#region src/components/ai-reasoning/index.d.ts
|
|
156
|
+
export interface ReasoningProps extends JSX$1.HTMLAttributes<HTMLDivElement> {
|
|
157
|
+
/** The trigger's words — the fold arrives open under them. */
|
|
158
|
+
label?: string;
|
|
159
|
+
/** The fold arrives open when set — rides the shared collapsible. */
|
|
160
|
+
defaultOpen?: boolean;
|
|
161
|
+
}
|
|
162
|
+
/** The model's thought, folded by the shared collapsible in its quiet
|
|
163
|
+
* register: bare ink for a trigger, the thought on one hairline. */
|
|
164
|
+
export declare function Reasoning(props: ReasoningProps): JSX$1.Element;
|
|
165
|
+
//#endregion
|
|
166
|
+
//#region src/components/ai-response/index.d.ts
|
|
167
|
+
export interface ResponseProps extends JSX$1.HTMLAttributes<HTMLDivElement> {
|
|
168
|
+
/** The markdown text to set on the paper — streamed in freely; raw
|
|
169
|
+
* HTML and executable links stay inert. */
|
|
170
|
+
content: string;
|
|
171
|
+
/** Optional code-highlighting function re-inking fenced blocks; the
|
|
172
|
+
* component stays agnostic about which engine provides it. */
|
|
173
|
+
highlighter?: (code: string, lang?: string) => string;
|
|
174
|
+
/** The copy stamp's accessible name before the copy lands. */
|
|
175
|
+
copyLabel?: string;
|
|
176
|
+
/** The copy stamp's accessible name once the text has landed. */
|
|
177
|
+
copiedLabel?: string;
|
|
178
|
+
}
|
|
179
|
+
/** Markdown set on the paper. Rendering goes through
|
|
180
|
+
* `@tanstack/markdown`, whose defaults leave raw HTML and executable
|
|
181
|
+
* links inert — streaming-safe by construction. */
|
|
182
|
+
declare function Response$1(props: ResponseProps): JSX$1.Element;
|
|
183
|
+
//#endregion
|
|
184
|
+
//#region src/components/ai-source/index.d.ts
|
|
185
|
+
export interface SourceProps extends JSX$1.HTMLAttributes<HTMLAnchorElement> {
|
|
186
|
+
/** Where the ink came from — also the link text when no children are
|
|
187
|
+
* given; opens in a new tab, referrer-free. */
|
|
188
|
+
href: string;
|
|
189
|
+
}
|
|
190
|
+
/** One place the ink came from; href and the rest ride the anchor. */
|
|
191
|
+
export declare function Source(props: SourceProps): JSX$1.Element;
|
|
192
|
+
/** The reading list under a response: where this ink came from. */
|
|
193
|
+
export declare function Sources(props: JSX$1.HTMLAttributes<HTMLOListElement>): JSX$1.Element;
|
|
194
|
+
//#endregion
|
|
195
|
+
//#region src/components/ai-suggestion/index.d.ts
|
|
196
|
+
export interface SuggestionProps extends Omit<JSX$1.HTMLAttributes<HTMLButtonElement>, "onSelect"> {
|
|
197
|
+
/** The next stroke this seal proposes — also its label; handed
|
|
198
|
+
* back whole on `onSelect`. */
|
|
199
|
+
prompt: string;
|
|
200
|
+
onSelect?: (prompt: string) => void;
|
|
201
|
+
}
|
|
202
|
+
/** A seal-cut button proposing the next stroke; selection hands back
|
|
203
|
+
* the prompt. The shared Button in its outline register. */
|
|
204
|
+
export declare function Suggestion(props: SuggestionProps): JSX$1.Element;
|
|
205
|
+
//#endregion
|
|
206
|
+
//#region src/components/ai-tool/index.d.ts
|
|
207
|
+
export type ToolStatus = "pending" | "running" | "completed" | "error";
|
|
208
|
+
export interface ToolProps extends JSX$1.HTMLAttributes<HTMLDivElement> {
|
|
209
|
+
/** The name the tool was reached by — shown raw on the trigger
|
|
210
|
+
* unless friendlier `label` words are given. */
|
|
211
|
+
name: string;
|
|
212
|
+
/** Friendlier trigger words than the raw tool name. */
|
|
213
|
+
label?: JSX$1.Element;
|
|
214
|
+
/** The state the call reached — pending, running, completed, or
|
|
215
|
+
* error; stamped on the fold and whispered in the status chip. */
|
|
216
|
+
status?: ToolStatus;
|
|
217
|
+
/** The fold arrives open when set — rides the shared collapsible. */
|
|
218
|
+
defaultOpen?: boolean;
|
|
219
|
+
input?: string;
|
|
220
|
+
output?: string;
|
|
221
|
+
}
|
|
222
|
+
/** A tool call: the shared collapsible as the vessel — the name it was
|
|
223
|
+
* reached by and the state it reached in on the trigger, its input and
|
|
224
|
+
* output folded inside. */
|
|
225
|
+
export declare function Tool(props: ToolProps): JSX$1.Element;
|
|
226
|
+
//#endregion
|
|
227
|
+
//#region ../../node_modules/.pnpm/@ai-sdk+provider@4.0.17/node_modules/@ai-sdk/provider/dist/index.d.ts
|
|
67
228
|
/**
|
|
68
229
|
* Audio format configuration shared by provider V4 model specifications.
|
|
69
230
|
*/
|
|
@@ -143,7 +304,7 @@ type SharedV4Headers = Record<string, string>;
|
|
|
143
304
|
* A JSON value can be a string, number, boolean, object, array, or null.
|
|
144
305
|
* JSON values can be serialized and deserialized by the JSON.stringify and JSON.parse methods.
|
|
145
306
|
*/
|
|
146
|
-
type JSONValue = null | string | number | boolean | JSONObject |
|
|
307
|
+
type JSONValue = null | string | number | boolean | Readonly<JSONObject> | readonly JSONValue[];
|
|
147
308
|
type JSONObject = {
|
|
148
309
|
[key: string]: JSONValue | undefined;
|
|
149
310
|
};
|
|
@@ -9590,7 +9751,7 @@ interface $ZodConfig {
|
|
|
9590
9751
|
declare const globalConfig: $ZodConfig;
|
|
9591
9752
|
declare function config(newConfig?: Partial<$ZodConfig>): $ZodConfig;
|
|
9592
9753
|
//#endregion
|
|
9593
|
-
//#region ../../node_modules/.pnpm/@ai-sdk+provider-utils@5.0.
|
|
9754
|
+
//#region ../../node_modules/.pnpm/@ai-sdk+provider-utils@5.0.45_zod@4.6.5/node_modules/@ai-sdk/provider-utils/dist/index.d.ts
|
|
9594
9755
|
/**
|
|
9595
9756
|
* A value that can be provided either as a single item, an array of items,
|
|
9596
9757
|
* or be left undefined.
|
|
@@ -10137,13 +10298,13 @@ type Schema<OBJECT = unknown> = {
|
|
|
10137
10298
|
};
|
|
10138
10299
|
type LazySchema<SCHEMA> = () => Schema<SCHEMA>;
|
|
10139
10300
|
type ZodSchema<SCHEMA = any> = ZodType<SCHEMA, ZodTypeDef, any> | $ZodType<SCHEMA, any>;
|
|
10140
|
-
type StandardSchema<SCHEMA = any> = StandardSchemaV1$2<unknown, SCHEMA> & {
|
|
10301
|
+
type StandardSchema$1<SCHEMA = any> = StandardSchemaV1$2<unknown, SCHEMA> & {
|
|
10141
10302
|
readonly '~standard': StandardSchemaV1$2.Props<unknown, SCHEMA> & {
|
|
10142
10303
|
readonly jsonSchema?: StandardJSONSchemaV1.Converter;
|
|
10143
10304
|
};
|
|
10144
10305
|
};
|
|
10145
|
-
type FlexibleSchema<SCHEMA = any> = Schema<SCHEMA> | LazySchema<SCHEMA> | ZodSchema<SCHEMA> | StandardSchema<SCHEMA>;
|
|
10146
|
-
type InferSchema<SCHEMA> = SCHEMA extends ZodSchema<infer T> ? T : SCHEMA extends StandardSchema<infer T> ? T : SCHEMA extends LazySchema<infer T> ? T : SCHEMA extends Schema<infer T> ? T : never;
|
|
10306
|
+
type FlexibleSchema<SCHEMA = any> = Schema<SCHEMA> | LazySchema<SCHEMA> | ZodSchema<SCHEMA> | StandardSchema$1<SCHEMA>;
|
|
10307
|
+
type InferSchema<SCHEMA> = SCHEMA extends ZodSchema<infer T> ? T : SCHEMA extends StandardSchema$1<infer T> ? T : SCHEMA extends LazySchema<infer T> ? T : SCHEMA extends Schema<infer T> ? T : never;
|
|
10147
10308
|
/**
|
|
10148
10309
|
* A context object that is passed into tool execution.
|
|
10149
10310
|
*/
|
|
@@ -10551,6 +10712,13 @@ type ToolOutputProperties<INPUT, OUTPUT, CONTEXT extends Context | unknown | nev
|
|
|
10551
10712
|
* Common properties shared by all tool kinds.
|
|
10552
10713
|
*/
|
|
10553
10714
|
type BaseTool<INPUT extends JSONValue | unknown | never = any, OUTPUT extends JSONValue | unknown | never = any, CONTEXT extends Context | unknown | never = any> = {
|
|
10715
|
+
/**
|
|
10716
|
+
* Defer exposing this tool until it is discovered by `toolSearch`.
|
|
10717
|
+
* Supports direct calls and local callers that announce tools in conversation
|
|
10718
|
+
* messages (code mode with `toolDiscovery: 'conversation'`). Discovered tools
|
|
10719
|
+
* become available on the next model step.
|
|
10720
|
+
*/
|
|
10721
|
+
deferLoading?: boolean;
|
|
10554
10722
|
/**
|
|
10555
10723
|
* An optional title of the tool.
|
|
10556
10724
|
*
|
|
@@ -10807,7 +10975,7 @@ type Normalize<OBJECT> = { [KEY in keyof OBJECT]: OBJECT[KEY]; };
|
|
|
10807
10975
|
*/
|
|
10808
10976
|
type InferToolSetContext<TOOLS extends ToolSet> = Normalize<RequiredToolSetContext<TOOLS> & OptionalToolSetContext<TOOLS>>;
|
|
10809
10977
|
//#endregion
|
|
10810
|
-
//#region ../../node_modules/.pnpm/ai@7.0.
|
|
10978
|
+
//#region ../../node_modules/.pnpm/ai@7.0.107_zod@4.6.5/node_modules/ai/dist/index.d.ts
|
|
10811
10979
|
/**
|
|
10812
10980
|
* Embedding.
|
|
10813
10981
|
*/
|
|
@@ -12296,6 +12464,10 @@ type UIToolInvocation<TOOL extends UITool | Tool$1> = {
|
|
|
12296
12464
|
} | {
|
|
12297
12465
|
state: 'output-error';
|
|
12298
12466
|
input: asUITool<TOOL>['input'] | undefined;
|
|
12467
|
+
/**
|
|
12468
|
+
* @deprecated Use `input` instead. This field will be removed in the next
|
|
12469
|
+
* major version.
|
|
12470
|
+
*/
|
|
12299
12471
|
rawInput?: unknown;
|
|
12300
12472
|
output?: never;
|
|
12301
12473
|
errorText: string;
|
|
@@ -13167,6 +13339,7 @@ declare global {
|
|
|
13167
13339
|
* String model ids are resolved to the default provider and model id.
|
|
13168
13340
|
*
|
|
13169
13341
|
* If not set, the default provider is the Vercel AI gateway provider.
|
|
13342
|
+
* Experimental evaluation requires an explicitly configured evaluation-capable provider.
|
|
13170
13343
|
*
|
|
13171
13344
|
* @see https://ai-sdk.dev/docs/ai-sdk-core/provider-management#global-provider-configuration
|
|
13172
13345
|
*/
|
|
@@ -13192,100 +13365,68 @@ declare global {
|
|
|
13192
13365
|
}
|
|
13193
13366
|
//#endregion
|
|
13194
13367
|
//#region src/components/ai/index.d.ts
|
|
13195
|
-
|
|
13196
|
-
|
|
13197
|
-
|
|
13198
|
-
|
|
13199
|
-
|
|
13200
|
-
|
|
13201
|
-
|
|
13202
|
-
export
|
|
13203
|
-
|
|
13204
|
-
|
|
13205
|
-
/**
|
|
13206
|
-
*
|
|
13207
|
-
|
|
13208
|
-
|
|
13209
|
-
|
|
13210
|
-
|
|
13211
|
-
|
|
13212
|
-
/** The model's thought, folded by the shared collapsible in its quiet
|
|
13213
|
-
* register: bare ink for a trigger, the thought on one hairline. */
|
|
13214
|
-
export declare function Reasoning(props: ReasoningProps): JSX$1.Element;
|
|
13215
|
-
export type ToolStatus = "pending" | "running" | "completed" | "error";
|
|
13216
|
-
export interface ToolProps extends JSX$1.HTMLAttributes<HTMLDivElement> {
|
|
13217
|
-
name: string;
|
|
13218
|
-
/** Friendlier trigger words than the raw tool name. */
|
|
13219
|
-
label?: JSX$1.Element;
|
|
13220
|
-
status?: ToolStatus;
|
|
13221
|
-
input?: string;
|
|
13222
|
-
output?: string;
|
|
13223
|
-
}
|
|
13224
|
-
/** A tool call: the shared collapsible as the vessel — the name it was
|
|
13225
|
-
* reached by and the state it reached in on the trigger, its input and
|
|
13226
|
-
* output folded inside. */
|
|
13227
|
-
export declare function Tool(props: ToolProps): JSX$1.Element;
|
|
13228
|
-
export interface SourceProps extends JSX$1.HTMLAttributes<HTMLAnchorElement> {
|
|
13229
|
-
href: string;
|
|
13230
|
-
}
|
|
13231
|
-
/** One place the ink came from; href and the rest ride the anchor. */
|
|
13232
|
-
export declare function Source(props: SourceProps): JSX$1.Element;
|
|
13233
|
-
export interface ActionProps extends JSX$1.HTMLAttributes<HTMLButtonElement> {
|
|
13234
|
-
label: string;
|
|
13235
|
-
}
|
|
13236
|
-
/** A quiet icon button — copy, retry, thumbs. The label names it to
|
|
13237
|
-
* assistive tech and as the hover title. The control itself is the
|
|
13238
|
-
* shared Button in its ghost register. */
|
|
13239
|
-
export declare function Action(props: ActionProps): JSX$1.Element;
|
|
13240
|
-
export interface SuggestionProps extends JSX$1.HTMLAttributes<HTMLButtonElement> {
|
|
13241
|
-
prompt: string;
|
|
13242
|
-
onSelect?: (prompt: string) => void;
|
|
13243
|
-
}
|
|
13244
|
-
/** A seal-cut button proposing the next stroke; selection hands back
|
|
13245
|
-
* the prompt. The shared Button in its outline register. */
|
|
13246
|
-
export declare function Suggestion(props: SuggestionProps): JSX$1.Element;
|
|
13247
|
-
export interface PromptInputProps extends JSX$1.HTMLAttributes<HTMLFormElement> {
|
|
13248
|
-
value: string;
|
|
13249
|
-
onValueChange?: (value: string) => void;
|
|
13250
|
-
onSubmit?: (value: string) => void;
|
|
13251
|
-
placeholder?: string;
|
|
13252
|
-
disabled?: boolean;
|
|
13253
|
-
}
|
|
13254
|
-
/** The prompt vessel: the shared field textarea — self-growing on the
|
|
13255
|
-
* machine's autoresize — over a footer row carrying the submit seal.
|
|
13256
|
-
* Controlled — bind `value` and take the text on `onSubmit`. Enter
|
|
13257
|
-
* sends; Shift+Enter breaks the line. */
|
|
13258
|
-
export declare function PromptInput(props: PromptInputProps): JSX$1.Element;
|
|
13259
|
-
export declare const Ai: ((props: JSX$1.HTMLAttributes<HTMLElement>) => JSX$1.Element) & {
|
|
13260
|
-
Conversation: (props: JSX$1.HTMLAttributes<HTMLElement>) => JSX$1.Element;
|
|
13368
|
+
/** The log itself: the column every stroke lands in, a landmark to
|
|
13369
|
+
* screen readers. */
|
|
13370
|
+
export declare const AiConversation: (props: JSX$1.HTMLAttributes<HTMLDivElement>) => JSX$1.Element;
|
|
13371
|
+
/** The bubble's inner measure — content that belongs to neither side
|
|
13372
|
+
* specifically. */
|
|
13373
|
+
export declare const AiContent: (props: JSX$1.HTMLAttributes<HTMLDivElement>) => JSX$1.Element;
|
|
13374
|
+
/** The quiet row under a message — copy, retry, feedback. */
|
|
13375
|
+
export declare const AiActions: (props: JSX$1.HTMLAttributes<HTMLDivElement>) => JSX$1.Element;
|
|
13376
|
+
/** The while-it-works whisper for the in-flight turns. */
|
|
13377
|
+
export declare const AiLoader: (props: JSX$1.HTMLAttributes<HTMLDivElement>) => JSX$1.Element;
|
|
13378
|
+
/** The whole family under one handle — `Ai.Conversation`,
|
|
13379
|
+
* `Ai.MessageContent`, and the rest. */
|
|
13380
|
+
export declare const Ai: ((props: JSX$1.HTMLAttributes<HTMLDivElement>) => JSX$1.Element) & {
|
|
13381
|
+
Conversation: (props: JSX$1.HTMLAttributes<HTMLDivElement>) => JSX$1.Element;
|
|
13382
|
+
MessageContent: (props: JSX$1.HTMLAttributes<HTMLDivElement>) => JSX$1.Element;
|
|
13383
|
+
Actions: (props: JSX$1.HTMLAttributes<HTMLDivElement>) => JSX$1.Element;
|
|
13384
|
+
Loader: (props: JSX$1.HTMLAttributes<HTMLDivElement>) => JSX$1.Element;
|
|
13261
13385
|
Message: typeof Message;
|
|
13262
|
-
Content: (props: JSX$1.HTMLAttributes<HTMLElement>) => JSX$1.Element;
|
|
13263
13386
|
Response: typeof Response$1;
|
|
13264
13387
|
Reasoning: typeof Reasoning;
|
|
13265
13388
|
Tool: typeof Tool;
|
|
13266
|
-
Sources:
|
|
13389
|
+
Sources: typeof Sources;
|
|
13267
13390
|
Source: typeof Source;
|
|
13268
|
-
Actions: (props: JSX$1.HTMLAttributes<HTMLElement>) => JSX$1.Element;
|
|
13269
13391
|
Action: typeof Action;
|
|
13270
13392
|
Suggestion: typeof Suggestion;
|
|
13271
13393
|
PromptInput: typeof PromptInput;
|
|
13272
|
-
Loader: (props: JSX$1.HTMLAttributes<HTMLElement>) => JSX$1.Element;
|
|
13273
13394
|
};
|
|
13274
13395
|
//#endregion
|
|
13396
|
+
//#region src/components/ai-attachments/index.d.ts
|
|
13397
|
+
export type AttachmentStatus = "uploading" | "ready" | "error";
|
|
13398
|
+
export interface AttachmentProps extends JSX$1.HTMLAttributes<HTMLSpanElement> {
|
|
13399
|
+
/** The file's name — it picks the glyph by extension. */
|
|
13400
|
+
name: string;
|
|
13401
|
+
/** The file's size in bytes, when known — rendered human. */
|
|
13402
|
+
size?: number;
|
|
13403
|
+
/** The upload's state on the wire. */
|
|
13404
|
+
status?: AttachmentStatus;
|
|
13405
|
+
onRemove?: () => void;
|
|
13406
|
+
}
|
|
13407
|
+
/** One file riding the prompt: its glyph by extension, its name and
|
|
13408
|
+
* human size, and a quiet way to take it back off. Uploading reads as
|
|
13409
|
+
* a dashed ghost, error as danger ink. */
|
|
13410
|
+
export declare function Attachment(props: AttachmentProps): JSX$1.Element;
|
|
13411
|
+
/** The row the files ride in — a wrapping line of chips. */
|
|
13412
|
+
export declare function Attachments(props: JSX$1.HTMLAttributes<HTMLSpanElement>): JSX$1.Element;
|
|
13413
|
+
//#endregion
|
|
13275
13414
|
//#region src/components/alert/index.d.ts
|
|
13276
13415
|
export type AlertStatus = "ink" | "info" | "success" | "warning" | "danger";
|
|
13277
13416
|
/** A notice drawn on the page: a wash of the status pigment, one heavier
|
|
13278
13417
|
* hairline on the leading edge, the serif for its title. Root, Icon,
|
|
13279
13418
|
* Body, Title, Description — the icon reads the status from the Root. */
|
|
13280
|
-
export interface AlertProps extends JSX$1.HTMLAttributes<HTMLDivElement> {
|
|
13419
|
+
export interface AlertProps extends JSX$1.HTMLAttributes<HTMLDivElement> {
|
|
13420
|
+
status?: AlertStatus;
|
|
13421
|
+
}
|
|
13281
13422
|
declare function AlertRoot(props: AlertProps): JSX$1.Element;
|
|
13282
|
-
declare function Icon(): JSX$1.Element;
|
|
13423
|
+
declare function Icon$1(): JSX$1.Element;
|
|
13283
13424
|
declare function Body(props: JSX$1.HTMLAttributes<HTMLDivElement>): JSX$1.Element;
|
|
13284
13425
|
declare function Title(props: JSX$1.HTMLAttributes<HTMLParagraphElement>): JSX$1.Element;
|
|
13285
13426
|
declare function Description(props: JSX$1.HTMLAttributes<HTMLParagraphElement>): JSX$1.Element;
|
|
13286
13427
|
export declare const Alert: typeof AlertRoot & {
|
|
13287
13428
|
Root: typeof AlertRoot;
|
|
13288
|
-
Icon: typeof Icon;
|
|
13429
|
+
Icon: typeof Icon$1;
|
|
13289
13430
|
Body: typeof Body;
|
|
13290
13431
|
Title: typeof Title;
|
|
13291
13432
|
Description: typeof Description;
|
|
@@ -13298,11 +13439,51 @@ export declare const Alert: typeof AlertRoot & {
|
|
|
13298
13439
|
* Marker, HiddenInput. */
|
|
13299
13440
|
export declare const AngleSlider: typeof AngleSlider$1;
|
|
13300
13441
|
//#endregion
|
|
13442
|
+
//#region src/components/aspect-ratio/index.d.ts
|
|
13443
|
+
/** A frame that keeps its shape: the box holds the given ratio whatever
|
|
13444
|
+
* the width it is dealt, and the child fills the frame it is given. */
|
|
13445
|
+
export interface AspectRatioProps extends JSX$1.HTMLAttributes<HTMLDivElement> {
|
|
13446
|
+
/** A CSS `aspect-ratio` value — "16 / 9", "4 / 3", "1 / 1". */
|
|
13447
|
+
ratio?: string;
|
|
13448
|
+
}
|
|
13449
|
+
export declare function AspectRatio(props: AspectRatioProps): JSX$1.Element;
|
|
13450
|
+
//#endregion
|
|
13451
|
+
//#region src/components/autocomplete/index.d.ts
|
|
13452
|
+
export interface AutoCompleteProps {
|
|
13453
|
+
value?: string;
|
|
13454
|
+
items?: string[];
|
|
13455
|
+
placeholder?: string;
|
|
13456
|
+
/** Field text to match against; defaults to the item itself. */
|
|
13457
|
+
filter?: (item: string, input: string) => boolean;
|
|
13458
|
+
onValueChange?: (value: string) => void;
|
|
13459
|
+
}
|
|
13460
|
+
/**
|
|
13461
|
+
* Free text with suggestions: the reader types anything, the list
|
|
13462
|
+
* narrows to help, and both a pick and a custom value end up in the
|
|
13463
|
+
* same `value`. A preset of the combobox machinery — same parts,
|
|
13464
|
+
* same styling, one job. `items` seeds the suggestion list once;
|
|
13465
|
+
* matching is a case-insensitive substring unless `filter` says
|
|
13466
|
+
* otherwise.
|
|
13467
|
+
*/
|
|
13468
|
+
export declare function AutoComplete(props: AutoCompleteProps): import("solid-js").JSX.Element;
|
|
13469
|
+
//#endregion
|
|
13301
13470
|
//#region src/components/avatar/index.d.ts
|
|
13302
|
-
/**
|
|
13303
|
-
* inset paper that holds initials until the image loads over them.
|
|
13304
|
-
*
|
|
13305
|
-
|
|
13471
|
+
/** Avatar, dressed in the paper-and-ink system: a circular seal on
|
|
13472
|
+
* inset paper that holds initials until the image loads over them.
|
|
13473
|
+
* `size` picks a control-height rung for the seal — the core styles
|
|
13474
|
+
* re-point `--bs-avatar-size` per rung, and scenes can still retune the
|
|
13475
|
+
* variable directly. */
|
|
13476
|
+
export type AvatarSize = "sm" | "md" | "lg";
|
|
13477
|
+
export interface AvatarProps extends ComponentProps<typeof Avatar$1.Root> {
|
|
13478
|
+
/** Seal diameter: the small, medium, or large control rung. The
|
|
13479
|
+
* default (large) stands as tall as the biggest control so an avatar
|
|
13480
|
+
* rides a row without stretching it. */
|
|
13481
|
+
size?: AvatarSize;
|
|
13482
|
+
}
|
|
13483
|
+
declare function AvatarRoot(props: AvatarProps): import("solid-js").JSX.Element;
|
|
13484
|
+
export declare const Avatar: typeof Avatar$1 & {
|
|
13485
|
+
Root: typeof AvatarRoot;
|
|
13486
|
+
};
|
|
13306
13487
|
//#endregion
|
|
13307
13488
|
//#region src/components/avatar-group/index.d.ts
|
|
13308
13489
|
/** Avatars overlapping one row, each rimmed in the ground so the pile
|
|
@@ -13310,6 +13491,34 @@ export declare const Avatar: typeof Avatar$1;
|
|
|
13310
13491
|
export type AvatarGroupProps = JSX$1.HTMLAttributes<HTMLDivElement>;
|
|
13311
13492
|
export declare function AvatarGroup(props: AvatarGroupProps): JSX$1.Element;
|
|
13312
13493
|
//#endregion
|
|
13494
|
+
//#region src/components/back-top/index.d.ts
|
|
13495
|
+
export interface BackTopProps extends JSX$1.HTMLAttributes<HTMLButtonElement> {
|
|
13496
|
+
/** How far the reader must have travelled (px) before the affordance
|
|
13497
|
+
* appears. */
|
|
13498
|
+
threshold?: number;
|
|
13499
|
+
/** The accessible name; the control is icon-only by default. */
|
|
13500
|
+
label?: string;
|
|
13501
|
+
/** Ride a scrolling element of your own instead of the page: the
|
|
13502
|
+
* control moors inside that element's corner and watches its
|
|
13503
|
+
* scrollTop. The host supplies the positioning context. */
|
|
13504
|
+
scrollEl?: () => HTMLElement | null;
|
|
13505
|
+
}
|
|
13506
|
+
/**
|
|
13507
|
+
* A way home: after the page has scrolled past `threshold`, a small
|
|
13508
|
+
* floating control rises at the page's corner and returns the reader to
|
|
13509
|
+
* the top. The scroll itself stays native — `window.scrollTo` defers to
|
|
13510
|
+
* the stylesheet's `scroll-behavior: smooth`, which reduced motion turns
|
|
13511
|
+
* back into an instant jump (a moored control asks the media query
|
|
13512
|
+
* directly, since a scroller of its own has no stylesheet to defer to).
|
|
13513
|
+
* The button stays mounted either way so the entrance is a transition,
|
|
13514
|
+
* never a pop.
|
|
13515
|
+
*
|
|
13516
|
+
* The control itself is the shared `Button` (outline, square) — the
|
|
13517
|
+
* paper, hairline and halo are its; this family owns only the floating
|
|
13518
|
+
* and the entrance.
|
|
13519
|
+
*/
|
|
13520
|
+
export declare function BackTop(props: BackTopProps): JSX$1.Element;
|
|
13521
|
+
//#endregion
|
|
13313
13522
|
//#region src/components/badge/index.d.ts
|
|
13314
13523
|
/** A small seal of state. Ink is the neutral tone; the four semantic
|
|
13315
13524
|
* pigments are fixed. Subtle and outline re-register the same pigment. */
|
|
@@ -13321,24 +13530,24 @@ export declare function Badge(props: BadgeProps): JSX$1.Element;
|
|
|
13321
13530
|
//#endregion
|
|
13322
13531
|
//#region src/components/banner/index.d.ts
|
|
13323
13532
|
export type BannerStatus = "ink" | "info" | "success" | "warning" | "danger";
|
|
13324
|
-
export interface BannerRootProps extends JSX$1.HTMLAttributes<
|
|
13533
|
+
export interface BannerRootProps extends JSX$1.HTMLAttributes<HTMLDivElement> {
|
|
13325
13534
|
status?: BannerStatus;
|
|
13326
13535
|
}
|
|
13327
13536
|
/** A page-level notice, spoken across the full measure: a wash of the
|
|
13328
13537
|
* status pigment, one heavier hairline on the leading edge, and room
|
|
13329
13538
|
* for actions and a quiet close. Ink is the neutral register; the four
|
|
13330
13539
|
* semantic pigments are fixed. */
|
|
13331
|
-
declare function Root$
|
|
13540
|
+
declare function Root$3(props: BannerRootProps): JSX$1.Element;
|
|
13332
13541
|
/** The quiet close: a plain square-cut button; dismissal stays the
|
|
13333
13542
|
* consumer's state. */
|
|
13334
|
-
declare function Close(props: JSX$1.
|
|
13335
|
-
export declare const Banner: typeof Root$
|
|
13336
|
-
Root: typeof Root$
|
|
13337
|
-
Icon: (props: JSX$1.HTMLAttributes<
|
|
13338
|
-
Body: (props: JSX$1.HTMLAttributes<
|
|
13339
|
-
Title: (props: JSX$1.HTMLAttributes<
|
|
13340
|
-
Description: (props: JSX$1.HTMLAttributes<
|
|
13341
|
-
Actions: (props: JSX$1.HTMLAttributes<
|
|
13543
|
+
declare function Close(props: JSX$1.ButtonHTMLAttributes<HTMLButtonElement>): JSX$1.Element;
|
|
13544
|
+
export declare const Banner: typeof Root$3 & {
|
|
13545
|
+
Root: typeof Root$3;
|
|
13546
|
+
Icon: (props: JSX$1.HTMLAttributes<HTMLDivElement>) => JSX$1.Element;
|
|
13547
|
+
Body: (props: JSX$1.HTMLAttributes<HTMLDivElement>) => JSX$1.Element;
|
|
13548
|
+
Title: (props: JSX$1.HTMLAttributes<HTMLDivElement>) => JSX$1.Element;
|
|
13549
|
+
Description: (props: JSX$1.HTMLAttributes<HTMLDivElement>) => JSX$1.Element;
|
|
13550
|
+
Actions: (props: JSX$1.HTMLAttributes<HTMLDivElement>) => JSX$1.Element;
|
|
13342
13551
|
Close: typeof Close;
|
|
13343
13552
|
};
|
|
13344
13553
|
//#endregion
|
|
@@ -13357,7 +13566,7 @@ export declare const Breadcrumb: Component<Record<string, unknown>> & {
|
|
|
13357
13566
|
* rests, the tone chooses the pigment. Ink is the solemn default; any
|
|
13358
13567
|
* action can carry the primary weight. The react package's asChild has
|
|
13359
13568
|
* no solid equivalent — compose a control around `<Button>` instead. */
|
|
13360
|
-
export interface ButtonProps extends JSX$1.
|
|
13569
|
+
export interface ButtonProps extends JSX$1.ButtonHTMLAttributes<HTMLButtonElement> {
|
|
13361
13570
|
variant?: "solid" | "outline" | "ghost" | "subtle";
|
|
13362
13571
|
tone?: "ink" | "info" | "success" | "warning" | "danger";
|
|
13363
13572
|
size?: "sm" | "md" | "lg";
|
|
@@ -13366,8 +13575,30 @@ export interface ButtonProps extends JSX$1.HTMLAttributes<HTMLButtonElement> {
|
|
|
13366
13575
|
}
|
|
13367
13576
|
export declare function Button(props: ButtonProps): JSX$1.Element;
|
|
13368
13577
|
//#endregion
|
|
13578
|
+
//#region src/components/button-group/index.d.ts
|
|
13579
|
+
export interface ButtonGroupProps extends JSX$1.HTMLAttributes<HTMLDivElement> {
|
|
13580
|
+
/** The seam runs across the group (default) or down it. */
|
|
13581
|
+
orientation?: "horizontal" | "vertical";
|
|
13582
|
+
/** One register for every member: falls onto data-size for the
|
|
13583
|
+
* stylesheet to retune the buttons' heights. */
|
|
13584
|
+
size?: "sm" | "md" | "lg";
|
|
13585
|
+
/** The members' corner register: retunes --bs-radius-control for the
|
|
13586
|
+
* whole fused shape — edges and trimmed seams keep one story. */
|
|
13587
|
+
radius?: "sm" | "md" | "lg" | "xl" | "2xl" | "full";
|
|
13588
|
+
}
|
|
13589
|
+
/**
|
|
13590
|
+
* Buttons fused into one control: the group owns only the joinery, so
|
|
13591
|
+
* members keep every variant they were given — a solid action can sit
|
|
13592
|
+
* beside an outline one and the seam still reads. Selection belongs to
|
|
13593
|
+
* the toggle group; this is layout alone.
|
|
13594
|
+
*/
|
|
13595
|
+
export declare function ButtonGroupRoot(props: ButtonGroupProps): JSX$1.Element;
|
|
13596
|
+
export declare const ButtonGroup: typeof ButtonGroupRoot & {
|
|
13597
|
+
Root: typeof ButtonGroupRoot;
|
|
13598
|
+
};
|
|
13599
|
+
//#endregion
|
|
13369
13600
|
//#region src/components/calendar/index.d.ts
|
|
13370
|
-
export interface CalendarProps extends JSX.HTMLAttributes<HTMLDivElement> {
|
|
13601
|
+
export interface CalendarProps extends JSX$1.HTMLAttributes<HTMLDivElement> {
|
|
13371
13602
|
/** Selected date(s) — an array, as the machine speaks in ranges. */
|
|
13372
13603
|
value?: DatePickerRootProps["value"];
|
|
13373
13604
|
min?: DatePickerRootProps["min"];
|
|
@@ -13379,7 +13610,7 @@ export interface CalendarProps extends JSX.HTMLAttributes<HTMLDivElement> {
|
|
|
13379
13610
|
* title zooms out through month and year grids; the grids themselves
|
|
13380
13611
|
* are the shared machinery — value, range selection, and focus ride
|
|
13381
13612
|
* Ark's own contract. */
|
|
13382
|
-
export declare function Calendar(props: CalendarProps):
|
|
13613
|
+
export declare function Calendar(props: CalendarProps): JSX$1.Element;
|
|
13383
13614
|
//#endregion
|
|
13384
13615
|
//#region src/components/card/index.d.ts
|
|
13385
13616
|
declare const Card$1: Component<Record<string, unknown>> & {
|
|
@@ -13399,6 +13630,34 @@ declare const Card$1: Component<Record<string, unknown>> & {
|
|
|
13399
13630
|
* Indicator, AutoplayTrigger, ProgressText. */
|
|
13400
13631
|
export declare const Carousel: typeof Carousel$1;
|
|
13401
13632
|
//#endregion
|
|
13633
|
+
//#region src/components/cascade-select/index.d.ts
|
|
13634
|
+
export interface CascadeSelectNode {
|
|
13635
|
+
label: string;
|
|
13636
|
+
value: string;
|
|
13637
|
+
children?: CascadeSelectNode[];
|
|
13638
|
+
disabled?: boolean;
|
|
13639
|
+
}
|
|
13640
|
+
export interface CascadeSelectProps extends JSX$1.HTMLAttributes<HTMLDivElement> {
|
|
13641
|
+
value?: string[][];
|
|
13642
|
+
data: CascadeSelectNode[];
|
|
13643
|
+
placeholder?: string;
|
|
13644
|
+
highlightTrigger?: "click" | "hover";
|
|
13645
|
+
filterable?: boolean;
|
|
13646
|
+
multiple?: boolean;
|
|
13647
|
+
disabled?: boolean;
|
|
13648
|
+
onValueChange?: (value: string[][]) => void;
|
|
13649
|
+
}
|
|
13650
|
+
/**
|
|
13651
|
+
* A corridor of linked columns: pick a branch and the next column
|
|
13652
|
+
* dissolves open beside it, until a leaf click settles the whole path.
|
|
13653
|
+
* `value` is the selected path (or paths, when `multiple`) — the
|
|
13654
|
+
* joined labels ride the trigger. `highlightTrigger: "hover"` turns the
|
|
13655
|
+
* classic cascading menu: pointing is enough to unfold. `filterable`
|
|
13656
|
+
* swaps the corridor for a flat list of matching paths while a query
|
|
13657
|
+
* runs — each hit still reads as its full route.
|
|
13658
|
+
*/
|
|
13659
|
+
export declare function CascadeSelect(props: CascadeSelectProps): JSX$1.Element;
|
|
13660
|
+
//#endregion
|
|
13402
13661
|
//#region src/components/checkbox/index.d.ts
|
|
13403
13662
|
/** Ark's Checkbox, dressed in the paper-and-ink system: a square-cut seal
|
|
13404
13663
|
* that fills flat with primary ink when ticked, the mark springing into
|
|
@@ -13406,6 +13665,30 @@ export declare const Carousel: typeof Carousel$1;
|
|
|
13406
13665
|
* HiddenInput. */
|
|
13407
13666
|
export declare const Checkbox: typeof Checkbox$1;
|
|
13408
13667
|
//#endregion
|
|
13668
|
+
//#region src/components/checkbox-group/index.d.ts
|
|
13669
|
+
export interface CheckboxOption {
|
|
13670
|
+
label: string;
|
|
13671
|
+
value: string;
|
|
13672
|
+
disabled?: boolean;
|
|
13673
|
+
}
|
|
13674
|
+
export interface CheckboxGroupProps extends JSX$1.HTMLAttributes<HTMLDivElement> {
|
|
13675
|
+
value?: string[];
|
|
13676
|
+
options: CheckboxOption[];
|
|
13677
|
+
layout?: "vertical" | "horizontal";
|
|
13678
|
+
invalid?: boolean;
|
|
13679
|
+
disabled?: boolean;
|
|
13680
|
+
onValueChange?: (value: string[]) => void;
|
|
13681
|
+
}
|
|
13682
|
+
/**
|
|
13683
|
+
* One question, many answers: a labelled stack (or row) of the seal-cut
|
|
13684
|
+
* checkboxes bound to a single array. Toggling a box adds or removes its
|
|
13685
|
+
* value; the group itself is semantics (`role="group"`), the boxes stay
|
|
13686
|
+
* the machine-driven originals. Inside a `Field.Root` the group picks up
|
|
13687
|
+
* the field context, so the invalid and disabled states a Form routes to
|
|
13688
|
+
* its name dress every box at once.
|
|
13689
|
+
*/
|
|
13690
|
+
export declare function CheckboxGroup(props: CheckboxGroupProps): JSX$1.Element;
|
|
13691
|
+
//#endregion
|
|
13409
13692
|
//#region src/components/chip/index.d.ts
|
|
13410
13693
|
/** A counting coin: the numeric value, capped at `max` with an ellipsis
|
|
13411
13694
|
* of the remainder ("99+"). */
|
|
@@ -13449,6 +13732,117 @@ export declare const ColorPicker: typeof ColorPicker$1;
|
|
|
13449
13732
|
* Item, ItemText, ItemIndicator, ItemGroup, ItemGroupLabel. */
|
|
13450
13733
|
export declare const Combobox: typeof Combobox$1;
|
|
13451
13734
|
//#endregion
|
|
13735
|
+
//#region src/components/command/index.d.ts
|
|
13736
|
+
export interface CommandEntry {
|
|
13737
|
+
label: string;
|
|
13738
|
+
value: string;
|
|
13739
|
+
/** Entries sharing a group are listed under one heading. */
|
|
13740
|
+
group?: string;
|
|
13741
|
+
/** A short affordance note, set as a keycap at the row's end. */
|
|
13742
|
+
hint?: string;
|
|
13743
|
+
}
|
|
13744
|
+
export interface CommandProps {
|
|
13745
|
+
/** The commands on offer, grouped as they arrive. */
|
|
13746
|
+
items?: CommandEntry[];
|
|
13747
|
+
placeholder?: string;
|
|
13748
|
+
/** Whether the palette is up. Supply it to control the palette;
|
|
13749
|
+
* changes are reported through `onOpenChange`. */
|
|
13750
|
+
open?: boolean;
|
|
13751
|
+
/** Whether the shell narrows `items` as the reader types. Turn it off
|
|
13752
|
+
* when the caller owns the searching — a ranked engine or a remote
|
|
13753
|
+
* source — and hands down the already-narrowed list. */
|
|
13754
|
+
autoFilter?: boolean;
|
|
13755
|
+
/** The field's text under the caller's control; changes are reported
|
|
13756
|
+
* through `onInputValueChange`. */
|
|
13757
|
+
inputValue?: string;
|
|
13758
|
+
/** What the list whispers when nothing matches. */
|
|
13759
|
+
emptyText?: string;
|
|
13760
|
+
/** Called with the chosen entry's `value`; the palette closes after. */
|
|
13761
|
+
onSelect?: (value: string) => void;
|
|
13762
|
+
/** The palette's openness changed. */
|
|
13763
|
+
onOpenChange?: (open: boolean) => void;
|
|
13764
|
+
/** The field's text changed. */
|
|
13765
|
+
onInputValueChange?: (value: string) => void;
|
|
13766
|
+
}
|
|
13767
|
+
/**
|
|
13768
|
+
* The command palette: a modal sheet at the top of the page carrying a
|
|
13769
|
+
* search field over the caller's commands, grouped as a ledger with a
|
|
13770
|
+
* keycap hint at each row. The shell is the dialog machinery — scrim,
|
|
13771
|
+
* focus trap, Escape — and the searching is the combobox machinery
|
|
13772
|
+
* driving our own list: the vessel and the list live inside the sheet,
|
|
13773
|
+
* so the combobox renders no separate popup and the machine's content
|
|
13774
|
+
* grafts onto the sheet's list.
|
|
13775
|
+
*/
|
|
13776
|
+
export declare function Command(props: CommandProps): import("solid-js").JSX.Element;
|
|
13777
|
+
//#endregion
|
|
13778
|
+
//#region src/components/comment/index.d.ts
|
|
13779
|
+
export interface CommentProps extends JSX$1.HTMLAttributes<HTMLElement> {
|
|
13780
|
+
author?: string;
|
|
13781
|
+
datetime?: string;
|
|
13782
|
+
/** The portrait hanging to the left of the body. */
|
|
13783
|
+
avatar?: JSX$1.Element;
|
|
13784
|
+
/** The row of answers beneath the ink. */
|
|
13785
|
+
actions?: JSX$1.Element;
|
|
13786
|
+
}
|
|
13787
|
+
/**
|
|
13788
|
+
* A voice on the record: the portrait hangs left (the `avatar` prop),
|
|
13789
|
+
* the body carries the byline from `author` and `datetime`, the ink is
|
|
13790
|
+
* the children, and `actions` is the row of answers.
|
|
13791
|
+
*/
|
|
13792
|
+
export declare function Comment(props: CommentProps): JSX$1.Element;
|
|
13793
|
+
//#endregion
|
|
13794
|
+
//#region src/components/config-provider/index.d.ts
|
|
13795
|
+
/** The four density tiers the token layer's `[data-density]` selectors
|
|
13796
|
+
* name — whitespace and control heights compress, readability never
|
|
13797
|
+
* does. */
|
|
13798
|
+
export type ConfigDensity = "compact" | "default" | "comfortable" | "spacious";
|
|
13799
|
+
/** The configuration a provider lays over its subtree. Every field is
|
|
13800
|
+
* optional: an absent field changes nothing, and the page's own
|
|
13801
|
+
* attributes keep ruling. */
|
|
13802
|
+
export interface ConfigContext {
|
|
13803
|
+
density?: ConfigDensity;
|
|
13804
|
+
/** A mineral pigment theme (qinghua, celadon, zhusha, …) landing as
|
|
13805
|
+
* `[data-accent]` on the host element. */
|
|
13806
|
+
accent?: string;
|
|
13807
|
+
/** Writing direction, landing as the native `dir` attribute. */
|
|
13808
|
+
dir?: "ltr" | "rtl";
|
|
13809
|
+
/** BCP-47 locale, landing as the native `lang` attribute. */
|
|
13810
|
+
locale?: string;
|
|
13811
|
+
}
|
|
13812
|
+
/** Solid context for the provider's snapshot — a custom part reads it
|
|
13813
|
+
* with `useContext(ConfigContextKey)`. */
|
|
13814
|
+
export declare const ConfigContextKey: import("solid-js").Context<() => ConfigContext>;
|
|
13815
|
+
/** The nearest provider's snapshot, or an empty one when no provider
|
|
13816
|
+
* wraps the caller — the hook the date and format families will consume
|
|
13817
|
+
* to localize their output. */
|
|
13818
|
+
export declare function useConfig(): () => ConfigContext;
|
|
13819
|
+
export interface ConfigProviderProps extends JSX$1.HTMLAttributes<HTMLDivElement> {
|
|
13820
|
+
density?: ConfigDensity;
|
|
13821
|
+
accent?: string;
|
|
13822
|
+
dir?: "ltr" | "rtl";
|
|
13823
|
+
locale?: string;
|
|
13824
|
+
}
|
|
13825
|
+
/**
|
|
13826
|
+
* The declarative host for global configuration: one element that both
|
|
13827
|
+
* carries the token layer's attributes — `[data-density]` and
|
|
13828
|
+
* `[data-accent]` fire on any element — and provides the same values to
|
|
13829
|
+
* descendants through `useConfig`, so interactive behavior (formatting,
|
|
13830
|
+
* messages) and visual theming stay one decision.
|
|
13831
|
+
*/
|
|
13832
|
+
export declare function ConfigProvider(props: ConfigProviderProps): JSX$1.Element;
|
|
13833
|
+
//#endregion
|
|
13834
|
+
//#region src/components/container/index.d.ts
|
|
13835
|
+
/** The reading frame: content held to a measure and centered on the
|
|
13836
|
+
* page. The sizes name typographic measures, not breakpoints — the page
|
|
13837
|
+
* owns its edges, the container only owns how long a line of ink runs. */
|
|
13838
|
+
export interface ContainerProps extends JSX$1.HTMLAttributes<HTMLDivElement> {
|
|
13839
|
+
size?: "narrow" | "readable" | "wide" | "full";
|
|
13840
|
+
/** Keep the ink off the page edges when the viewport runs narrower
|
|
13841
|
+
* than the measure. */
|
|
13842
|
+
padding?: boolean;
|
|
13843
|
+
}
|
|
13844
|
+
export declare function Container(props: ContainerProps): JSX$1.Element;
|
|
13845
|
+
//#endregion
|
|
13452
13846
|
//#region src/components/date-input/index.d.ts
|
|
13453
13847
|
/** Ark's DateInput, dressed in the paper-and-ink system: a segmented
|
|
13454
13848
|
* field where the focused segment takes the flat ink fill. The API is
|
|
@@ -13465,6 +13859,23 @@ export declare const DateInput: typeof DateInput$1;
|
|
|
13465
13859
|
* NextTrigger, Table*, MonthSelect, YearSelect, PresetTrigger. */
|
|
13466
13860
|
export declare const DatePicker: typeof DatePicker$1;
|
|
13467
13861
|
//#endregion
|
|
13862
|
+
//#region src/components/descriptions/index.d.ts
|
|
13863
|
+
/**
|
|
13864
|
+
* A ledger laid flat: term and detail pairs in one quiet grid. The
|
|
13865
|
+
* horizontal layout reads as a table of two columns; the vertical one
|
|
13866
|
+
* stacks each pair for narrow measures.
|
|
13867
|
+
*/
|
|
13868
|
+
export interface DescriptionsRootProps extends JSX$1.HTMLAttributes<HTMLDListElement> {
|
|
13869
|
+
layout?: "horizontal" | "vertical";
|
|
13870
|
+
}
|
|
13871
|
+
declare function Root$2(props: DescriptionsRootProps): JSX$1.Element;
|
|
13872
|
+
export declare const Descriptions: typeof Root$2 & {
|
|
13873
|
+
Root: typeof Root$2;
|
|
13874
|
+
Item: (props: JSX$1.HTMLAttributes<HTMLDivElement>) => JSX$1.Element;
|
|
13875
|
+
Term: (props: JSX$1.HTMLAttributes<HTMLDivElement>) => JSX$1.Element;
|
|
13876
|
+
Detail: (props: JSX$1.HTMLAttributes<HTMLDivElement>) => JSX$1.Element;
|
|
13877
|
+
};
|
|
13878
|
+
//#endregion
|
|
13468
13879
|
//#region src/components/dialog/index.d.ts
|
|
13469
13880
|
/** Ark's Dialog, dressed in the paper-and-ink system: the sheet dissolves
|
|
13470
13881
|
* in on elevation, the backdrop fades, and nested overlays stack through
|
|
@@ -13480,6 +13891,33 @@ export declare const Dialog: typeof Dialog$1;
|
|
|
13480
13891
|
* Description, CloseTrigger, SwipeArea. */
|
|
13481
13892
|
export declare const Drawer: typeof Drawer$1;
|
|
13482
13893
|
//#endregion
|
|
13894
|
+
//#region src/components/dynamic-input/index.d.ts
|
|
13895
|
+
export interface DynamicInputProps extends JSX$1.HTMLAttributes<HTMLDivElement> {
|
|
13896
|
+
/** The rows' values; the group renders one Input per entry. */
|
|
13897
|
+
value?: string[];
|
|
13898
|
+
/** The fewest rows the group keeps; the remove seals yield first. */
|
|
13899
|
+
min?: number;
|
|
13900
|
+
/** The most rows the group grows to; the add control yields then. */
|
|
13901
|
+
max?: number;
|
|
13902
|
+
placeholder?: string;
|
|
13903
|
+
/** The add control's visible words. */
|
|
13904
|
+
addLabel?: string;
|
|
13905
|
+
disabled?: boolean;
|
|
13906
|
+
invalid?: boolean;
|
|
13907
|
+
/** Every edit emits a fresh array; the caller's array stays the only
|
|
13908
|
+
* truth. */
|
|
13909
|
+
onValueChange?: (value: string[]) => void;
|
|
13910
|
+
}
|
|
13911
|
+
/**
|
|
13912
|
+
* A column of entry rows: one Input per line, each with a quiet remove
|
|
13913
|
+
* seal, and an add row at the tail. The list is controlled — every edit
|
|
13914
|
+
* calls `onValueChange` with a fresh array and the caller's array stays
|
|
13915
|
+
* the only truth. Deleting never drops below `min`, adding never grows
|
|
13916
|
+
* past `max`, and the group always keeps one row: an entry list that
|
|
13917
|
+
* emptied itself would leave the reader no place to type.
|
|
13918
|
+
*/
|
|
13919
|
+
export declare function DynamicInput(props: DynamicInputProps): JSX$1.Element;
|
|
13920
|
+
//#endregion
|
|
13483
13921
|
//#region src/components/editable/index.d.ts
|
|
13484
13922
|
/** Ark's Editable, dressed in the paper-and-ink system: bare ink while
|
|
13485
13923
|
* reading, the full field recipe while editing. The API is Ark's own —
|
|
@@ -13487,6 +13925,15 @@ export declare const Drawer: typeof Drawer$1;
|
|
|
13487
13925
|
* CancelTrigger, Control. */
|
|
13488
13926
|
export declare const Editable: typeof Editable$1;
|
|
13489
13927
|
//#endregion
|
|
13928
|
+
//#region src/components/ellipsis/index.d.ts
|
|
13929
|
+
/** The overflow knife: text cut at one line, or held to N lines. The
|
|
13930
|
+
* primitive only draws the cut — reaching the full text (title,
|
|
13931
|
+
* tooltip) stays the consumer's decision. */
|
|
13932
|
+
export interface EllipsisProps extends JSX$1.HTMLAttributes<HTMLSpanElement> {
|
|
13933
|
+
lines?: number;
|
|
13934
|
+
}
|
|
13935
|
+
export declare function Ellipsis(props: EllipsisProps): JSX$1.Element;
|
|
13936
|
+
//#endregion
|
|
13490
13937
|
//#region src/components/empty/index.d.ts
|
|
13491
13938
|
export declare const Empty: Component<Record<string, unknown>> & {
|
|
13492
13939
|
Root: Component<Record<string, unknown>>;
|
|
@@ -13518,6 +13965,60 @@ export declare const Fieldset: typeof Fieldset$1;
|
|
|
13518
13965
|
* Context. */
|
|
13519
13966
|
export declare const FileUpload: typeof FileUpload$1;
|
|
13520
13967
|
//#endregion
|
|
13968
|
+
//#region src/components/float-button/index.d.ts
|
|
13969
|
+
export type FloatButtonPlacement = "bottom-end" | "bottom-start" | "top-end" | "top-start";
|
|
13970
|
+
/** The group's openness, shared from the mooring to its parts. */
|
|
13971
|
+
export interface FloatButtonContext {
|
|
13972
|
+
open: () => boolean;
|
|
13973
|
+
toggle: () => void;
|
|
13974
|
+
/** Folds the fan — an Item calls this once its action fires, the way
|
|
13975
|
+
* a speed dial closes after a choice. */
|
|
13976
|
+
close: () => void;
|
|
13977
|
+
}
|
|
13978
|
+
/** Solid context for {@link FloatButtonContext}, exported so a custom
|
|
13979
|
+
* part can read the group's state with `useContext`. */
|
|
13980
|
+
export declare const FloatButtonContextKey: import("solid-js").Context<FloatButtonContext | undefined>;
|
|
13981
|
+
export interface FloatButtonRootProps extends JSX$1.HTMLAttributes<HTMLDivElement> {
|
|
13982
|
+
/** Controlled openness: leave unset to let the group hold its own
|
|
13983
|
+
* state; while set, the Trigger reports back through
|
|
13984
|
+
* `onOpenChange`. */
|
|
13985
|
+
open?: boolean;
|
|
13986
|
+
/** Which corner the group moors at. */
|
|
13987
|
+
placement?: FloatButtonPlacement;
|
|
13988
|
+
/** The openness changed — from the Trigger, or an Item folding the
|
|
13989
|
+
* fan. */
|
|
13990
|
+
onOpenChange?: (open: boolean) => void;
|
|
13991
|
+
}
|
|
13992
|
+
/**
|
|
13993
|
+
* A floating action and its fanned-out alternatives — FAB and speed
|
|
13994
|
+
* dial in one family. The Root moors the group at a page corner and
|
|
13995
|
+
* holds the openness (mirrored from `open` when controlled); the
|
|
13996
|
+
* Trigger flips it; each Item is a round action with its name surfacing
|
|
13997
|
+
* beside it while the group is open. The buttons are the shared recipe
|
|
13998
|
+
* (vessels here: round); this family owns only the mooring, the fan
|
|
13999
|
+
* and the fold.
|
|
14000
|
+
*/
|
|
14001
|
+
declare function FloatButtonRoot(props: FloatButtonRootProps): JSX$1.Element;
|
|
14002
|
+
export interface FloatButtonTriggerProps extends JSX$1.HTMLAttributes<HTMLButtonElement> {
|
|
14003
|
+
/** The accessible name; the control is icon-only. */
|
|
14004
|
+
label?: string;
|
|
14005
|
+
}
|
|
14006
|
+
declare function FloatButtonTrigger(props: FloatButtonTriggerProps): JSX$1.Element;
|
|
14007
|
+
export interface FloatButtonItemProps extends Omit<JSX$1.HTMLAttributes<HTMLDivElement>, "onClick"> {
|
|
14008
|
+
/** The action's name: the button's accessible name and the
|
|
14009
|
+
* annotation surfaced beside it while the group is open. */
|
|
14010
|
+
label: string;
|
|
14011
|
+
disabled?: boolean;
|
|
14012
|
+
/** The action fired — the fan folds right after. */
|
|
14013
|
+
onClick?: (event: MouseEvent) => void;
|
|
14014
|
+
}
|
|
14015
|
+
declare function FloatButtonItem(props: FloatButtonItemProps): JSX$1.Element;
|
|
14016
|
+
export declare const FloatButton: typeof FloatButtonRoot & {
|
|
14017
|
+
Root: typeof FloatButtonRoot;
|
|
14018
|
+
Trigger: typeof FloatButtonTrigger;
|
|
14019
|
+
Item: typeof FloatButtonItem;
|
|
14020
|
+
};
|
|
14021
|
+
//#endregion
|
|
13521
14022
|
//#region src/components/floating-panel/index.d.ts
|
|
13522
14023
|
/** Ark's FloatingPanel, dressed in the paper-and-ink system: the shared
|
|
13523
14024
|
* popup vessel let loose — a draggable, resizable sheet whose header is the
|
|
@@ -13534,6 +14035,80 @@ export declare const FloatingPanel: typeof FloatingPanel$1;
|
|
|
13534
14035
|
* Byte, Time, RelativeTime. */
|
|
13535
14036
|
export declare const Format: typeof Format$1;
|
|
13536
14037
|
//#endregion
|
|
14038
|
+
//#region src/components/form/index.d.ts
|
|
14039
|
+
/** The one error a field can carry: where it lives in the form state
|
|
14040
|
+
* (dot notation for nested objects, indexes for arrays) and what went
|
|
14041
|
+
* wrong. */
|
|
14042
|
+
export interface FormError {
|
|
14043
|
+
name: string;
|
|
14044
|
+
message: string;
|
|
14045
|
+
}
|
|
14046
|
+
/** The Standard Schema surface this package understands — the slice
|
|
14047
|
+
* valibot, zod, arktype and friends all expose. Declared structurally
|
|
14048
|
+
* so no spec package becomes a dependency. */
|
|
14049
|
+
export interface StandardSchema<Input = unknown> {
|
|
14050
|
+
readonly "~standard": {
|
|
14051
|
+
readonly validate: (value: Input) => Promise<ValidateResult> | ValidateResult;
|
|
14052
|
+
};
|
|
14053
|
+
}
|
|
14054
|
+
interface ValidateResult {
|
|
14055
|
+
readonly value?: unknown;
|
|
14056
|
+
readonly issues?: ReadonlyArray<{
|
|
14057
|
+
readonly message: string;
|
|
14058
|
+
readonly path?: ReadonlyArray<PropertyKey | {
|
|
14059
|
+
readonly key: PropertyKey;
|
|
14060
|
+
}>;
|
|
14061
|
+
}>;
|
|
14062
|
+
}
|
|
14063
|
+
export type FormInputEvent = "input" | "change" | "blur";
|
|
14064
|
+
/** The imperative handle the `ref` callback receives: run the
|
|
14065
|
+
* validation, clear errors (all of them or by name), and set or read
|
|
14066
|
+
* them directly. */
|
|
14067
|
+
export interface FormApi {
|
|
14068
|
+
validate: () => Promise<Map<string, string>>;
|
|
14069
|
+
clear: (name?: string | RegExp) => void;
|
|
14070
|
+
setErrors: (errors: FormError[]) => void;
|
|
14071
|
+
getErrors: (name?: string | RegExp) => FormError[];
|
|
14072
|
+
errors: () => Map<string, string>;
|
|
14073
|
+
}
|
|
14074
|
+
export interface FormProps extends Omit<JSX$1.FormHTMLAttributes<HTMLFormElement>, "onSubmit" | "onError" | "ref"> {
|
|
14075
|
+
state: Record<string, unknown>;
|
|
14076
|
+
schema?: StandardSchema;
|
|
14077
|
+
validate?: (state: Record<string, unknown>) => FormError[] | Promise<FormError[]>;
|
|
14078
|
+
validateOn?: FormInputEvent[];
|
|
14079
|
+
disabled?: boolean;
|
|
14080
|
+
onSubmit?: (state: Record<string, unknown>) => void;
|
|
14081
|
+
onError?: (errors: FormError[]) => void;
|
|
14082
|
+
/** The imperative handle — set/clear/read errors from outside. */
|
|
14083
|
+
ref?: (api: FormApi) => void;
|
|
14084
|
+
}
|
|
14085
|
+
/**
|
|
14086
|
+
* The validation scheduler: one reactive error map, a submit that
|
|
14087
|
+
* validates before it emits, live re-validation on the events the
|
|
14088
|
+
* `validateOn` prop names, and the imperative handle. The schema is any
|
|
14089
|
+
* Standard Schema (valibot, zod, arktype, …) — none are bundled; a
|
|
14090
|
+
* `validate` function composes with it for the cases schemas can't
|
|
14091
|
+
* express. Errors reach their field by name, through FormField.
|
|
14092
|
+
*/
|
|
14093
|
+
export declare function Form(props: FormProps): JSX$1.Element;
|
|
14094
|
+
export interface FormFieldProps extends JSX$1.HTMLAttributes<HTMLDivElement> {
|
|
14095
|
+
name?: string;
|
|
14096
|
+
label?: string;
|
|
14097
|
+
hint?: string;
|
|
14098
|
+
required?: boolean;
|
|
14099
|
+
invalid?: boolean;
|
|
14100
|
+
disabled?: boolean;
|
|
14101
|
+
}
|
|
14102
|
+
/**
|
|
14103
|
+
* The named slot in the grid: label, control, hint — and the error the
|
|
14104
|
+
* Form routed to this name, shown through the same parts the standalone
|
|
14105
|
+
* Field family styles. The Ark field context runs underneath, so our
|
|
14106
|
+
* Input and Textarea pick up the label wiring and the invalid state
|
|
14107
|
+
* without knowing the Form exists. Without a Form above it degrades to
|
|
14108
|
+
* a plain labelled field.
|
|
14109
|
+
*/
|
|
14110
|
+
export declare function FormField(props: FormFieldProps): JSX$1.Element;
|
|
14111
|
+
//#endregion
|
|
13537
14112
|
//#region src/components/frame/index.d.ts
|
|
13538
14113
|
/** Ark's Frame, dressed in the paper-and-ink system: a sandboxed
|
|
13539
14114
|
* iframe whose body mounts the children and whose `head` prop
|
|
@@ -13544,6 +14119,18 @@ export declare const Format: typeof Format$1;
|
|
|
13544
14119
|
* core stylesheet to hook. The API is Ark's own. */
|
|
13545
14120
|
export declare const Frame: (props: import("@ark-ui/solid/frame").FrameProps) => import("solid-js").JSX.Element;
|
|
13546
14121
|
//#endregion
|
|
14122
|
+
//#region src/components/grid/index.d.ts
|
|
14123
|
+
/** An alignment lattice: tracks of equal measure, sized by column count
|
|
14124
|
+
* — or, with `minChildWidth`, as many tracks as the container fits. */
|
|
14125
|
+
export interface GridProps extends JSX$1.HTMLAttributes<HTMLDivElement> {
|
|
14126
|
+
columns?: number;
|
|
14127
|
+
gap?: "none" | "xs" | "sm" | "md" | "lg" | "xl";
|
|
14128
|
+
/** Switch to the auto-fill lattice: each track is at least this wide,
|
|
14129
|
+
* and the container decides how many fit. */
|
|
14130
|
+
minChildWidth?: string;
|
|
14131
|
+
}
|
|
14132
|
+
export declare function Grid(props: GridProps): JSX$1.Element;
|
|
14133
|
+
//#endregion
|
|
13547
14134
|
//#region src/components/highlight/index.d.ts
|
|
13548
14135
|
/** Ark's Highlight, dressed in the paper-and-ink system: query hits are
|
|
13549
14136
|
* strokes of pigment on the page — a quiet tint of the accent behind the
|
|
@@ -13557,6 +14144,36 @@ export declare const Highlight: (props: import("@ark-ui/solid/highlight").Highli
|
|
|
13557
14144
|
* API is Ark's own — Root, Trigger, Positioner, Content, Arrow, ArrowTip. */
|
|
13558
14145
|
export declare const HoverCard: typeof HoverCard$1;
|
|
13559
14146
|
//#endregion
|
|
14147
|
+
//#region src/components/icon/index.d.ts
|
|
14148
|
+
/** The inkwell: a standard box that keeps any inline svg at its optical
|
|
14149
|
+
* measure and in the text's own ink — the icon carries no pigment and no
|
|
14150
|
+
* size of its own. Bring the glyph; it ships no set. */
|
|
14151
|
+
export interface IconProps extends JSX$1.HTMLAttributes<HTMLSpanElement> {
|
|
14152
|
+
/** Size steps follow the surrounding font size; `inherit` is the
|
|
14153
|
+
* default — one em of the text the icon sits in. */
|
|
14154
|
+
size?: "inherit" | "sm" | "md" | "lg";
|
|
14155
|
+
/** The accessible name. Without it the icon is presentation-only and
|
|
14156
|
+
* hidden from the accessibility tree. */
|
|
14157
|
+
label?: string;
|
|
14158
|
+
}
|
|
14159
|
+
export declare function Icon(props: IconProps): JSX$1.Element;
|
|
14160
|
+
//#endregion
|
|
14161
|
+
//#region src/components/image/index.d.ts
|
|
14162
|
+
/** A framed picture: while the source loads, the frame keeps the
|
|
14163
|
+
* skeleton's breath; the picture dissolves in when it lands; a broken
|
|
14164
|
+
* source leaves the `fallback` prop — or the placeholder glyph when the
|
|
14165
|
+
* caller has nothing local to say. The frame's size is the consumer's
|
|
14166
|
+
* to give. */
|
|
14167
|
+
export interface ImageProps extends JSX$1.HTMLAttributes<HTMLElement> {
|
|
14168
|
+
src: string;
|
|
14169
|
+
alt?: string;
|
|
14170
|
+
fit?: "cover" | "contain" | "fill" | "none";
|
|
14171
|
+
loading?: "lazy" | "eager";
|
|
14172
|
+
/** What a broken source leaves instead of the picture. */
|
|
14173
|
+
fallback?: JSX$1.Element;
|
|
14174
|
+
}
|
|
14175
|
+
export declare function Image(props: ImageProps): JSX$1.Element;
|
|
14176
|
+
//#endregion
|
|
13560
14177
|
//#region src/components/image-cropper/index.d.ts
|
|
13561
14178
|
/** Ark's ImageCropper, dressed in the paper-and-ink system: a rounded vessel
|
|
13562
14179
|
* holding the photograph, one lit selection window framed by light hairlines.
|
|
@@ -13564,6 +14181,56 @@ export declare const HoverCard: typeof HoverCard$1;
|
|
|
13564
14181
|
* Context. */
|
|
13565
14182
|
export declare const ImageCropper: typeof ImageCropper$1;
|
|
13566
14183
|
//#endregion
|
|
14184
|
+
//#region src/components/image-viewer/index.d.ts
|
|
14185
|
+
/**
|
|
14186
|
+
* A lightbox: the picture over a dimmed page, with a small toolbar
|
|
14187
|
+
* beneath it. Zoom is the reader's hand (half to three times, clamped),
|
|
14188
|
+
* a quarter turn at a time rotates, Escape and the scrim close — the
|
|
14189
|
+
* dialog machine carries the modal part. `open` may stay with the
|
|
14190
|
+
* caller; left undefined the viewer keeps it to itself.
|
|
14191
|
+
*/
|
|
14192
|
+
export interface ImageViewerProps {
|
|
14193
|
+
src: string;
|
|
14194
|
+
alt?: string;
|
|
14195
|
+
open?: boolean;
|
|
14196
|
+
zoomable?: boolean;
|
|
14197
|
+
/** The openness changed — from the scrim, Escape or the toolbar. */
|
|
14198
|
+
onOpenChange?: (open: boolean) => void;
|
|
14199
|
+
}
|
|
14200
|
+
export declare function ImageViewer(props: ImageViewerProps): JSX$1.Element;
|
|
14201
|
+
//#endregion
|
|
14202
|
+
//#region src/components/input/index.d.ts
|
|
14203
|
+
export interface InputProps extends JSX$1.InputHTMLAttributes<HTMLInputElement> {
|
|
14204
|
+
value?: string | number;
|
|
14205
|
+
onValueChange?: (value: string) => void;
|
|
14206
|
+
size?: "sm" | "md" | "lg";
|
|
14207
|
+
invalid?: boolean;
|
|
14208
|
+
}
|
|
14209
|
+
/** The bare text input: the field recipe — border, surface, focus halo —
|
|
14210
|
+
* on a native control. Standing alone it styles itself from the `invalid`
|
|
14211
|
+
* prop; inside a `Field.Root` it consumes the field context, picking up
|
|
14212
|
+
* the label id, the described-by wiring and the invalid state for free,
|
|
14213
|
+
* which is also the seam the Form validation layer will drive. Disabled
|
|
14214
|
+
* rides the native attribute. */
|
|
14215
|
+
export declare function Input(props: InputProps): JSX$1.Element;
|
|
14216
|
+
//#endregion
|
|
14217
|
+
//#region src/components/input-group/index.d.ts
|
|
14218
|
+
/**
|
|
14219
|
+
* Merged controls: attachments and the entry fused into one seal. The
|
|
14220
|
+
* Root draws the single hairline and carries the group's focus halo;
|
|
14221
|
+
* the Addon is a recessed cell for the reader's fixed words — a scheme,
|
|
14222
|
+
* a unit, a quiet button — placed before or after the entry. Put our
|
|
14223
|
+
* Input (or Textarea) inside and its own border and halo step aside in
|
|
14224
|
+
* favor of the group's; the stylesheet does the merging, the wrapper
|
|
14225
|
+
* adds no visuals of its own.
|
|
14226
|
+
*/
|
|
14227
|
+
declare function InputGroupRoot(props: JSX$1.HTMLAttributes<HTMLDivElement>): JSX$1.Element;
|
|
14228
|
+
declare function InputGroupAddon(props: JSX$1.HTMLAttributes<HTMLDivElement>): JSX$1.Element;
|
|
14229
|
+
export declare const InputGroup: typeof InputGroupRoot & {
|
|
14230
|
+
Root: typeof InputGroupRoot;
|
|
14231
|
+
Addon: typeof InputGroupAddon;
|
|
14232
|
+
};
|
|
14233
|
+
//#endregion
|
|
13567
14234
|
//#region src/components/json-tree-view/index.d.ts
|
|
13568
14235
|
/** Ark's JsonTreeView, dressed in the paper-and-ink system: the tree-view
|
|
13569
14236
|
* recipes re-scoped, with value nodes reading as tabular data. The API is
|
|
@@ -13575,6 +14242,65 @@ export declare const JsonTreeView: typeof JsonTreeView$1;
|
|
|
13575
14242
|
export type KbdProps = JSX$1.HTMLAttributes<HTMLElement>;
|
|
13576
14243
|
export declare function Kbd(props: KbdProps): JSX$1.Element;
|
|
13577
14244
|
//#endregion
|
|
14245
|
+
//#region src/components/layout/index.d.ts
|
|
14246
|
+
export interface LayoutRootProps extends JSX$1.HTMLAttributes<HTMLDivElement> {
|
|
14247
|
+
/** Declare which edge the skeleton reserves for its sider — without
|
|
14248
|
+
* it the root is a single column. */
|
|
14249
|
+
sider?: "start" | "end";
|
|
14250
|
+
}
|
|
14251
|
+
/** Which edge the enclosing root reserves for its rail — shared so the
|
|
14252
|
+
* sider's resize handle knows which way the hand pulls. */
|
|
14253
|
+
export interface LayoutContextValue {
|
|
14254
|
+
siderPlacement: () => "start" | "end" | undefined;
|
|
14255
|
+
}
|
|
14256
|
+
/**
|
|
14257
|
+
* The application skeleton: Root, Header, Sider, Content, Footer —
|
|
14258
|
+
* the admin arrangement dressed in the paper-and-ink surfaces. The
|
|
14259
|
+
* root is a full-height grid; a declared `sider` turns the columns
|
|
14260
|
+
* around to meet whichever edge the rail stands on.
|
|
14261
|
+
*/
|
|
14262
|
+
declare function LayoutRoot(props: LayoutRootProps): JSX$1.Element;
|
|
14263
|
+
declare function LayoutHeader(props: JSX$1.HTMLAttributes<HTMLElement>): JSX$1.Element;
|
|
14264
|
+
declare function LayoutContent(props: JSX$1.HTMLAttributes<HTMLElement>): JSX$1.Element;
|
|
14265
|
+
declare function LayoutFooter(props: JSX$1.HTMLAttributes<HTMLElement>): JSX$1.Element;
|
|
14266
|
+
export interface LayoutSiderProps extends Omit<JSX$1.HTMLAttributes<HTMLElement>, "children"> {
|
|
14267
|
+
/** The caller drives the fold; the sider mirrors it and echoes every
|
|
14268
|
+
* change back through `onCollapsedChange`. */
|
|
14269
|
+
collapsed?: boolean;
|
|
14270
|
+
/** The rail's resting inline size — a layout parameter, not a visual
|
|
14271
|
+
* token, so it rides an inline variable. */
|
|
14272
|
+
width?: string;
|
|
14273
|
+
/** The inline size when folded. */
|
|
14274
|
+
collapsedWidth?: string;
|
|
14275
|
+
/** Offer the hairline at the flow edge: the rail's width follows the
|
|
14276
|
+
* hand (and the arrow keys), clamped by `min-width`/`max-width`, and
|
|
14277
|
+
* every change rides `onWidthChange`. */
|
|
14278
|
+
resizable?: boolean;
|
|
14279
|
+
/** The rail's narrowest inline size while resizing. */
|
|
14280
|
+
minWidth?: string;
|
|
14281
|
+
/** The rail's widest inline size while resizing. */
|
|
14282
|
+
maxWidth?: string;
|
|
14283
|
+
/** The fold flipped. */
|
|
14284
|
+
onCollapsedChange?: (collapsed: boolean) => void;
|
|
14285
|
+
/** The rail's inline size changed — the hand, the arrow keys, or the
|
|
14286
|
+
* caller's own width prop moving. */
|
|
14287
|
+
onWidthChange?: (width: string) => void;
|
|
14288
|
+
/** The children, or a function of the fold state — a rail can swap
|
|
14289
|
+
* its labels for icons instead of being clipped mid-word by the
|
|
14290
|
+
* narrowing edge. */
|
|
14291
|
+
children?: JSX$1.Element | ((state: {
|
|
14292
|
+
collapsed: boolean;
|
|
14293
|
+
}) => JSX$1.Element);
|
|
14294
|
+
}
|
|
14295
|
+
declare function LayoutSider(props: LayoutSiderProps): JSX$1.Element;
|
|
14296
|
+
export declare const Layout: typeof LayoutRoot & {
|
|
14297
|
+
Root: typeof LayoutRoot;
|
|
14298
|
+
Header: typeof LayoutHeader;
|
|
14299
|
+
Sider: typeof LayoutSider;
|
|
14300
|
+
Content: typeof LayoutContent;
|
|
14301
|
+
Footer: typeof LayoutFooter;
|
|
14302
|
+
};
|
|
14303
|
+
//#endregion
|
|
13578
14304
|
//#region src/components/link/index.d.ts
|
|
13579
14305
|
export interface LinkProps extends JSX$1.AnchorHTMLAttributes<HTMLAnchorElement> {
|
|
13580
14306
|
underline?: "always" | "hover" | "none";
|
|
@@ -13584,6 +14310,31 @@ export interface LinkProps extends JSX$1.AnchorHTMLAttributes<HTMLAnchorElement>
|
|
|
13584
14310
|
* always, on hover, or never. */
|
|
13585
14311
|
export declare function Link(props: LinkProps): JSX$1.Element;
|
|
13586
14312
|
//#endregion
|
|
14313
|
+
//#region src/components/list/index.d.ts
|
|
14314
|
+
export interface ListRootProps extends JSX$1.HTMLAttributes<HTMLUListElement> {
|
|
14315
|
+
/** One hairline between rows. */
|
|
14316
|
+
bordered?: boolean;
|
|
14317
|
+
/** Every row answers the pointer with a wash. */
|
|
14318
|
+
hoverable?: boolean;
|
|
14319
|
+
}
|
|
14320
|
+
declare function Root$1(props: ListRootProps): JSX$1.Element;
|
|
14321
|
+
export interface ListContentProps extends Omit<JSX$1.HTMLAttributes<HTMLDivElement>, "title"> {
|
|
14322
|
+
/** The row's title, riding its own part above the words. */
|
|
14323
|
+
title?: JSX$1.Element;
|
|
14324
|
+
/** The quiet echo beneath the title. */
|
|
14325
|
+
description?: JSX$1.Element;
|
|
14326
|
+
}
|
|
14327
|
+
/** The row's words: `title` and `description` ride their own named
|
|
14328
|
+
* parts, the children follow them for anything else. */
|
|
14329
|
+
declare function Content(props: ListContentProps): JSX$1.Element;
|
|
14330
|
+
export declare const List: typeof Root$1 & {
|
|
14331
|
+
Root: typeof Root$1;
|
|
14332
|
+
Item: Component<JSX$1.HTMLAttributes<HTMLElement>>;
|
|
14333
|
+
Leading: Component<JSX$1.HTMLAttributes<HTMLElement>>;
|
|
14334
|
+
Content: typeof Content;
|
|
14335
|
+
Actions: Component<JSX$1.HTMLAttributes<HTMLElement>>;
|
|
14336
|
+
};
|
|
14337
|
+
//#endregion
|
|
13587
14338
|
//#region src/components/listbox/index.d.ts
|
|
13588
14339
|
/** Ark's Listbox, dressed in the paper-and-ink system: quiet rows of ink
|
|
13589
14340
|
* where the checked row alone takes the flat primary fill. The API is
|
|
@@ -13598,6 +14349,16 @@ export declare const Listbox: typeof Listbox$1;
|
|
|
13598
14349
|
* cutting off. The API is Ark's own — Root, Viewport, Content, Edge, Item. */
|
|
13599
14350
|
export declare const Marquee: typeof Marquee$1;
|
|
13600
14351
|
//#endregion
|
|
14352
|
+
//#region src/components/masonry/index.d.ts
|
|
14353
|
+
/** A wall of uneven heights: items flow down each column before
|
|
14354
|
+
* crossing to the next, so the order is column-first. A row-flow wall
|
|
14355
|
+
* would need grid masonry, which browsers do not ship yet. */
|
|
14356
|
+
export interface MasonryProps extends JSX$1.HTMLAttributes<HTMLDivElement> {
|
|
14357
|
+
columns?: number;
|
|
14358
|
+
gap?: "none" | "xs" | "sm" | "md" | "lg" | "xl";
|
|
14359
|
+
}
|
|
14360
|
+
export declare function Masonry(props: MasonryProps): JSX$1.Element;
|
|
14361
|
+
//#endregion
|
|
13601
14362
|
//#region src/components/menu/index.d.ts
|
|
13602
14363
|
/** Ark's Menu, dressed in the paper-and-ink system: a quiet paper vessel on
|
|
13603
14364
|
* elevation, hover as light on the row, checked items as the flat ink fill.
|
|
@@ -13606,8 +14367,128 @@ export declare const Marquee: typeof Marquee$1;
|
|
|
13606
14367
|
* TriggerItem, Separator, Arrow, ArrowTip. */
|
|
13607
14368
|
export declare const Menu: typeof Menu$1;
|
|
13608
14369
|
//#endregion
|
|
14370
|
+
//#region src/components/menubar/index.d.ts
|
|
14371
|
+
export interface MenubarEntry {
|
|
14372
|
+
label: string;
|
|
14373
|
+
value: string;
|
|
14374
|
+
danger?: boolean;
|
|
14375
|
+
disabled?: boolean;
|
|
14376
|
+
}
|
|
14377
|
+
export interface MenubarGroup {
|
|
14378
|
+
label: string;
|
|
14379
|
+
items: MenubarEntry[];
|
|
14380
|
+
}
|
|
14381
|
+
export interface MenubarProps extends Omit<JSX$1.HTMLAttributes<HTMLDivElement>, "onSelect"> {
|
|
14382
|
+
/** The menus across the bar, each with its entries. */
|
|
14383
|
+
items?: MenubarGroup[];
|
|
14384
|
+
/** Called with the entry's `value` when it is chosen. */
|
|
14385
|
+
onSelect?: (value: string) => void;
|
|
14386
|
+
}
|
|
14387
|
+
/**
|
|
14388
|
+
* A desktop-style menu bar: a row of quiet ghost triggers, each opening
|
|
14389
|
+
* the same paper vessel as the menu family. The triggers are our own
|
|
14390
|
+
* buttons grafted onto the menu machine's trigger via `asChild` — the
|
|
14391
|
+
* machine keeps the trigger element (positioning, focus restore,
|
|
14392
|
+
* `data-state`) while the element wears the menubar scope. The popups
|
|
14393
|
+
* keep the menu parts untouched, so the menu stylesheet dresses them.
|
|
14394
|
+
*
|
|
14395
|
+
* Keyboard note: the triggers move between each other with Tab, not
|
|
14396
|
+
* arrow keys — cross-menu arrow traversal is out of scope for this
|
|
14397
|
+
* version. Inside an open menu the machine handles arrows and Escape.
|
|
14398
|
+
*/
|
|
14399
|
+
export declare function Menubar(props: MenubarProps): JSX$1.Element;
|
|
14400
|
+
//#endregion
|
|
14401
|
+
//#region src/components/mentions/use-mentions.d.ts
|
|
14402
|
+
interface UseMentionsOptions {
|
|
14403
|
+
/** The candidates offered once the trigger character is typed. */
|
|
14404
|
+
items: MentionEntry[];
|
|
14405
|
+
/** The character that summons the candidates. */
|
|
14406
|
+
trigger?: string;
|
|
14407
|
+
}
|
|
14408
|
+
interface UseMentionsHandlers {
|
|
14409
|
+
/** The text the field holds right now — read at keystroke time, never
|
|
14410
|
+
* from a controlled prop that lags a render behind the caret. */
|
|
14411
|
+
getText: () => string;
|
|
14412
|
+
/** Writes the field's next text: a mention inserted at the token. */
|
|
14413
|
+
setText: (value: string) => void;
|
|
14414
|
+
}
|
|
14415
|
+
/** The @-detection machinery behind a mention field: watch the caret,
|
|
14416
|
+
* offer the matching candidates, and answer for the keys that drive
|
|
14417
|
+
* them. The field element arrives as an accessor because hosts wrap it
|
|
14418
|
+
* differently (a bare textarea, a field's own part).
|
|
14419
|
+
*
|
|
14420
|
+
* `onKeydown` answers whether the vessel consumed the key, so a host
|
|
14421
|
+
* with its own Enter semantics — a composer that sends — can yield to
|
|
14422
|
+
* the candidates first and act only when the vessel stands down. */
|
|
14423
|
+
export declare function useMentions(options: Accessor<UseMentionsOptions>, textarea: Accessor<HTMLTextAreaElement | null>, handlers: UseMentionsHandlers): {
|
|
14424
|
+
open: Accessor<boolean>;
|
|
14425
|
+
matches: Accessor<MentionEntry[]>;
|
|
14426
|
+
active: Accessor<number>;
|
|
14427
|
+
setActive: import("solid-js").Setter<number>;
|
|
14428
|
+
insert: (entry: MentionEntry) => void;
|
|
14429
|
+
close: () => void;
|
|
14430
|
+
onInput: () => void;
|
|
14431
|
+
onKeydown: (event: KeyboardEvent) => boolean;
|
|
14432
|
+
};
|
|
14433
|
+
//#endregion
|
|
14434
|
+
//#region src/components/mentions/index.d.ts
|
|
14435
|
+
export interface MentionEntry {
|
|
14436
|
+
label: string;
|
|
14437
|
+
value: string;
|
|
14438
|
+
}
|
|
14439
|
+
export interface MentionsVesselProps {
|
|
14440
|
+
open?: boolean;
|
|
14441
|
+
matches?: MentionEntry[];
|
|
14442
|
+
active?: number;
|
|
14443
|
+
/** The live element the vessel points at — the anchor is virtual, a
|
|
14444
|
+
* rectangle read off the host's field. */
|
|
14445
|
+
anchor?: HTMLTextAreaElement | null;
|
|
14446
|
+
onInsert?: (entry: MentionEntry) => void;
|
|
14447
|
+
onActiveChange?: (index: number) => void;
|
|
14448
|
+
onOpenChange?: (open: boolean) => void;
|
|
14449
|
+
}
|
|
14450
|
+
/** The vessel: the candidates themselves as a floating card. The anchor
|
|
14451
|
+
* is virtual — a live rectangle off the host's field — so a host keeps
|
|
14452
|
+
* its own anatomy (the textarea rides where the host puts it) and the
|
|
14453
|
+
* vessel still points at the right place. Shares the detection state
|
|
14454
|
+
* with the host through `useMentions`. */
|
|
14455
|
+
export declare function MentionsVessel(props: MentionsVesselProps): JSX$1.Element;
|
|
14456
|
+
export interface MentionsProps extends Omit<JSX$1.HTMLAttributes<HTMLDivElement>, "onInput"> {
|
|
14457
|
+
/** The candidates offered once the trigger character is typed. */
|
|
14458
|
+
items?: MentionEntry[];
|
|
14459
|
+
/** The text held by the field. Supply it to control the field;
|
|
14460
|
+
* changes are reported through `onValueChange`. */
|
|
14461
|
+
value?: string;
|
|
14462
|
+
/** The character that summons the candidates. */
|
|
14463
|
+
trigger?: string;
|
|
14464
|
+
placeholder?: string;
|
|
14465
|
+
/** Let the field grow with its text instead of holding `rows`. */
|
|
14466
|
+
autoresize?: boolean;
|
|
14467
|
+
/** Standing alone, the field styles itself from this flag; inside a
|
|
14468
|
+
* `Field.Root` the field's own invalid state takes over. */
|
|
14469
|
+
invalid?: boolean;
|
|
14470
|
+
/** The field's text changed. */
|
|
14471
|
+
onValueChange?: (value: string) => void;
|
|
14472
|
+
}
|
|
14473
|
+
/**
|
|
14474
|
+
* @-mentions: a plain textarea that, when the text before the caret ends
|
|
14475
|
+
* with the trigger character followed by a token, offers the matching
|
|
14476
|
+
* candidates in a small anchored vessel; choosing one replaces the token
|
|
14477
|
+
* with `trigger + label` and hands the whole text back through
|
|
14478
|
+
* `onValueChange`. Arrows move, Enter inserts, Escape dismisses.
|
|
14479
|
+
*
|
|
14480
|
+
* The field is the shared `Textarea` — field wiring (label ids, the
|
|
14481
|
+
* invalid state) rides on it for free — and the vessel anchors to the
|
|
14482
|
+
* field as a whole (popover machinery), not to the caret coordinates;
|
|
14483
|
+
* caret-precise positioning would need a second positioning system for
|
|
14484
|
+
* no practical gain at typical field sizes. Composers that keep their
|
|
14485
|
+
* own field anatomy (the AI prompt input) skip this shell and wire
|
|
14486
|
+
* `useMentions` plus `MentionsVessel` themselves.
|
|
14487
|
+
*/
|
|
14488
|
+
export declare function Mentions(props: MentionsProps): JSX$1.Element;
|
|
14489
|
+
//#endregion
|
|
13609
14490
|
//#region src/components/meter/index.d.ts
|
|
13610
|
-
export interface MeterRootProps extends JSX$1.HTMLAttributes<
|
|
14491
|
+
export interface MeterRootProps extends JSX$1.HTMLAttributes<HTMLDivElement> {
|
|
13611
14492
|
/** The measured value — clamped between min and max. */
|
|
13612
14493
|
value: number;
|
|
13613
14494
|
min?: number;
|
|
@@ -13670,6 +14551,22 @@ export declare const PasswordInput: typeof PasswordInput$1;
|
|
|
13670
14551
|
* Root, Label, Control, Input, HiddenInput. */
|
|
13671
14552
|
export declare const PinInput: typeof PinInput$1;
|
|
13672
14553
|
//#endregion
|
|
14554
|
+
//#region src/components/popconfirm/index.d.ts
|
|
14555
|
+
export interface PopconfirmProps extends JSX$1.HTMLAttributes<HTMLButtonElement> {
|
|
14556
|
+
/** The question the reader is answering. */
|
|
14557
|
+
message: string;
|
|
14558
|
+
confirmText?: string;
|
|
14559
|
+
cancelText?: string;
|
|
14560
|
+
onConfirm?: () => void;
|
|
14561
|
+
onCancel?: () => void;
|
|
14562
|
+
}
|
|
14563
|
+
/** A question at the point of no return: the trigger opens a small
|
|
14564
|
+
* anchored vessel carrying the message and two answers. Confirmation
|
|
14565
|
+
* and cancellation are the caller's to act on — the panel closes
|
|
14566
|
+
* either way. The children are the trigger's content, riding the
|
|
14567
|
+
* machine-driven trigger button. */
|
|
14568
|
+
export declare function Popconfirm(props: PopconfirmProps): JSX$1.Element;
|
|
14569
|
+
//#endregion
|
|
13673
14570
|
//#region src/components/popover/index.d.ts
|
|
13674
14571
|
/** Ark's Popover, dressed in the paper-and-ink system: a paper vessel that
|
|
13675
14572
|
* dissolves in on elevation, anchored to its trigger by a whisker arrow. The
|
|
@@ -13684,6 +14581,27 @@ export declare const Popover: typeof Popover$1;
|
|
|
13684
14581
|
* CircleTrack, CircleRange. */
|
|
13685
14582
|
export declare const Progress: typeof Progress$1;
|
|
13686
14583
|
//#endregion
|
|
14584
|
+
//#region src/components/progress-group/index.d.ts
|
|
14585
|
+
/** One verdict on the bar. */
|
|
14586
|
+
export interface ProgressSegment {
|
|
14587
|
+
value: number;
|
|
14588
|
+
label?: string;
|
|
14589
|
+
pigment?: "primary" | "success" | "warning" | "danger" | "info";
|
|
14590
|
+
}
|
|
14591
|
+
/**
|
|
14592
|
+
* One bar, several verdicts: the segments stand shoulder to shoulder,
|
|
14593
|
+
* each as wide as its share of the whole and speaking its own pigment;
|
|
14594
|
+
* the legend reads them back beneath (swatch, label, value) unless the
|
|
14595
|
+
* caller declines it. The whole is the sum of the parts unless the
|
|
14596
|
+
* caller brings a larger one — the remainder then shows as groove.
|
|
14597
|
+
*/
|
|
14598
|
+
export interface ProgressGroupProps extends JSX$1.HTMLAttributes<HTMLDivElement> {
|
|
14599
|
+
segments: ProgressSegment[];
|
|
14600
|
+
max?: number;
|
|
14601
|
+
showLegend?: boolean;
|
|
14602
|
+
}
|
|
14603
|
+
export declare function ProgressGroup(props: ProgressGroupProps): JSX$1.Element;
|
|
14604
|
+
//#endregion
|
|
13687
14605
|
//#region src/components/qr-code/index.d.ts
|
|
13688
14606
|
/** Ark's QrCode, dressed in the paper-and-ink system: the pattern prints in
|
|
13689
14607
|
* ink on the page, with an optional paper badge and a seal-cut download
|
|
@@ -13764,25 +14682,71 @@ export interface SpinnerProps extends JSX$1.HTMLAttributes<HTMLElement> {
|
|
|
13764
14682
|
* default — it reports progress without claiming attention. */
|
|
13765
14683
|
export declare function Spinner(props: SpinnerProps): JSX$1.Element;
|
|
13766
14684
|
//#endregion
|
|
14685
|
+
//#region src/components/split-button/index.d.ts
|
|
14686
|
+
export interface SplitButtonEntry {
|
|
14687
|
+
label: string;
|
|
14688
|
+
/** Handed back with `onSelect` when the entry is chosen. */
|
|
14689
|
+
value: string;
|
|
14690
|
+
danger?: boolean;
|
|
14691
|
+
disabled?: boolean;
|
|
14692
|
+
}
|
|
14693
|
+
export interface SplitButtonProps extends Omit<JSX$1.HTMLAttributes<HTMLDivElement>, "onClick" | "onSelect"> {
|
|
14694
|
+
/** The main action's label. */
|
|
14695
|
+
label: string;
|
|
14696
|
+
/** The dropdown's entries. */
|
|
14697
|
+
items?: SplitButtonEntry[];
|
|
14698
|
+
/** How both halves rest; the arrow always reads as one control with
|
|
14699
|
+
* the main button. */
|
|
14700
|
+
variant?: "solid" | "outline" | "ghost" | "subtle";
|
|
14701
|
+
tone?: "ink" | "info" | "success" | "warning" | "danger";
|
|
14702
|
+
size?: "sm" | "md" | "lg";
|
|
14703
|
+
disabled?: boolean;
|
|
14704
|
+
/** The main button was pressed. */
|
|
14705
|
+
onClick?: (event: MouseEvent) => void;
|
|
14706
|
+
/** An entry was chosen; carries its `value`. */
|
|
14707
|
+
onSelect?: (value: string) => void;
|
|
14708
|
+
}
|
|
14709
|
+
/**
|
|
14710
|
+
* A primary action with its alternatives one seam away: the main button
|
|
14711
|
+
* fires `onClick`, the fitted arrow opens a paper vessel of the same
|
|
14712
|
+
* register whose entries call `onSelect` with their value. The arrow is
|
|
14713
|
+
* the menu machine's trigger with the button recipe riding over it —
|
|
14714
|
+
* the machine keeps the element (positioning, focus, `data-state`), the
|
|
14715
|
+
* button stylesheet's trigger register dresses it. The popup keeps the
|
|
14716
|
+
* menu parts untouched.
|
|
14717
|
+
*/
|
|
14718
|
+
export declare function SplitButton(props: SplitButtonProps): JSX$1.Element;
|
|
14719
|
+
//#endregion
|
|
13767
14720
|
//#region src/components/splitter/index.d.ts
|
|
13768
14721
|
/** Ark's Splitter, dressed in the paper-and-ink system: panels divide on
|
|
13769
14722
|
* a hairline and a small paper-seal thumb answers the hand. The API is
|
|
13770
14723
|
* Ark's own — Root, Panel, ResizeTrigger, ResizeTriggerIndicator. */
|
|
13771
14724
|
export declare const Splitter: typeof Splitter$1;
|
|
13772
14725
|
//#endregion
|
|
14726
|
+
//#region src/components/stack/index.d.ts
|
|
14727
|
+
export interface StackProps extends JSX$1.HTMLAttributes<HTMLDivElement> {
|
|
14728
|
+
direction?: "column" | "row";
|
|
14729
|
+
gap?: "none" | "xs" | "sm" | "md" | "lg" | "xl";
|
|
14730
|
+
wrap?: boolean;
|
|
14731
|
+
align?: string;
|
|
14732
|
+
justify?: string;
|
|
14733
|
+
}
|
|
14734
|
+
export declare function Stack(props: StackProps): JSX$1.Element;
|
|
14735
|
+
//#endregion
|
|
13773
14736
|
//#region src/components/stat/index.d.ts
|
|
13774
14737
|
export interface StatDeltaProps extends JSX$1.HTMLAttributes<HTMLElement> {
|
|
13775
14738
|
direction?: "up" | "down" | "flat";
|
|
14739
|
+
"data-direction"?: string;
|
|
13776
14740
|
}
|
|
13777
14741
|
/** The delta reads the direction in the fixed semantic pigments; an
|
|
13778
14742
|
* explicit `data-direction` attribute on the consumer side still wins. */
|
|
13779
14743
|
declare function Delta(props: StatDeltaProps): JSX$1.Element;
|
|
13780
|
-
export declare const Stat: ((props: JSX$1.HTMLAttributes<
|
|
13781
|
-
Root: (props: JSX$1.HTMLAttributes<
|
|
13782
|
-
Label: (props: JSX$1.HTMLAttributes<
|
|
13783
|
-
Value: (props: JSX$1.HTMLAttributes<
|
|
14744
|
+
export declare const Stat: ((props: JSX$1.HTMLAttributes<HTMLDivElement>) => JSX$1.Element) & {
|
|
14745
|
+
Root: (props: JSX$1.HTMLAttributes<HTMLDivElement>) => JSX$1.Element;
|
|
14746
|
+
Label: (props: JSX$1.HTMLAttributes<HTMLDivElement>) => JSX$1.Element;
|
|
14747
|
+
Value: (props: JSX$1.HTMLAttributes<HTMLDivElement>) => JSX$1.Element;
|
|
13784
14748
|
Delta: typeof Delta;
|
|
13785
|
-
Description: (props: JSX$1.HTMLAttributes<
|
|
14749
|
+
Description: (props: JSX$1.HTMLAttributes<HTMLDivElement>) => JSX$1.Element;
|
|
13786
14750
|
};
|
|
13787
14751
|
//#endregion
|
|
13788
14752
|
//#region src/components/steps/index.d.ts
|
|
@@ -13841,6 +14805,11 @@ export interface DataTableProps {
|
|
|
13841
14805
|
sortable?: boolean;
|
|
13842
14806
|
/** Render a global-filter toolbar and per-column filter inputs. */
|
|
13843
14807
|
filterable?: boolean;
|
|
14808
|
+
/** Keep the built-in toolbar row above the table (default true when
|
|
14809
|
+
* `filterable`). Turn it off to host the global filter in your own
|
|
14810
|
+
* toolbar — the feature stays registered and the instance methods
|
|
14811
|
+
* keep working. */
|
|
14812
|
+
showToolbar?: boolean;
|
|
13844
14813
|
/** Enable tree expansion over `subRows`; the first column hosts the
|
|
13845
14814
|
* expander and depth indent. */
|
|
13846
14815
|
tree?: boolean;
|
|
@@ -13895,6 +14864,19 @@ export declare const Tabs: typeof Tabs$1;
|
|
|
13895
14864
|
* Context. */
|
|
13896
14865
|
export declare const TagsInput: typeof TagsInput$1;
|
|
13897
14866
|
//#endregion
|
|
14867
|
+
//#region src/components/textarea/index.d.ts
|
|
14868
|
+
export interface TextareaProps extends JSX$1.TextareaHTMLAttributes<HTMLTextAreaElement> {
|
|
14869
|
+
value?: string;
|
|
14870
|
+
onValueChange?: (value: string) => void;
|
|
14871
|
+
invalid?: boolean;
|
|
14872
|
+
}
|
|
14873
|
+
/** The bare multi-line input: the field recipe on a `<textarea>`, sized
|
|
14874
|
+
* by rows and resizable in the block direction. Standing alone it styles
|
|
14875
|
+
* itself from the `invalid` prop; inside a `Field.Root` it consumes the
|
|
14876
|
+
* field context, picking up the label id, the described-by wiring and
|
|
14877
|
+
* the invalid state for free. Disabled rides the native attribute. */
|
|
14878
|
+
export declare function Textarea(props: TextareaProps): JSX$1.Element;
|
|
14879
|
+
//#endregion
|
|
13898
14880
|
//#region src/components/timeline/index.d.ts
|
|
13899
14881
|
export declare const Timeline: Component<Record<string, unknown>> & {
|
|
13900
14882
|
Root: Component<Record<string, unknown>>;
|
|
@@ -13932,13 +14914,13 @@ export declare const Toc: typeof Toc$1;
|
|
|
13932
14914
|
export declare const Toggle: typeof Toggle$1;
|
|
13933
14915
|
//#endregion
|
|
13934
14916
|
//#region src/components/typography/index.d.ts
|
|
13935
|
-
export declare const Typography: ((props: JSX$1.HTMLAttributes<
|
|
13936
|
-
Display: (props: JSX$1.HTMLAttributes<
|
|
13937
|
-
Heading: (props: JSX$1.HTMLAttributes<
|
|
13938
|
-
Lead: (props: JSX$1.HTMLAttributes<
|
|
13939
|
-
Body: (props: JSX$1.HTMLAttributes<
|
|
13940
|
-
Muted: (props: JSX$1.HTMLAttributes<
|
|
13941
|
-
Label: (props: JSX$1.HTMLAttributes<
|
|
14917
|
+
export declare const Typography: ((props: JSX$1.HTMLAttributes<HTMLParagraphElement>) => JSX$1.Element) & {
|
|
14918
|
+
Display: (props: JSX$1.HTMLAttributes<HTMLParagraphElement>) => JSX$1.Element;
|
|
14919
|
+
Heading: (props: JSX$1.HTMLAttributes<HTMLParagraphElement>) => JSX$1.Element;
|
|
14920
|
+
Lead: (props: JSX$1.HTMLAttributes<HTMLParagraphElement>) => JSX$1.Element;
|
|
14921
|
+
Body: (props: JSX$1.HTMLAttributes<HTMLParagraphElement>) => JSX$1.Element;
|
|
14922
|
+
Muted: (props: JSX$1.HTMLAttributes<HTMLParagraphElement>) => JSX$1.Element;
|
|
14923
|
+
Label: (props: JSX$1.HTMLAttributes<HTMLParagraphElement>) => JSX$1.Element;
|
|
13942
14924
|
};
|
|
13943
14925
|
//#endregion
|
|
13944
14926
|
//#region src/components/toggle-group/index.d.ts
|
|
@@ -13947,6 +14929,29 @@ export declare const Typography: ((props: JSX$1.HTMLAttributes<HTMLElement>) =>
|
|
|
13947
14929
|
* Ark's own — Root, Item. */
|
|
13948
14930
|
export declare const ToggleGroup: typeof ToggleGroup$1;
|
|
13949
14931
|
//#endregion
|
|
14932
|
+
//#region src/components/transfer/index.d.ts
|
|
14933
|
+
export interface TransferItem {
|
|
14934
|
+
label: string;
|
|
14935
|
+
value: string;
|
|
14936
|
+
disabled?: boolean;
|
|
14937
|
+
}
|
|
14938
|
+
export interface TransferProps extends JSX$1.HTMLAttributes<HTMLDivElement> {
|
|
14939
|
+
value?: string[];
|
|
14940
|
+
data: TransferItem[];
|
|
14941
|
+
titles?: string[];
|
|
14942
|
+
searchable?: boolean;
|
|
14943
|
+
disabled?: boolean;
|
|
14944
|
+
onValueChange?: (value: string[]) => void;
|
|
14945
|
+
}
|
|
14946
|
+
/**
|
|
14947
|
+
* Two ledgers and a crossing: items sit in the source column until the
|
|
14948
|
+
* reader checks them and walks them across — and back, the same way.
|
|
14949
|
+
* `value` is the target column's value list; everything else in
|
|
14950
|
+
* `data` stays on the left. `searchable` adds a filter line to each
|
|
14951
|
+
* panel.
|
|
14952
|
+
*/
|
|
14953
|
+
export declare function Transfer(props: TransferProps): JSX$1.Element;
|
|
14954
|
+
//#endregion
|
|
13950
14955
|
//#region src/components/tooltip/index.d.ts
|
|
13951
14956
|
/** Ark's Tooltip, dressed in the paper-and-ink system: the smallest
|
|
13952
14957
|
* vessel — a tight chip of ink that dissolves in over its anchor. The
|
|
@@ -13962,6 +14967,30 @@ export declare const Tooltip: typeof Tooltip$1;
|
|
|
13962
14967
|
* useTour. */
|
|
13963
14968
|
export declare const Tour: typeof Tour$1;
|
|
13964
14969
|
//#endregion
|
|
14970
|
+
//#region src/components/tree-select/index.d.ts
|
|
14971
|
+
export interface TreeSelectNode {
|
|
14972
|
+
label: string;
|
|
14973
|
+
value: string;
|
|
14974
|
+
children?: TreeSelectNode[];
|
|
14975
|
+
disabled?: boolean;
|
|
14976
|
+
}
|
|
14977
|
+
export interface TreeSelectProps extends JSX$1.HTMLAttributes<HTMLDivElement> {
|
|
14978
|
+
value?: string;
|
|
14979
|
+
data: TreeSelectNode[];
|
|
14980
|
+
placeholder?: string;
|
|
14981
|
+
filterable?: boolean;
|
|
14982
|
+
disabled?: boolean;
|
|
14983
|
+
onValueChange?: (value: string) => void;
|
|
14984
|
+
}
|
|
14985
|
+
/**
|
|
14986
|
+
* A tree behind a field: the control reads like an input, the vessel
|
|
14987
|
+
* below walks the hierarchy, and one leaf click closes the deal. Single
|
|
14988
|
+
* selection — the chosen label rides on the control, its value rides in
|
|
14989
|
+
* `value`. `filterable` puts a filter line at the top of the vessel;
|
|
14990
|
+
* matches keep their ancestors and the branches fan open.
|
|
14991
|
+
*/
|
|
14992
|
+
export declare function TreeSelect(props: TreeSelectProps): JSX$1.Element;
|
|
14993
|
+
//#endregion
|
|
13965
14994
|
//#region src/components/tree-view/index.d.ts
|
|
13966
14995
|
/** Ark's TreeView, dressed in the paper-and-ink system: quiet rows where
|
|
13967
14996
|
* selection is pure light on the paper, one hairline plumb line per depth,
|
|
@@ -13972,4 +15001,20 @@ export declare const Tour: typeof Tour$1;
|
|
|
13972
15001
|
* NodeRenameInput, plus createTreeCollection. */
|
|
13973
15002
|
export declare const TreeView: typeof TreeView$1;
|
|
13974
15003
|
//#endregion
|
|
13975
|
-
|
|
15004
|
+
//#region src/components/watermark/index.d.ts
|
|
15005
|
+
/**
|
|
15006
|
+
* The paper bears its seal beneath the content: a canvas draws the
|
|
15007
|
+
* text once into a tile (rotated, faint, crisp at the screen's pixel
|
|
15008
|
+
* density) and the marks layer repeats it over the children. The
|
|
15009
|
+
* seal redraws itself when a prop turns — and it never takes a
|
|
15010
|
+
* pointer.
|
|
15011
|
+
*/
|
|
15012
|
+
export interface WatermarkProps extends JSX$1.HTMLAttributes<HTMLDivElement> {
|
|
15013
|
+
content: string;
|
|
15014
|
+
opacity?: number;
|
|
15015
|
+
rotate?: number;
|
|
15016
|
+
fontSize?: string;
|
|
15017
|
+
}
|
|
15018
|
+
export declare function Watermark(props: WatermarkProps): JSX$1.Element;
|
|
15019
|
+
//#endregion
|
|
15020
|
+
export { Action as AiAction, Attachment as AiAttachment, Attachments as AiAttachments, Message as AiMessage, PromptInput as AiPromptInput, Reasoning as AiReasoning, Response$1 as AiResponse, Response$1 as Response, Source as AiSource, Sources as AiSources, Suggestion as AiSuggestion, Tool as AiTool, Card$1 as Card, ClientOnly, type ClientOnlyProps, type CollectionItem, type CollectionOptions, type ColumnDef, type CreateToasterReturn, type DataUIPart, type DateInputFocusChangeDetails, type DateInputValueChangeDetails, type DatePickerFocusChangeDetails, type DatePickerOpenChangeDetails, type DatePickerValueChangeDetails, type DatePickerViewChangeDetails, type DatePickerVisibleRangeChangeDetails, type DialogOpenChangeDetails, DownloadTrigger, type DownloadTriggerBaseProps, type DownloadTriggerProps, type DownloadableData, type FilePathTreeNode, type FileUIPart, type FlatTreeNode, FlexRender, FocusTrap, type FocusTrapBaseProps, type FocusTrapProps, type GridCollection, type GridCollectionOptions, type ListCollection, Presence, type PresenceProps, PresenceProvider, type ReasoningUIPart, type SortingState, type SourceDocumentUIPart, type SourceUrlUIPart, type StepStartUIPart, type TextUIPart, type ToolUIPart, type TourInteractOutsideEvent, type TourPointerDownOutsideEvent, type TourStepDetails, type TreeCollection, type TreeCollectionOptions, type TreeNode, type TreeViewCheckedChangeDetails, type TreeViewExpandedChangeDetails, type TreeViewFocusChangeDetails, type TreeViewSelectionChangeDetails, type UIMessage, type UIMessagePart, type UseAsyncListProps, type UseAsyncListReturn, type UseDownloadProps, type UseDownloadReturn, type UseListCollectionProps, type UseListCollectionReturn, type UseListSelectionProps, type UseListSelectionReturn, type UseMentionsHandlers, type UseMentionsOptions, type UsePresenceContext, type UsePresenceProps, type UsePresenceReturn, createColumnHelper, createFileTreeCollection, createGridCollection, createToaster, createTreeCollection, useAsyncList, useDownload, useListCollection, useListSelection, usePresence, usePresenceContext, useTour };
|