@bysages/svelte 0.0.0 → 0.1.1
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 +9 -9
- package/dist/index.d.mts +1007 -30
- package/dist/index.mjs +5224 -10591
- package/dist/use-mentions-DeF_38di.mjs +93 -0
- package/package.json +7 -3
package/dist/index.d.mts
CHANGED
|
@@ -1,35 +1,41 @@
|
|
|
1
|
+
import { t as useMentions } from "./use-mentions-DeF_38di.mjs";
|
|
1
2
|
import { Accordion as Accordion$1 } from "@ark-ui/svelte/accordion";
|
|
2
|
-
import { Collapsible as Collapsible$1 } from "@ark-ui/svelte/collapsible";
|
|
3
3
|
import { Field as Field$1 } from "@ark-ui/svelte/field";
|
|
4
|
+
import { Collapsible as Collapsible$1 } from "@ark-ui/svelte/collapsible";
|
|
4
5
|
import { Snippet } from "svelte";
|
|
6
|
+
import { Combobox as Combobox$1 } from "@ark-ui/svelte/combobox";
|
|
7
|
+
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/svelte/collection";
|
|
5
8
|
import { AngleSlider as AngleSlider$1 } from "@ark-ui/svelte/angle-slider";
|
|
6
9
|
import { Avatar as Avatar$1 } from "@ark-ui/svelte/avatar";
|
|
7
10
|
import { DatePicker as DatePicker$1, DatePickerFocusChangeDetails, DatePickerOpenChangeDetails, DatePickerRootProps, DatePickerValueChangeDetails, DatePickerViewChangeDetails, DatePickerVisibleRangeChangeDetails } from "@ark-ui/svelte/date-picker";
|
|
8
11
|
import { Carousel as Carousel$1 } from "@ark-ui/svelte/carousel";
|
|
9
12
|
import { Checkbox as Checkbox$1 } from "@ark-ui/svelte/checkbox";
|
|
13
|
+
import { ClientOnly, ClientOnlyProps } from "@ark-ui/svelte/client-only";
|
|
10
14
|
import { Clipboard as Clipboard$1 } from "@ark-ui/svelte/clipboard";
|
|
11
15
|
import { ColorPicker as ColorPicker$1 } from "@ark-ui/svelte/color-picker";
|
|
12
|
-
import { Combobox as Combobox$1 } from "@ark-ui/svelte/combobox";
|
|
13
|
-
import { DateInput as DateInput$1, DateInputFocusChangeDetails, DateInputValueChangeDetails } from "@ark-ui/svelte/date-input";
|
|
14
16
|
import { Dialog as Dialog$1, DialogOpenChangeDetails } from "@ark-ui/svelte/dialog";
|
|
17
|
+
import { DateInput as DateInput$1, DateInputFocusChangeDetails, DateInputValueChangeDetails } from "@ark-ui/svelte/date-input";
|
|
18
|
+
import { DownloadTrigger, DownloadTriggerBaseProps, DownloadTriggerProps, DownloadableData, UseDownloadProps, UseDownloadReturn, useDownload } from "@ark-ui/svelte/download-trigger";
|
|
15
19
|
import { Drawer as Drawer$1 } from "@ark-ui/svelte/drawer";
|
|
16
20
|
import { Editable as Editable$1 } from "@ark-ui/svelte/editable";
|
|
17
21
|
import { Fieldset as Fieldset$1 } from "@ark-ui/svelte/fieldset";
|
|
18
22
|
import { FileUpload as FileUpload$1 } from "@ark-ui/svelte/file-upload";
|
|
19
23
|
import { FloatingPanel as FloatingPanel$1 } from "@ark-ui/svelte/floating-panel";
|
|
24
|
+
import { FocusTrap, FocusTrapBaseProps, FocusTrapProps } from "@ark-ui/svelte/focus-trap";
|
|
20
25
|
import { Format as Format$1 } from "@ark-ui/svelte/format";
|
|
21
26
|
import { HoverCard as HoverCard$1 } from "@ark-ui/svelte/hover-card";
|
|
22
27
|
import { ImageCropper as ImageCropper$1 } from "@ark-ui/svelte/image-cropper";
|
|
23
28
|
import { JsonTreeView as JsonTreeView$1 } from "@ark-ui/svelte/json-tree-view";
|
|
24
|
-
import { Listbox as Listbox$1
|
|
29
|
+
import { Listbox as Listbox$1 } from "@ark-ui/svelte/listbox";
|
|
25
30
|
import { Marquee as Marquee$1 } from "@ark-ui/svelte/marquee";
|
|
26
31
|
import { Menu as Menu$1 } from "@ark-ui/svelte/menu";
|
|
32
|
+
import { Popover as Popover$1 } from "@ark-ui/svelte/popover";
|
|
27
33
|
import { NavigationMenu as NavigationMenu$1 } from "@ark-ui/svelte/navigation-menu";
|
|
28
34
|
import { NumberInput as NumberInput$1 } from "@ark-ui/svelte/number-input";
|
|
29
35
|
import { Pagination as Pagination$1 } from "@ark-ui/svelte/pagination";
|
|
30
36
|
import { PasswordInput as PasswordInput$1 } from "@ark-ui/svelte/password-input";
|
|
31
37
|
import { PinInput as PinInput$1 } from "@ark-ui/svelte/pin-input";
|
|
32
|
-
import {
|
|
38
|
+
import { Presence, PresenceProps, PresenceProvider, UsePresenceContext, UsePresenceProps, UsePresenceReturn, splitPresenceProps, usePresence, usePresenceContext } from "@ark-ui/svelte/presence";
|
|
33
39
|
import { Progress as Progress$1 } from "@ark-ui/svelte/progress";
|
|
34
40
|
import { QrCode as QrCode$1 } from "@ark-ui/svelte/qr-code";
|
|
35
41
|
import { RadioGroup as RadioGroup$1 } from "@ark-ui/svelte/radio-group";
|
|
@@ -56,6 +62,7 @@ import { Tour as Tour$1, TourInteractOutsideEvent, TourPointerDownOutsideEvent,
|
|
|
56
62
|
import { TreeView as TreeView$1, TreeViewCheckedChangeDetails, TreeViewExpandedChangeDetails, TreeViewFocusChangeDetails, TreeViewSelectionChangeDetails } from "@ark-ui/svelte/tree-view";
|
|
57
63
|
import { HTMLAnchorAttributes, HTMLAttributes, HTMLButtonAttributes } from "svelte/elements";
|
|
58
64
|
import { JSONSchema7, JSONSchema7 as JSONSchema7$1 } from "json-schema";
|
|
65
|
+
export * from "@bysages/core";
|
|
59
66
|
//#endregion
|
|
60
67
|
//#region src/components/accordion/index.d.ts
|
|
61
68
|
/** Ark's Accordion, dressed in the paper-and-ink system: a ruled sheet
|
|
@@ -63,48 +70,104 @@ import { JSONSchema7, JSONSchema7 as JSONSchema7$1 } from "json-schema";
|
|
|
63
70
|
* API is Ark's own — Root, Item, ItemTrigger, ItemContent, ItemIndicator. */
|
|
64
71
|
export declare const Accordion: typeof Accordion$1;
|
|
65
72
|
//#endregion
|
|
66
|
-
//#region src/components/
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
73
|
+
//#region src/components/affix/props.d.ts
|
|
74
|
+
interface AffixProps extends HTMLAttributes<HTMLDivElement> {
|
|
75
|
+
/** Where the content pins when it reaches the top of the scrolling
|
|
76
|
+
* ancestor — the height of any fixed header it must clear. */
|
|
77
|
+
offsetTop?: string;
|
|
78
|
+
/** Where it pins from the bottom instead, for footers and action bars. */
|
|
79
|
+
offsetBottom?: string;
|
|
80
|
+
children?: Snippet;
|
|
81
|
+
}
|
|
82
|
+
//#endregion
|
|
83
|
+
//#region src/components/affix/index.d.ts
|
|
84
|
+
/** A nail: the wrapped content travels with the page until it reaches
|
|
85
|
+
* its offset, then stays put while the page moves on. The semantics are
|
|
86
|
+
* plain `position: sticky` — pinning is relative to the nearest
|
|
87
|
+
* *scrolling* ancestor, so the element works inside a scrollable panel
|
|
88
|
+
* exactly as it does on the page itself, and a parent with
|
|
89
|
+
* `overflow: hidden` clips the pin. Both offsets may be given: the
|
|
90
|
+
* content then holds its place inside that band. */
|
|
91
|
+
export declare const Affix: import("svelte").Component<AffixProps, {}, "">;
|
|
92
|
+
//#endregion
|
|
93
|
+
//#region src/components/ai-action/props.d.ts
|
|
94
|
+
interface ActionProps extends HTMLAttributes<HTMLButtonElement> {
|
|
95
|
+
/** What the button does, spoken to assistive tech and shown as the
|
|
96
|
+
* hover title — copy, retry, thumbs. */
|
|
97
|
+
label: string;
|
|
70
98
|
children?: Snippet;
|
|
71
99
|
}
|
|
100
|
+
//#endregion
|
|
101
|
+
//#region src/components/ai-message/props.d.ts
|
|
102
|
+
type MessageRole = "user" | "assistant" | "system";
|
|
72
103
|
interface MessageProps extends HTMLAttributes<HTMLElement> {
|
|
104
|
+
/** Whose stroke this is — the user's words sit in a recessed
|
|
105
|
+
* bubble, the assistant speaks flat on the paper. */
|
|
73
106
|
role?: MessageRole;
|
|
74
107
|
children?: Snippet;
|
|
75
108
|
}
|
|
76
|
-
|
|
77
|
-
|
|
109
|
+
//#endregion
|
|
110
|
+
//#region src/components/ai-prompt-input/props.d.ts
|
|
111
|
+
interface PromptInputProps extends HTMLAttributes<HTMLFormElement> {
|
|
112
|
+
/** Two-way bindable — `bind:value` keeps the bound variable mirroring
|
|
113
|
+
* the field; send clears it back through the binding. */
|
|
114
|
+
value?: string;
|
|
115
|
+
onSubmit?: (value: string) => void;
|
|
116
|
+
/** The quiet invitation before the reader types. */
|
|
117
|
+
placeholder?: string;
|
|
118
|
+
disabled?: boolean;
|
|
78
119
|
}
|
|
120
|
+
//#endregion
|
|
121
|
+
//#region src/components/ai-reasoning/props.d.ts
|
|
79
122
|
interface ReasoningProps extends HTMLAttributes<HTMLDivElement> {
|
|
123
|
+
/** The trigger's words — the fold arrives open under them. */
|
|
80
124
|
label?: string;
|
|
81
125
|
children?: Snippet;
|
|
82
126
|
}
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
127
|
+
//#endregion
|
|
128
|
+
//#region src/components/ai-response/props.d.ts
|
|
129
|
+
interface ResponseProps extends HTMLAttributes<HTMLDivElement> {
|
|
130
|
+
/** The markdown text to set on the paper — streamed in freely;
|
|
131
|
+
* raw HTML and executable links stay inert. */
|
|
132
|
+
content: string;
|
|
88
133
|
}
|
|
134
|
+
//#endregion
|
|
135
|
+
//#region src/components/ai-source/props.d.ts
|
|
89
136
|
interface SourceProps extends HTMLAttributes<HTMLAnchorElement> {
|
|
137
|
+
/** Where the ink came from — also the link text when no children
|
|
138
|
+
* are given; opens in a new tab, referrer-free. */
|
|
90
139
|
href: string;
|
|
91
140
|
children?: Snippet;
|
|
92
141
|
}
|
|
93
|
-
interface
|
|
94
|
-
label: string;
|
|
142
|
+
interface SourcesProps extends HTMLAttributes<HTMLOListElement> {
|
|
95
143
|
children?: Snippet;
|
|
96
144
|
}
|
|
145
|
+
//#endregion
|
|
146
|
+
//#region src/components/ai-suggestion/props.d.ts
|
|
97
147
|
interface SuggestionProps extends HTMLAttributes<HTMLButtonElement> {
|
|
148
|
+
/** The next stroke this seal proposes — also its label; handed
|
|
149
|
+
* back whole on `onSelect`. */
|
|
98
150
|
prompt: string;
|
|
99
151
|
onSelect?: (prompt: string) => void;
|
|
100
152
|
}
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
153
|
+
//#endregion
|
|
154
|
+
//#region src/components/ai-tool/props.d.ts
|
|
155
|
+
type ToolStatus = "pending" | "running" | "completed" | "error";
|
|
156
|
+
interface ToolProps extends HTMLAttributes<HTMLDivElement> {
|
|
157
|
+
/** The name the tool was reached by — shown raw on the trigger
|
|
158
|
+
* unless `label` speaks friendlier words. */
|
|
159
|
+
name: string;
|
|
160
|
+
label?: string;
|
|
161
|
+
/** The state the call reached — stamped on the fold and whispered
|
|
162
|
+
* in the status chip. */
|
|
163
|
+
status?: ToolStatus;
|
|
164
|
+
input?: string;
|
|
165
|
+
output?: string;
|
|
166
|
+
}
|
|
167
|
+
//#endregion
|
|
168
|
+
//#region src/components/ai/props.d.ts
|
|
169
|
+
interface AiPartProps extends HTMLAttributes<HTMLElement> {
|
|
170
|
+
children?: Snippet;
|
|
108
171
|
}
|
|
109
172
|
//#endregion
|
|
110
173
|
//#region ../../node_modules/.pnpm/@ai-sdk+provider@4.0.14/node_modules/@ai-sdk/provider/dist/index.d.ts
|
|
@@ -10181,13 +10244,13 @@ type Schema<OBJECT = unknown> = {
|
|
|
10181
10244
|
};
|
|
10182
10245
|
type LazySchema<SCHEMA> = () => Schema<SCHEMA>;
|
|
10183
10246
|
type ZodSchema<SCHEMA = any> = ZodType<SCHEMA, ZodTypeDef, any> | $ZodType<SCHEMA, any>;
|
|
10184
|
-
type StandardSchema<SCHEMA = any> = StandardSchemaV1$2<unknown, SCHEMA> & {
|
|
10247
|
+
type StandardSchema$1<SCHEMA = any> = StandardSchemaV1$2<unknown, SCHEMA> & {
|
|
10185
10248
|
readonly '~standard': StandardSchemaV1$2.Props<unknown, SCHEMA> & {
|
|
10186
10249
|
readonly jsonSchema?: StandardJSONSchemaV1.Converter;
|
|
10187
10250
|
};
|
|
10188
10251
|
};
|
|
10189
|
-
type FlexibleSchema<SCHEMA = any> = Schema<SCHEMA> | LazySchema<SCHEMA> | ZodSchema<SCHEMA> | StandardSchema<SCHEMA>;
|
|
10190
|
-
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;
|
|
10252
|
+
type FlexibleSchema<SCHEMA = any> = Schema<SCHEMA> | LazySchema<SCHEMA> | ZodSchema<SCHEMA> | StandardSchema$1<SCHEMA>;
|
|
10253
|
+
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;
|
|
10191
10254
|
/**
|
|
10192
10255
|
* A context object that is passed into tool execution.
|
|
10193
10256
|
*/
|
|
@@ -13250,7 +13313,7 @@ export declare const Ai: import("svelte").Component<AiPartProps, {}, ""> & {
|
|
|
13250
13313
|
Response: import("svelte").Component<ResponseProps, {}, "">;
|
|
13251
13314
|
Reasoning: import("svelte").Component<ReasoningProps, {}, "">;
|
|
13252
13315
|
Tool: import("svelte").Component<ToolProps, {}, "">;
|
|
13253
|
-
Sources: import("svelte").Component<
|
|
13316
|
+
Sources: import("svelte").Component<SourcesProps, {}, "">;
|
|
13254
13317
|
Source: import("svelte").Component<SourceProps, {}, "">;
|
|
13255
13318
|
Actions: import("svelte").Component<AiPartProps, {}, "">;
|
|
13256
13319
|
Action: import("svelte").Component<ActionProps, {}, "">;
|
|
@@ -13259,6 +13322,67 @@ export declare const Ai: import("svelte").Component<AiPartProps, {}, ""> & {
|
|
|
13259
13322
|
Loader: import("svelte").Component<AiPartProps, {}, "">;
|
|
13260
13323
|
};
|
|
13261
13324
|
//#endregion
|
|
13325
|
+
//#region src/components/ai-action/index.d.ts
|
|
13326
|
+
/** A quiet icon button — copy, retry, thumbs. The control is the
|
|
13327
|
+
* shared Button in its ghost register. */
|
|
13328
|
+
export declare const AiAction: import("svelte").Component<ActionProps, {}, "">;
|
|
13329
|
+
//#endregion
|
|
13330
|
+
//#region src/components/ai-attachments/props.d.ts
|
|
13331
|
+
/** The upload's state on the wire. */
|
|
13332
|
+
type AttachmentStatus = "uploading" | "ready" | "error";
|
|
13333
|
+
interface AttachmentProps extends HTMLAttributes<HTMLSpanElement> {
|
|
13334
|
+
/** The file's name — it picks the glyph by extension. */
|
|
13335
|
+
name: string;
|
|
13336
|
+
/** The file's size in bytes, when known — rendered human. */
|
|
13337
|
+
size?: number;
|
|
13338
|
+
status?: AttachmentStatus;
|
|
13339
|
+
/** Taken when the reader takes the attachment back off. */
|
|
13340
|
+
onRemove?: () => void;
|
|
13341
|
+
}
|
|
13342
|
+
interface AttachmentsProps extends HTMLAttributes<HTMLSpanElement> {
|
|
13343
|
+
children?: Snippet;
|
|
13344
|
+
}
|
|
13345
|
+
//#endregion
|
|
13346
|
+
//#region src/components/ai-attachments/index.d.ts
|
|
13347
|
+
export declare const Attachment: import("svelte").Component<AttachmentProps, {}, "">;
|
|
13348
|
+
export declare const Attachments: import("svelte").Component<AttachmentsProps, {}, "">;
|
|
13349
|
+
//#endregion
|
|
13350
|
+
//#region src/components/ai-message/index.d.ts
|
|
13351
|
+
/** Whose stroke this is — the user's words sit in a recessed bubble,
|
|
13352
|
+
* the assistant speaks flat on the paper. */
|
|
13353
|
+
export declare const AiMessage: import("svelte").Component<MessageProps, {}, "">;
|
|
13354
|
+
//#endregion
|
|
13355
|
+
//#region src/components/ai-prompt-input/index.d.ts
|
|
13356
|
+
/** The prompt vessel: the shared field textarea — self-growing on the
|
|
13357
|
+
* machine's autoresize — over a footer row carrying the submit seal. */
|
|
13358
|
+
export declare const AiPromptInput: import("svelte").Component<PromptInputProps, {}, "value">;
|
|
13359
|
+
//#endregion
|
|
13360
|
+
//#region src/components/ai-reasoning/index.d.ts
|
|
13361
|
+
/** The model's thought, folded by the shared collapsible in its quiet
|
|
13362
|
+
* register. */
|
|
13363
|
+
export declare const AiReasoning: import("svelte").Component<ReasoningProps, {}, "">;
|
|
13364
|
+
//#endregion
|
|
13365
|
+
//#region src/components/ai-response/index.d.ts
|
|
13366
|
+
/** Markdown set on the paper — streaming-safe by construction. */
|
|
13367
|
+
export declare const AiResponse: import("svelte").Component<ResponseProps, {}, "">;
|
|
13368
|
+
//#endregion
|
|
13369
|
+
//#region src/components/ai-source/index.d.ts
|
|
13370
|
+
/** One place the ink came from, and the reading list that gathers
|
|
13371
|
+
* them under a response. */
|
|
13372
|
+
export declare const AiSource: import("svelte").Component<SourceProps, {}, "">;
|
|
13373
|
+
export declare const AiSources: import("svelte").Component<SourcesProps, {}, "">;
|
|
13374
|
+
//#endregion
|
|
13375
|
+
//#region src/components/ai-suggestion/index.d.ts
|
|
13376
|
+
/** A seal-cut button proposing the next stroke; selection hands back
|
|
13377
|
+
* the prompt. */
|
|
13378
|
+
export declare const AiSuggestion: import("svelte").Component<SuggestionProps, {}, "">;
|
|
13379
|
+
//#endregion
|
|
13380
|
+
//#region src/components/ai-tool/index.d.ts
|
|
13381
|
+
/** A tool call: the shared collapsible as the vessel — the name it
|
|
13382
|
+
* was reached by and the state it reached in on the trigger, its
|
|
13383
|
+
* input and output folded inside. */
|
|
13384
|
+
export declare const AiTool: import("svelte").Component<ToolProps, {}, "">;
|
|
13385
|
+
//#endregion
|
|
13262
13386
|
//#region src/components/alert/props.d.ts
|
|
13263
13387
|
type AlertStatus = "ink" | "info" | "success" | "warning" | "danger";
|
|
13264
13388
|
interface AlertProps extends HTMLAttributes<HTMLDivElement> {
|
|
@@ -13281,6 +13405,25 @@ export declare const Alert: import("svelte").Component<AlertProps, {}, ""> & {
|
|
|
13281
13405
|
Description: import("svelte").Component<AlertPartProps, {}, "">;
|
|
13282
13406
|
};
|
|
13283
13407
|
//#endregion
|
|
13408
|
+
//#region src/components/autocomplete/props.d.ts
|
|
13409
|
+
interface AutoCompleteProps extends HTMLAttributes<HTMLDivElement> {
|
|
13410
|
+
/** Two-way bindable — `bind:value` keeps the bound variable mirroring
|
|
13411
|
+
* the field; a pick and a custom value land here alike. */
|
|
13412
|
+
value?: string;
|
|
13413
|
+
/** Seeds the suggestion list once. */
|
|
13414
|
+
items?: string[];
|
|
13415
|
+
placeholder?: string;
|
|
13416
|
+
/** Field text to match against; defaults to a case-insensitive
|
|
13417
|
+
* substring. */
|
|
13418
|
+
filter?: (item: string, input: string) => boolean;
|
|
13419
|
+
}
|
|
13420
|
+
//#endregion
|
|
13421
|
+
//#region src/components/autocomplete/index.d.ts
|
|
13422
|
+
/** Free text with suggestions: the reader types anything, the list
|
|
13423
|
+
* narrows to help, and both a pick and a custom value end up in the
|
|
13424
|
+
* same `value`. A preset of the combobox machinery. */
|
|
13425
|
+
export declare const AutoComplete: import("svelte").Component<AutoCompleteProps, {}, "value">;
|
|
13426
|
+
//#endregion
|
|
13284
13427
|
//#region src/components/angle-slider/index.d.ts
|
|
13285
13428
|
/** Ark's AngleSlider, dressed in the paper-and-ink system: a flat paper dial
|
|
13286
13429
|
* the thumb sweeps as a pigment needle over hairline degree ticks. The API
|
|
@@ -13288,6 +13431,18 @@ export declare const Alert: import("svelte").Component<AlertProps, {}, ""> & {
|
|
|
13288
13431
|
* Marker, HiddenInput. */
|
|
13289
13432
|
export declare const AngleSlider: typeof AngleSlider$1;
|
|
13290
13433
|
//#endregion
|
|
13434
|
+
//#region src/components/aspect-ratio/props.d.ts
|
|
13435
|
+
interface AspectRatioProps extends HTMLAttributes<HTMLDivElement> {
|
|
13436
|
+
/** A CSS `aspect-ratio` value — "16 / 9", "4 / 3", "1 / 1". */
|
|
13437
|
+
ratio?: string;
|
|
13438
|
+
children?: Snippet;
|
|
13439
|
+
}
|
|
13440
|
+
//#endregion
|
|
13441
|
+
//#region src/components/aspect-ratio/index.d.ts
|
|
13442
|
+
/** A frame that keeps its shape: the box holds the given ratio whatever
|
|
13443
|
+
* the width it is dealt, and the child fills the frame it is given. */
|
|
13444
|
+
export declare const AspectRatio: import("svelte").Component<AspectRatioProps, {}, "">;
|
|
13445
|
+
//#endregion
|
|
13291
13446
|
//#region src/components/avatar/index.d.ts
|
|
13292
13447
|
/** Ark's Avatar, dressed in the paper-and-ink system: a circular seal on
|
|
13293
13448
|
* inset paper that holds initials until the image loads over them. The
|
|
@@ -13304,6 +13459,27 @@ interface AvatarGroupProps extends HTMLAttributes<HTMLDivElement> {
|
|
|
13304
13459
|
* stays legible. */
|
|
13305
13460
|
export declare const AvatarGroup: import("svelte").Component<AvatarGroupProps, {}, "">;
|
|
13306
13461
|
//#endregion
|
|
13462
|
+
//#region src/components/back-top/props.d.ts
|
|
13463
|
+
interface BackTopProps extends HTMLButtonAttributes {
|
|
13464
|
+
/** How far the reader must have travelled (px) before the affordance
|
|
13465
|
+
* appears. */
|
|
13466
|
+
threshold?: number;
|
|
13467
|
+
/** The accessible name; the control is icon-only by default. */
|
|
13468
|
+
label?: string;
|
|
13469
|
+
/** The control's own content — the up-stroke glyph by default. */
|
|
13470
|
+
children?: Snippet;
|
|
13471
|
+
}
|
|
13472
|
+
//#endregion
|
|
13473
|
+
//#region src/components/back-top/index.d.ts
|
|
13474
|
+
/** A way home: after the page has scrolled past `threshold`, a small
|
|
13475
|
+
* floating control rises at the page's corner and returns the reader to
|
|
13476
|
+
* the top. The scroll itself stays native — `window.scrollTo` defers to
|
|
13477
|
+
* the stylesheet's `scroll-behavior: smooth`, which reduced motion turns
|
|
13478
|
+
* back into an instant jump. The control itself is the shared `Button`
|
|
13479
|
+
* (outline, square) — the paper, hairline and halo are its; this family
|
|
13480
|
+
* owns only the floating and the entrance. */
|
|
13481
|
+
export declare const BackTop: import("svelte").Component<BackTopProps, {}, "">;
|
|
13482
|
+
//#endregion
|
|
13307
13483
|
//#region src/components/badge/props.d.ts
|
|
13308
13484
|
interface BadgeProps extends HTMLAttributes<HTMLSpanElement> {
|
|
13309
13485
|
tone?: "ink" | "info" | "success" | "warning" | "danger";
|
|
@@ -13368,6 +13544,24 @@ interface ButtonProps extends HTMLButtonAttributes {
|
|
|
13368
13544
|
* action can carry the primary weight. */
|
|
13369
13545
|
export declare const Button: import("svelte").Component<ButtonProps, {}, "">;
|
|
13370
13546
|
//#endregion
|
|
13547
|
+
//#region src/components/button-group/props.d.ts
|
|
13548
|
+
interface ButtonGroupProps extends HTMLAttributes<HTMLDivElement> {
|
|
13549
|
+
/** The seam runs across the group (default) or down it. */
|
|
13550
|
+
orientation?: "horizontal" | "vertical";
|
|
13551
|
+
/** One register for every member: falls onto data-size for the
|
|
13552
|
+
* stylesheet to retune the buttons' heights. */
|
|
13553
|
+
size?: "sm" | "md" | "lg";
|
|
13554
|
+
/** The members' corner register: retunes --bs-radius-control for the
|
|
13555
|
+
* whole fused shape — edges and trimmed seams keep one story. */
|
|
13556
|
+
radius?: "sm" | "md" | "lg" | "xl" | "2xl" | "full";
|
|
13557
|
+
children?: Snippet;
|
|
13558
|
+
}
|
|
13559
|
+
//#endregion
|
|
13560
|
+
//#region src/components/button-group/index.d.ts
|
|
13561
|
+
/** Buttons fused into one control: the group owns only the joinery, so
|
|
13562
|
+
* members keep every variant they were given. */
|
|
13563
|
+
export declare const ButtonGroup: import("svelte").Component<ButtonGroupProps, {}, "">;
|
|
13564
|
+
//#endregion
|
|
13371
13565
|
//#region src/components/banner/props.d.ts
|
|
13372
13566
|
type BannerStatus = "ink" | "info" | "success" | "warning" | "danger";
|
|
13373
13567
|
interface BannerProps extends HTMLAttributes<HTMLElement> {
|
|
@@ -13436,6 +13630,32 @@ declare const Card$1: import("svelte").Component<CardProps, {}, ""> & {
|
|
|
13436
13630
|
Footer: import("svelte").Component<CardPartProps, {}, "">;
|
|
13437
13631
|
};
|
|
13438
13632
|
//#endregion
|
|
13633
|
+
//#region src/components/cascade-select/props.d.ts
|
|
13634
|
+
interface CascadeSelectNode {
|
|
13635
|
+
label: string;
|
|
13636
|
+
value: string;
|
|
13637
|
+
children?: CascadeSelectNode[];
|
|
13638
|
+
disabled?: boolean;
|
|
13639
|
+
}
|
|
13640
|
+
interface CascadeSelectProps extends HTMLAttributes<HTMLDivElement> {
|
|
13641
|
+
/** Two-way bindable — `bind:value` keeps the selected path (or paths,
|
|
13642
|
+
* when `multiple`) in the bound variable. */
|
|
13643
|
+
value?: string[][];
|
|
13644
|
+
data: CascadeSelectNode[];
|
|
13645
|
+
placeholder?: string;
|
|
13646
|
+
/** `"hover"` turns the classic cascading menu: pointing is enough to
|
|
13647
|
+
* unfold. */
|
|
13648
|
+
highlightTrigger?: "click" | "hover";
|
|
13649
|
+
multiple?: boolean;
|
|
13650
|
+
disabled?: boolean;
|
|
13651
|
+
}
|
|
13652
|
+
//#endregion
|
|
13653
|
+
//#region src/components/cascade-select/index.d.ts
|
|
13654
|
+
/** A corridor of linked columns: pick a branch and the next column
|
|
13655
|
+
* dissolves open beside it, until a leaf click settles the whole
|
|
13656
|
+
* path. */
|
|
13657
|
+
export declare const CascadeSelect: import("svelte").Component<CascadeSelectProps, {}, "value">;
|
|
13658
|
+
//#endregion
|
|
13439
13659
|
//#region src/components/carousel/index.d.ts
|
|
13440
13660
|
/** Ark's Carousel, dressed in the paper-and-ink system: slides ride in one
|
|
13441
13661
|
* hairline-clipped lane, the triggers are quiet outline controls, and the
|
|
@@ -13451,6 +13671,27 @@ export declare const Carousel: typeof Carousel$1;
|
|
|
13451
13671
|
* HiddenInput. */
|
|
13452
13672
|
export declare const Checkbox: typeof Checkbox$1;
|
|
13453
13673
|
//#endregion
|
|
13674
|
+
//#region src/components/checkbox-group/props.d.ts
|
|
13675
|
+
interface CheckboxOption {
|
|
13676
|
+
label: string;
|
|
13677
|
+
value: string;
|
|
13678
|
+
disabled?: boolean;
|
|
13679
|
+
}
|
|
13680
|
+
interface CheckboxGroupProps extends HTMLAttributes<HTMLDivElement> {
|
|
13681
|
+
/** Two-way bindable — `bind:value` keeps the bound array mirroring
|
|
13682
|
+
* the group. */
|
|
13683
|
+
value?: string[];
|
|
13684
|
+
options: CheckboxOption[];
|
|
13685
|
+
layout?: "vertical" | "horizontal";
|
|
13686
|
+
disabled?: boolean;
|
|
13687
|
+
children?: Snippet;
|
|
13688
|
+
}
|
|
13689
|
+
//#endregion
|
|
13690
|
+
//#region src/components/checkbox-group/index.d.ts
|
|
13691
|
+
/** One question, many answers: a labelled stack (or row) of the
|
|
13692
|
+
* seal-cut checkboxes bound to a single array. */
|
|
13693
|
+
export declare const CheckboxGroup: import("svelte").Component<CheckboxGroupProps, {}, "value">;
|
|
13694
|
+
//#endregion
|
|
13454
13695
|
//#region src/components/chip/props.d.ts
|
|
13455
13696
|
interface ChipProps extends HTMLAttributes<HTMLSpanElement> {
|
|
13456
13697
|
value: number;
|
|
@@ -13496,6 +13737,119 @@ export declare const ColorPicker: typeof ColorPicker$1;
|
|
|
13496
13737
|
* Item, ItemText, ItemIndicator, ItemGroup, ItemGroupLabel. */
|
|
13497
13738
|
export declare const Combobox: typeof Combobox$1;
|
|
13498
13739
|
//#endregion
|
|
13740
|
+
//#region src/components/command/props.d.ts
|
|
13741
|
+
interface CommandEntry {
|
|
13742
|
+
label: string;
|
|
13743
|
+
value: string;
|
|
13744
|
+
/** Entries sharing a group are listed under one heading. */
|
|
13745
|
+
group?: string;
|
|
13746
|
+
/** A short affordance note, set as a keycap at the row's end. */
|
|
13747
|
+
hint?: string;
|
|
13748
|
+
}
|
|
13749
|
+
interface CommandProps {
|
|
13750
|
+
/** The commands on offer, grouped as they arrive. */
|
|
13751
|
+
items?: CommandEntry[];
|
|
13752
|
+
placeholder?: string;
|
|
13753
|
+
/** Whether the palette is up. Bind it (`bind:open`) to control the
|
|
13754
|
+
* palette; changes are reported through `onOpenChange`. */
|
|
13755
|
+
open?: boolean;
|
|
13756
|
+
/** Whether the shell narrows `items` as the reader types. Turn it off
|
|
13757
|
+
* when the caller owns the searching — a ranked engine or a remote
|
|
13758
|
+
* source — and hands down the already-narrowed list. */
|
|
13759
|
+
autoFilter?: boolean;
|
|
13760
|
+
/** The field's text under the caller's control; changes are reported
|
|
13761
|
+
* through `onInputValueChange`. */
|
|
13762
|
+
inputValue?: string;
|
|
13763
|
+
/** What the list whispers when nothing matches. */
|
|
13764
|
+
emptyText?: string;
|
|
13765
|
+
/** Called with the chosen entry's `value`; the palette closes after. */
|
|
13766
|
+
onSelect?: (value: string) => void;
|
|
13767
|
+
/** The palette's open state turned. */
|
|
13768
|
+
onOpenChange?: (open: boolean) => void;
|
|
13769
|
+
/** The field's live text turned. */
|
|
13770
|
+
onInputValueChange?: (inputValue: string) => void;
|
|
13771
|
+
}
|
|
13772
|
+
//#endregion
|
|
13773
|
+
//#region src/components/command/index.d.ts
|
|
13774
|
+
/** The command palette: a modal sheet at the top of the page carrying a
|
|
13775
|
+
* search field over the caller's commands, grouped as a ledger with a
|
|
13776
|
+
* keycap hint at each row. The shell is the dialog machinery — scrim,
|
|
13777
|
+
* focus trap, Escape — and the searching is the combobox machinery
|
|
13778
|
+
* driving our own list: the vessel and the list live inside the sheet,
|
|
13779
|
+
* so the combobox renders no separate popup and the machine's content
|
|
13780
|
+
* grafts onto the sheet's list. */
|
|
13781
|
+
export declare const Command: import("svelte").Component<CommandProps, {}, "open">;
|
|
13782
|
+
//#endregion
|
|
13783
|
+
//#region src/components/comment/props.d.ts
|
|
13784
|
+
interface CommentProps extends HTMLAttributes<HTMLElement> {
|
|
13785
|
+
author?: string;
|
|
13786
|
+
datetime?: string;
|
|
13787
|
+
/** The portrait hanging left. */
|
|
13788
|
+
avatar?: Snippet;
|
|
13789
|
+
/** The row of answers beneath the ink. */
|
|
13790
|
+
actions?: Snippet;
|
|
13791
|
+
children?: Snippet;
|
|
13792
|
+
}
|
|
13793
|
+
//#endregion
|
|
13794
|
+
//#region src/components/comment/index.d.ts
|
|
13795
|
+
/** A voice on the record: the portrait hangs left (the avatar snippet),
|
|
13796
|
+
* the body carries the byline from `author` and `datetime`, the ink is
|
|
13797
|
+
* the children snippet, and the actions snippet is the row of answers. */
|
|
13798
|
+
export declare const Comment: import("svelte").Component<CommentProps, {}, "">;
|
|
13799
|
+
//#endregion
|
|
13800
|
+
//#region src/components/config-provider/context.d.ts
|
|
13801
|
+
/** The four density tiers the token layer's `[data-density]` selectors
|
|
13802
|
+
* name — whitespace and control heights compress, readability never
|
|
13803
|
+
* does. */
|
|
13804
|
+
type ConfigDensity = "compact" | "default" | "comfortable" | "spacious";
|
|
13805
|
+
/** The configuration a provider lays over its subtree. Every field is
|
|
13806
|
+
* optional: an absent field changes nothing, and the page's own
|
|
13807
|
+
* attributes keep ruling. */
|
|
13808
|
+
interface ConfigContext {
|
|
13809
|
+
density?: ConfigDensity;
|
|
13810
|
+
/** A mineral pigment theme (qinghua, celadon, zhusha, …) landing as
|
|
13811
|
+
* `[data-accent]` on the host element. */
|
|
13812
|
+
accent?: string;
|
|
13813
|
+
/** Writing direction, landing as the native `dir` attribute. */
|
|
13814
|
+
dir?: "ltr" | "rtl";
|
|
13815
|
+
/** BCP-47 locale, landing as the native `lang` attribute. */
|
|
13816
|
+
locale?: string;
|
|
13817
|
+
}
|
|
13818
|
+
/** The nearest provider's live snapshot, or an empty one when no
|
|
13819
|
+
* provider wraps the caller. */
|
|
13820
|
+
export declare function useConfig(): ConfigContext;
|
|
13821
|
+
//#endregion
|
|
13822
|
+
//#region src/components/config-provider/props.d.ts
|
|
13823
|
+
interface ConfigProviderProps extends HTMLAttributes<HTMLDivElement> {
|
|
13824
|
+
density?: ConfigDensity;
|
|
13825
|
+
accent?: string;
|
|
13826
|
+
dir?: "ltr" | "rtl";
|
|
13827
|
+
/** BCP-47 locale, landing as the native `lang` attribute. */
|
|
13828
|
+
locale?: string;
|
|
13829
|
+
children?: Snippet;
|
|
13830
|
+
}
|
|
13831
|
+
//#endregion
|
|
13832
|
+
//#region src/components/config-provider/index.d.ts
|
|
13833
|
+
/** The declarative host for global configuration: one element carrying
|
|
13834
|
+
* the token layer's attributes and providing the same values to
|
|
13835
|
+
* descendants through `useConfig`. */
|
|
13836
|
+
export declare const ConfigProvider: import("svelte").Component<ConfigProviderProps, {}, "">;
|
|
13837
|
+
//#endregion
|
|
13838
|
+
//#region src/components/container/props.d.ts
|
|
13839
|
+
interface ContainerProps extends HTMLAttributes<HTMLDivElement> {
|
|
13840
|
+
size?: "narrow" | "readable" | "wide" | "full";
|
|
13841
|
+
/** Keep the ink off the page edges when the viewport runs narrower
|
|
13842
|
+
* than the measure. */
|
|
13843
|
+
padding?: boolean;
|
|
13844
|
+
children?: Snippet;
|
|
13845
|
+
}
|
|
13846
|
+
//#endregion
|
|
13847
|
+
//#region src/components/container/index.d.ts
|
|
13848
|
+
/** The reading frame: content held to a measure and centered on the
|
|
13849
|
+
* page. The sizes name typographic measures, not breakpoints — the page
|
|
13850
|
+
* owns its edges, the container only owns how long a line of ink runs. */
|
|
13851
|
+
export declare const Container: import("svelte").Component<ContainerProps, {}, "">;
|
|
13852
|
+
//#endregion
|
|
13499
13853
|
//#region src/components/date-input/index.d.ts
|
|
13500
13854
|
/** Ark's DateInput, dressed in the paper-and-ink system: a segmented
|
|
13501
13855
|
* field where the focused segment takes the flat ink fill. The API is
|
|
@@ -13512,6 +13866,28 @@ export declare const DateInput: typeof DateInput$1;
|
|
|
13512
13866
|
* NextTrigger, Table*, MonthSelect, YearSelect, PresetTrigger. */
|
|
13513
13867
|
export declare const DatePicker: typeof DatePicker$1;
|
|
13514
13868
|
//#endregion
|
|
13869
|
+
//#region src/components/descriptions/props.d.ts
|
|
13870
|
+
interface DescriptionsRootProps extends HTMLAttributes<HTMLDListElement> {
|
|
13871
|
+
/** The horizontal layout reads as a table of two columns; the
|
|
13872
|
+
* vertical one stacks each pair for narrow measures. */
|
|
13873
|
+
layout?: "horizontal" | "vertical";
|
|
13874
|
+
children?: Snippet;
|
|
13875
|
+
}
|
|
13876
|
+
interface DescriptionsPartProps extends HTMLAttributes<HTMLElement> {
|
|
13877
|
+
children?: Snippet;
|
|
13878
|
+
}
|
|
13879
|
+
//#endregion
|
|
13880
|
+
//#region src/components/descriptions/index.d.ts
|
|
13881
|
+
/** A ledger laid flat: term and detail pairs in one quiet grid. The
|
|
13882
|
+
* horizontal layout reads as a table of two columns; the vertical one
|
|
13883
|
+
* stacks each pair for narrow measures. */
|
|
13884
|
+
export declare const Descriptions: import("svelte").Component<DescriptionsRootProps, {}, ""> & {
|
|
13885
|
+
Root: import("svelte").Component<DescriptionsRootProps, {}, "">;
|
|
13886
|
+
Item: import("svelte").Component<DescriptionsPartProps, {}, "">;
|
|
13887
|
+
Term: import("svelte").Component<DescriptionsPartProps, {}, "">;
|
|
13888
|
+
Detail: import("svelte").Component<DescriptionsPartProps, {}, "">;
|
|
13889
|
+
};
|
|
13890
|
+
//#endregion
|
|
13515
13891
|
//#region src/components/dialog/index.d.ts
|
|
13516
13892
|
/** Ark's Dialog, dressed in the paper-and-ink system: the sheet dissolves
|
|
13517
13893
|
* in on elevation, the backdrop fades, and nested overlays stack through
|
|
@@ -13527,6 +13903,28 @@ export declare const Dialog: typeof Dialog$1;
|
|
|
13527
13903
|
* Description, CloseTrigger, SwipeArea. */
|
|
13528
13904
|
export declare const Drawer: typeof Drawer$1;
|
|
13529
13905
|
//#endregion
|
|
13906
|
+
//#region src/components/dynamic-input/props.d.ts
|
|
13907
|
+
interface DynamicInputProps extends HTMLAttributes<HTMLDivElement> {
|
|
13908
|
+
/** The rows' values; the group renders one Input per entry. Two-way
|
|
13909
|
+
* bindable — `bind:value` keeps the bound array mirroring the rows. */
|
|
13910
|
+
value?: string[];
|
|
13911
|
+
/** The fewest rows the group keeps; the remove seals yield first. */
|
|
13912
|
+
min?: number;
|
|
13913
|
+
/** The most rows the group grows to; the add control yields then. */
|
|
13914
|
+
max?: number;
|
|
13915
|
+
placeholder?: string;
|
|
13916
|
+
/** The add control's visible words. */
|
|
13917
|
+
addLabel?: string;
|
|
13918
|
+
disabled?: boolean;
|
|
13919
|
+
invalid?: boolean;
|
|
13920
|
+
}
|
|
13921
|
+
//#endregion
|
|
13922
|
+
//#region src/components/dynamic-input/index.d.ts
|
|
13923
|
+
/** A column of entry rows: one Input per line, each with a quiet remove
|
|
13924
|
+
* seal, and an add row at the tail — the bound array stays the only
|
|
13925
|
+
* truth. */
|
|
13926
|
+
export declare const DynamicInput: import("svelte").Component<DynamicInputProps, {}, "value">;
|
|
13927
|
+
//#endregion
|
|
13530
13928
|
//#region src/components/editable/index.d.ts
|
|
13531
13929
|
/** Ark's Editable, dressed in the paper-and-ink system: bare ink while
|
|
13532
13930
|
* reading, the full field recipe while editing. The API is Ark's own —
|
|
@@ -13534,6 +13932,18 @@ export declare const Drawer: typeof Drawer$1;
|
|
|
13534
13932
|
* CancelTrigger, Control. */
|
|
13535
13933
|
export declare const Editable: typeof Editable$1;
|
|
13536
13934
|
//#endregion
|
|
13935
|
+
//#region src/components/ellipsis/props.d.ts
|
|
13936
|
+
interface EllipsisProps extends HTMLAttributes<HTMLSpanElement> {
|
|
13937
|
+
lines?: number;
|
|
13938
|
+
children?: Snippet;
|
|
13939
|
+
}
|
|
13940
|
+
//#endregion
|
|
13941
|
+
//#region src/components/ellipsis/index.d.ts
|
|
13942
|
+
/** The overflow knife: text cut at one line, or held to N lines. The
|
|
13943
|
+
* primitive only draws the cut — reaching the full text (title,
|
|
13944
|
+
* tooltip) stays the consumer's decision. */
|
|
13945
|
+
export declare const Ellipsis: import("svelte").Component<EllipsisProps, {}, "">;
|
|
13946
|
+
//#endregion
|
|
13537
13947
|
//#region src/components/empty/props.d.ts
|
|
13538
13948
|
interface EmptyProps extends HTMLAttributes<HTMLDivElement> {
|
|
13539
13949
|
children?: Snippet;
|
|
@@ -13582,6 +13992,56 @@ export declare const Fieldset: typeof Fieldset$1;
|
|
|
13582
13992
|
* Context. */
|
|
13583
13993
|
export declare const FileUpload: typeof FileUpload$1;
|
|
13584
13994
|
//#endregion
|
|
13995
|
+
//#region src/components/float-button/props.d.ts
|
|
13996
|
+
type FloatButtonPlacement = "bottom-end" | "bottom-start" | "top-end" | "top-start";
|
|
13997
|
+
interface FloatButtonProps extends HTMLAttributes<HTMLDivElement> {
|
|
13998
|
+
/** Controlled openness — `bind:open` receives every flip; leave it
|
|
13999
|
+
* unbound and the group holds its own state. */
|
|
14000
|
+
open?: boolean;
|
|
14001
|
+
/** Which corner the group moors at. */
|
|
14002
|
+
placement?: FloatButtonPlacement;
|
|
14003
|
+
children?: Snippet;
|
|
14004
|
+
}
|
|
14005
|
+
interface FloatButtonTriggerProps {
|
|
14006
|
+
/** The accessible name; the control is icon-only. */
|
|
14007
|
+
label?: string;
|
|
14008
|
+
children?: Snippet;
|
|
14009
|
+
}
|
|
14010
|
+
interface FloatButtonItemProps {
|
|
14011
|
+
/** The action's name: the button's accessible name and the
|
|
14012
|
+
* annotation surfaced beside it while the group is open. */
|
|
14013
|
+
label: string;
|
|
14014
|
+
disabled?: boolean;
|
|
14015
|
+
/** Fired when the item's action is chosen — the fan folds right
|
|
14016
|
+
* after. */
|
|
14017
|
+
onclick?: () => void;
|
|
14018
|
+
children?: Snippet;
|
|
14019
|
+
}
|
|
14020
|
+
//#endregion
|
|
14021
|
+
//#region src/components/float-button/context.d.ts
|
|
14022
|
+
/** The group's openness, shared from the mooring to its parts. */
|
|
14023
|
+
interface FloatButtonContext {
|
|
14024
|
+
/** Live openness — read through the getter, so parts re-render as it
|
|
14025
|
+
* flips. */
|
|
14026
|
+
readonly open: boolean;
|
|
14027
|
+
toggle: () => void;
|
|
14028
|
+
/** Folds the fan — an Item calls this once its action fires, the way
|
|
14029
|
+
* a speed dial closes after a choice. */
|
|
14030
|
+
close: () => void;
|
|
14031
|
+
}
|
|
14032
|
+
/** Context key for {@link FloatButtonContext}, exported so a custom
|
|
14033
|
+
* part can read the group's state. */
|
|
14034
|
+
export declare const FLOAT_BUTTON_KEY: unique symbol;
|
|
14035
|
+
//#endregion
|
|
14036
|
+
//#region src/components/float-button/index.d.ts
|
|
14037
|
+
/** A floating action and its fanned-out alternatives — FAB and speed
|
|
14038
|
+
* dial in one family. Root, Trigger, Item. */
|
|
14039
|
+
export declare const FloatButton: import("svelte").Component<FloatButtonProps, {}, "open"> & {
|
|
14040
|
+
Root: import("svelte").Component<FloatButtonProps, {}, "open">;
|
|
14041
|
+
Trigger: import("svelte").Component<FloatButtonTriggerProps, {}, "">;
|
|
14042
|
+
Item: import("svelte").Component<FloatButtonItemProps, {}, "">;
|
|
14043
|
+
};
|
|
14044
|
+
//#endregion
|
|
13585
14045
|
//#region src/components/floating-panel/index.d.ts
|
|
13586
14046
|
/** Ark's FloatingPanel, dressed in the paper-and-ink system: the shared
|
|
13587
14047
|
* popup vessel let loose — a draggable, resizable sheet whose header is the
|
|
@@ -13608,6 +14068,75 @@ export declare const Format: typeof Format$1;
|
|
|
13608
14068
|
* core stylesheet to hook. The API is Ark's own. */
|
|
13609
14069
|
export declare const Frame: import("svelte").Component<import("@ark-ui/svelte/frame").FrameProps, {}, "ref">;
|
|
13610
14070
|
//#endregion
|
|
14071
|
+
//#region src/components/form/props.d.ts
|
|
14072
|
+
/** The one error a field can carry: where it lives in the form state
|
|
14073
|
+
* (dot notation for nested objects, indexes for arrays) and what went
|
|
14074
|
+
* wrong. */
|
|
14075
|
+
interface FormError {
|
|
14076
|
+
name: string;
|
|
14077
|
+
message: string;
|
|
14078
|
+
}
|
|
14079
|
+
/** The Standard Schema surface this package understands — the slice
|
|
14080
|
+
* valibot, zod, arktype and friends all expose. Declared structurally
|
|
14081
|
+
* so no spec package becomes a dependency. */
|
|
14082
|
+
interface StandardSchema<Input = unknown> {
|
|
14083
|
+
readonly "~standard": {
|
|
14084
|
+
readonly validate: (value: Input) => Promise<ValidateResult> | ValidateResult;
|
|
14085
|
+
};
|
|
14086
|
+
}
|
|
14087
|
+
interface ValidateResult {
|
|
14088
|
+
readonly value?: unknown;
|
|
14089
|
+
readonly issues?: ReadonlyArray<{
|
|
14090
|
+
readonly message: string;
|
|
14091
|
+
readonly path?: ReadonlyArray<PropertyKey | {
|
|
14092
|
+
readonly key: PropertyKey;
|
|
14093
|
+
}>;
|
|
14094
|
+
}>;
|
|
14095
|
+
}
|
|
14096
|
+
type FormInputEvent = "input" | "change" | "blur";
|
|
14097
|
+
interface FormProps extends HTMLAttributes<HTMLFormElement> {
|
|
14098
|
+
state: Record<string, unknown>;
|
|
14099
|
+
schema?: StandardSchema;
|
|
14100
|
+
validate?: (state: Record<string, unknown>) => FormError[] | Promise<FormError[]>;
|
|
14101
|
+
validateOn?: FormInputEvent[];
|
|
14102
|
+
disabled?: boolean;
|
|
14103
|
+
onSubmit?: (state: Record<string, unknown>) => void;
|
|
14104
|
+
onError?: (errors: FormError[]) => void;
|
|
14105
|
+
children?: Snippet;
|
|
14106
|
+
}
|
|
14107
|
+
interface FormFieldProps extends HTMLAttributes<HTMLDivElement> {
|
|
14108
|
+
name?: string;
|
|
14109
|
+
label?: string;
|
|
14110
|
+
hint?: string;
|
|
14111
|
+
required?: boolean;
|
|
14112
|
+
invalid?: boolean;
|
|
14113
|
+
disabled?: boolean;
|
|
14114
|
+
children?: Snippet;
|
|
14115
|
+
}
|
|
14116
|
+
//#endregion
|
|
14117
|
+
//#region src/components/form/index.d.ts
|
|
14118
|
+
/** The validation scheduler and the named slot in its grid — the
|
|
14119
|
+
* schema is any Standard Schema, errors reach their field by name. */
|
|
14120
|
+
export declare const Form: import("svelte").Component<FormProps, {
|
|
14121
|
+
validate: () => Promise<Map<string, string>>;
|
|
14122
|
+
}, "">;
|
|
14123
|
+
export declare const FormField: import("svelte").Component<FormFieldProps, {}, "">;
|
|
14124
|
+
//#endregion
|
|
14125
|
+
//#region src/components/grid/props.d.ts
|
|
14126
|
+
interface GridProps extends HTMLAttributes<HTMLDivElement> {
|
|
14127
|
+
columns?: number;
|
|
14128
|
+
gap?: "none" | "xs" | "sm" | "md" | "lg" | "xl";
|
|
14129
|
+
/** Switch to the auto-fill lattice: each track is at least this wide,
|
|
14130
|
+
* and the container decides how many fit. */
|
|
14131
|
+
minChildWidth?: string;
|
|
14132
|
+
children?: Snippet;
|
|
14133
|
+
}
|
|
14134
|
+
//#endregion
|
|
14135
|
+
//#region src/components/grid/index.d.ts
|
|
14136
|
+
/** An alignment lattice: tracks of equal measure, sized by column count
|
|
14137
|
+
* — or, with `minChildWidth`, as many tracks as the container fits. */
|
|
14138
|
+
export declare const Grid: import("svelte").Component<GridProps, {}, "">;
|
|
14139
|
+
//#endregion
|
|
13611
14140
|
//#region src/components/highlight/index.d.ts
|
|
13612
14141
|
/** Ark's Highlight, dressed in the paper-and-ink system: query hits are
|
|
13613
14142
|
* strokes of pigment on the page — a quiet tint of the accent behind the
|
|
@@ -13621,6 +14150,42 @@ export declare const Highlight: import("svelte").Component<import("@ark-ui/svelt
|
|
|
13621
14150
|
* API is Ark's own — Root, Trigger, Positioner, Content, Arrow, ArrowTip. */
|
|
13622
14151
|
export declare const HoverCard: typeof HoverCard$1;
|
|
13623
14152
|
//#endregion
|
|
14153
|
+
//#region src/components/icon/props.d.ts
|
|
14154
|
+
interface IconProps extends HTMLAttributes<HTMLSpanElement> {
|
|
14155
|
+
/** Size steps follow the surrounding font size; `inherit` is the
|
|
14156
|
+
* default — one em of the text the icon sits in. */
|
|
14157
|
+
size?: "inherit" | "sm" | "md" | "lg";
|
|
14158
|
+
/** The accessible name. Without it the icon is presentation-only and
|
|
14159
|
+
* hidden from the accessibility tree. */
|
|
14160
|
+
label?: string;
|
|
14161
|
+
children?: Snippet;
|
|
14162
|
+
}
|
|
14163
|
+
//#endregion
|
|
14164
|
+
//#region src/components/icon/index.d.ts
|
|
14165
|
+
/** The inkwell: a standard box that keeps any inline svg at its optical
|
|
14166
|
+
* measure and in the text's own ink — the icon carries no pigment and
|
|
14167
|
+
* no size of its own. Bring the glyph; it ships no set. */
|
|
14168
|
+
export declare const Icon: import("svelte").Component<IconProps, {}, "">;
|
|
14169
|
+
//#endregion
|
|
14170
|
+
//#region src/components/image/props.d.ts
|
|
14171
|
+
interface ImageProps extends HTMLAttributes<HTMLElement> {
|
|
14172
|
+
src: string;
|
|
14173
|
+
alt?: string;
|
|
14174
|
+
fit?: "cover" | "contain" | "fill" | "none";
|
|
14175
|
+
loading?: "lazy" | "eager";
|
|
14176
|
+
/** What a broken source leaves — the quiet placeholder glyph by
|
|
14177
|
+
* default. */
|
|
14178
|
+
fallback?: Snippet;
|
|
14179
|
+
}
|
|
14180
|
+
//#endregion
|
|
14181
|
+
//#region src/components/image/index.d.ts
|
|
14182
|
+
/** A framed picture: while the source loads, the frame keeps the
|
|
14183
|
+
* skeleton's breath; the picture dissolves in when it lands; a broken
|
|
14184
|
+
* source leaves the fallback snippet — or the placeholder glyph when
|
|
14185
|
+
* the caller has nothing local to say. The frame's size is the
|
|
14186
|
+
* consumer's to give. */
|
|
14187
|
+
export declare const Image: import("svelte").Component<ImageProps, {}, "">;
|
|
14188
|
+
//#endregion
|
|
13624
14189
|
//#region src/components/image-cropper/index.d.ts
|
|
13625
14190
|
/** Ark's ImageCropper, dressed in the paper-and-ink system: a rounded vessel
|
|
13626
14191
|
* holding the photograph, one lit selection window framed by light hairlines.
|
|
@@ -13628,6 +14193,60 @@ export declare const HoverCard: typeof HoverCard$1;
|
|
|
13628
14193
|
* Context. */
|
|
13629
14194
|
export declare const ImageCropper: typeof ImageCropper$1;
|
|
13630
14195
|
//#endregion
|
|
14196
|
+
//#region src/components/image-viewer/props.d.ts
|
|
14197
|
+
interface ImageViewerProps {
|
|
14198
|
+
src: string;
|
|
14199
|
+
alt?: string;
|
|
14200
|
+
/** Whether the lightbox is up. Bind it (`bind:open`) to control the
|
|
14201
|
+
* viewer; left alone it keeps the state to itself. */
|
|
14202
|
+
open?: boolean;
|
|
14203
|
+
zoomable?: boolean;
|
|
14204
|
+
/** The viewer's open state turned. */
|
|
14205
|
+
onOpenChange?: (open: boolean) => void;
|
|
14206
|
+
}
|
|
14207
|
+
//#endregion
|
|
14208
|
+
//#region src/components/image-viewer/index.d.ts
|
|
14209
|
+
/** A lightbox: the picture over a dimmed page, with a small toolbar
|
|
14210
|
+
* beneath it. Zoom is the reader's hand (half to three times,
|
|
14211
|
+
* clamped), a quarter turn at a time rotates, Escape and the scrim
|
|
14212
|
+
* close — the dialog machine carries the modal part. `open` may stay
|
|
14213
|
+
* with the caller (`bind:open`); left alone the viewer keeps it to
|
|
14214
|
+
* itself. */
|
|
14215
|
+
export declare const ImageViewer: import("svelte").Component<ImageViewerProps, {}, "open">;
|
|
14216
|
+
//#endregion
|
|
14217
|
+
//#region src/components/input/props.d.ts
|
|
14218
|
+
interface InputProps extends HTMLAttributes<HTMLInputElement> {
|
|
14219
|
+
/** Two-way bindable — `bind:value` keeps the bound variable mirroring
|
|
14220
|
+
* the field. */
|
|
14221
|
+
value?: string | number;
|
|
14222
|
+
size?: "sm" | "md" | "lg";
|
|
14223
|
+
/** Standing alone this styles the control invalid; inside a Field
|
|
14224
|
+
* the context's invalid state joins in. */
|
|
14225
|
+
invalid?: boolean;
|
|
14226
|
+
}
|
|
14227
|
+
//#endregion
|
|
14228
|
+
//#region src/components/input/index.d.ts
|
|
14229
|
+
/** The bare text input, dressed in the field recipe: border, surface,
|
|
14230
|
+
* focus halo — no shadow. Inside a Field.Root it picks up the label
|
|
14231
|
+
* wiring and the invalid state from the context. */
|
|
14232
|
+
export declare const Input: import("svelte").Component<InputProps, {}, "value">;
|
|
14233
|
+
//#endregion
|
|
14234
|
+
//#region src/components/input-group/props.d.ts
|
|
14235
|
+
interface InputGroupProps extends HTMLAttributes<HTMLDivElement> {
|
|
14236
|
+
children?: Snippet;
|
|
14237
|
+
}
|
|
14238
|
+
interface InputGroupAddonProps extends HTMLAttributes<HTMLDivElement> {
|
|
14239
|
+
children?: Snippet;
|
|
14240
|
+
}
|
|
14241
|
+
//#endregion
|
|
14242
|
+
//#region src/components/input-group/index.d.ts
|
|
14243
|
+
/** Merged controls: attachments and the entry fused into one seal —
|
|
14244
|
+
* Root, Addon. */
|
|
14245
|
+
export declare const InputGroup: import("svelte").Component<InputGroupProps, {}, ""> & {
|
|
14246
|
+
Root: import("svelte").Component<InputGroupProps, {}, "">;
|
|
14247
|
+
Addon: import("svelte").Component<InputGroupAddonProps, {}, "">;
|
|
14248
|
+
};
|
|
14249
|
+
//#endregion
|
|
13631
14250
|
//#region src/components/json-tree-view/index.d.ts
|
|
13632
14251
|
/** Ark's JsonTreeView, dressed in the paper-and-ink system: the tree-view
|
|
13633
14252
|
* recipes re-scoped, with value nodes reading as tabular data. The API is
|
|
@@ -13643,6 +14262,61 @@ interface KbdProps extends HTMLAttributes<HTMLElement> {
|
|
|
13643
14262
|
/** A keycap in miniature, riding the type it annotates. */
|
|
13644
14263
|
export declare const Kbd: import("svelte").Component<KbdProps, {}, "">;
|
|
13645
14264
|
//#endregion
|
|
14265
|
+
//#region src/components/layout/props.d.ts
|
|
14266
|
+
interface LayoutProps extends HTMLAttributes<HTMLDivElement> {
|
|
14267
|
+
/** Declare which edge the skeleton reserves for its sider — without
|
|
14268
|
+
* it the root is a single column. */
|
|
14269
|
+
sider?: "start" | "end";
|
|
14270
|
+
children?: Snippet;
|
|
14271
|
+
}
|
|
14272
|
+
/** A semantic block of the skeleton — header, footer, and the flow's
|
|
14273
|
+
* main content each land on their native element and their grid area. */
|
|
14274
|
+
interface LayoutRegionProps extends HTMLAttributes<HTMLElement> {
|
|
14275
|
+
children?: Snippet;
|
|
14276
|
+
}
|
|
14277
|
+
interface LayoutSiderProps extends Omit<HTMLAttributes<HTMLElement>, "children"> {
|
|
14278
|
+
/** The caller drives the fold — `bind:collapsed` mirrors every
|
|
14279
|
+
* change. */
|
|
14280
|
+
collapsed?: boolean;
|
|
14281
|
+
/** The rail's resting inline size — a layout parameter, not a visual
|
|
14282
|
+
* token, so it rides an inline variable. Bindable: the drag and the
|
|
14283
|
+
* arrow keys write through it. */
|
|
14284
|
+
width?: string;
|
|
14285
|
+
/** The inline size when folded. */
|
|
14286
|
+
collapsedWidth?: string;
|
|
14287
|
+
/** Offer the hairline at the flow edge: the rail's width follows the
|
|
14288
|
+
* hand (and the arrow keys), clamped by min/max, and every change
|
|
14289
|
+
* rides `bind:width`. */
|
|
14290
|
+
resizable?: boolean;
|
|
14291
|
+
/** The rail's narrowest inline size while resizing. */
|
|
14292
|
+
minWidth?: string;
|
|
14293
|
+
/** The rail's widest inline size while resizing. */
|
|
14294
|
+
maxWidth?: string;
|
|
14295
|
+
/** Receives the fold state, so a rail can swap its labels for icons
|
|
14296
|
+
* instead of being clipped mid-word by the narrowing edge. */
|
|
14297
|
+
children?: Snippet<[{
|
|
14298
|
+
collapsed: boolean;
|
|
14299
|
+
}]>;
|
|
14300
|
+
}
|
|
14301
|
+
//#endregion
|
|
14302
|
+
//#region src/components/layout/context.d.ts
|
|
14303
|
+
/** Which edge the enclosing root reserves for its rail — shared so the
|
|
14304
|
+
* sider's resize handle knows which way the hand pulls. */
|
|
14305
|
+
interface LayoutContext {
|
|
14306
|
+
siderPlacement: () => "start" | "end" | undefined;
|
|
14307
|
+
}
|
|
14308
|
+
//#endregion
|
|
14309
|
+
//#region src/components/layout/index.d.ts
|
|
14310
|
+
/** The application skeleton: Root, Header, Sider, Content, Footer —
|
|
14311
|
+
* the admin arrangement dressed in the paper-and-ink surfaces. */
|
|
14312
|
+
export declare const Layout: import("svelte").Component<LayoutProps, {}, ""> & {
|
|
14313
|
+
Root: import("svelte").Component<LayoutProps, {}, "">;
|
|
14314
|
+
Header: import("svelte").Component<LayoutRegionProps, {}, "">;
|
|
14315
|
+
Sider: import("svelte").Component<LayoutSiderProps, {}, "width" | "collapsed">;
|
|
14316
|
+
Content: import("svelte").Component<LayoutRegionProps, {}, "">;
|
|
14317
|
+
Footer: import("svelte").Component<LayoutRegionProps, {}, "">;
|
|
14318
|
+
};
|
|
14319
|
+
//#endregion
|
|
13646
14320
|
//#region src/components/link/props.d.ts
|
|
13647
14321
|
interface LinkProps extends HTMLAnchorAttributes {
|
|
13648
14322
|
underline?: "always" | "hover" | "none";
|
|
@@ -13654,6 +14328,46 @@ interface LinkProps extends HTMLAnchorAttributes {
|
|
|
13654
14328
|
* the hand, the halo at focus. */
|
|
13655
14329
|
export declare const Link: import("svelte").Component<LinkProps, {}, "">;
|
|
13656
14330
|
//#endregion
|
|
14331
|
+
//#region src/components/list/props.d.ts
|
|
14332
|
+
interface ListProps extends HTMLAttributes<HTMLUListElement> {
|
|
14333
|
+
/** One hairline between rows. */
|
|
14334
|
+
bordered?: boolean;
|
|
14335
|
+
/** Every row answers the pointer with a wash. */
|
|
14336
|
+
hoverable?: boolean;
|
|
14337
|
+
children?: Snippet;
|
|
14338
|
+
}
|
|
14339
|
+
interface ListItemProps extends HTMLAttributes<HTMLLIElement> {
|
|
14340
|
+
children?: Snippet;
|
|
14341
|
+
}
|
|
14342
|
+
interface ListLeadingProps extends HTMLAttributes<HTMLDivElement> {
|
|
14343
|
+
children?: Snippet;
|
|
14344
|
+
}
|
|
14345
|
+
interface ListActionsProps extends HTMLAttributes<HTMLDivElement> {
|
|
14346
|
+
children?: Snippet;
|
|
14347
|
+
}
|
|
14348
|
+
interface ListContentProps extends Omit<HTMLAttributes<HTMLDivElement>, "title"> {
|
|
14349
|
+
/** The row's words. */
|
|
14350
|
+
title?: Snippet;
|
|
14351
|
+
/** The quiet echo beneath the title. */
|
|
14352
|
+
description?: Snippet;
|
|
14353
|
+
/** Anything else the row holds, after title and description. */
|
|
14354
|
+
children?: Snippet;
|
|
14355
|
+
}
|
|
14356
|
+
//#endregion
|
|
14357
|
+
//#region src/components/list/index.d.ts
|
|
14358
|
+
/** A ledger of rows: Root is the list, Item one row, Leading the mark
|
|
14359
|
+
* before the words, Content the title and its quiet echo, Actions the
|
|
14360
|
+
* way out. The bordered variant draws the hairlines; the hoverable
|
|
14361
|
+
* variant gives every row the wash — and any row the caller makes
|
|
14362
|
+
* clickable (role="button") answers the pointer on its own. */
|
|
14363
|
+
export declare const List: import("svelte").Component<ListProps, {}, ""> & {
|
|
14364
|
+
Root: import("svelte").Component<ListProps, {}, "">;
|
|
14365
|
+
Item: import("svelte").Component<ListItemProps, {}, "">;
|
|
14366
|
+
Leading: import("svelte").Component<ListLeadingProps, {}, "">;
|
|
14367
|
+
Content: import("svelte").Component<ListContentProps, {}, "">;
|
|
14368
|
+
Actions: import("svelte").Component<ListActionsProps, {}, "">;
|
|
14369
|
+
};
|
|
14370
|
+
//#endregion
|
|
13657
14371
|
//#region src/components/listbox/index.d.ts
|
|
13658
14372
|
/** Ark's Listbox, dressed in the paper-and-ink system: quiet rows of ink
|
|
13659
14373
|
* where the checked row alone takes the flat primary fill. The API is
|
|
@@ -13668,6 +14382,19 @@ export declare const Listbox: typeof Listbox$1;
|
|
|
13668
14382
|
* cutting off. The API is Ark's own — Root, Viewport, Content, Edge, Item. */
|
|
13669
14383
|
export declare const Marquee: typeof Marquee$1;
|
|
13670
14384
|
//#endregion
|
|
14385
|
+
//#region src/components/masonry/props.d.ts
|
|
14386
|
+
interface MasonryProps extends HTMLAttributes<HTMLDivElement> {
|
|
14387
|
+
columns?: number;
|
|
14388
|
+
gap?: "none" | "xs" | "sm" | "md" | "lg" | "xl";
|
|
14389
|
+
children?: Snippet;
|
|
14390
|
+
}
|
|
14391
|
+
//#endregion
|
|
14392
|
+
//#region src/components/masonry/index.d.ts
|
|
14393
|
+
/** A wall of uneven heights: items flow down each column before
|
|
14394
|
+
* crossing to the next, so the order is column-first. A row-flow wall
|
|
14395
|
+
* would need grid masonry, which browsers do not ship yet. */
|
|
14396
|
+
export declare const Masonry: import("svelte").Component<MasonryProps, {}, "">;
|
|
14397
|
+
//#endregion
|
|
13671
14398
|
//#region src/components/menu/index.d.ts
|
|
13672
14399
|
/** Ark's Menu, dressed in the paper-and-ink system: a quiet paper vessel on
|
|
13673
14400
|
* elevation, hover as light on the row, checked items as the flat ink fill.
|
|
@@ -13676,6 +14403,95 @@ export declare const Marquee: typeof Marquee$1;
|
|
|
13676
14403
|
* TriggerItem, Separator, Arrow, ArrowTip. */
|
|
13677
14404
|
export declare const Menu: typeof Menu$1;
|
|
13678
14405
|
//#endregion
|
|
14406
|
+
//#region src/components/menubar/props.d.ts
|
|
14407
|
+
interface MenubarEntry {
|
|
14408
|
+
label: string;
|
|
14409
|
+
value: string;
|
|
14410
|
+
danger?: boolean;
|
|
14411
|
+
disabled?: boolean;
|
|
14412
|
+
}
|
|
14413
|
+
interface MenubarGroup {
|
|
14414
|
+
label: string;
|
|
14415
|
+
items: MenubarEntry[];
|
|
14416
|
+
}
|
|
14417
|
+
interface MenubarProps extends HTMLAttributes<HTMLDivElement> {
|
|
14418
|
+
/** The menus across the bar, each with its entries. */
|
|
14419
|
+
items?: MenubarGroup[];
|
|
14420
|
+
/** Called with the entry's `value` when it is chosen. */
|
|
14421
|
+
onSelect?: (value: string) => void;
|
|
14422
|
+
}
|
|
14423
|
+
//#endregion
|
|
14424
|
+
//#region src/components/menubar/index.d.ts
|
|
14425
|
+
/** A desktop-style menu bar: a row of quiet ghost triggers, each
|
|
14426
|
+
* opening the same paper vessel as the menu family. The triggers are
|
|
14427
|
+
* our own buttons grafted onto the menu machine's trigger via
|
|
14428
|
+
* `asChild` — the machine keeps the trigger element (positioning,
|
|
14429
|
+
* focus restore, `data-state`) while the element wears the menubar
|
|
14430
|
+
* scope. The popups keep the menu parts untouched, so the menu
|
|
14431
|
+
* stylesheet dresses them. */
|
|
14432
|
+
export declare const Menubar: import("svelte").Component<MenubarProps, {}, "">;
|
|
14433
|
+
//#endregion
|
|
14434
|
+
//#region src/components/mentions/props.d.ts
|
|
14435
|
+
interface MentionEntry {
|
|
14436
|
+
label: string;
|
|
14437
|
+
value: string;
|
|
14438
|
+
}
|
|
14439
|
+
interface UseMentionsOptions {
|
|
14440
|
+
/** The candidates offered once the trigger character is typed. */
|
|
14441
|
+
items: MentionEntry[];
|
|
14442
|
+
/** The character that summons the candidates. */
|
|
14443
|
+
trigger?: string;
|
|
14444
|
+
}
|
|
14445
|
+
interface UseMentionsHandlers {
|
|
14446
|
+
/** The text the field holds right now — read at keystroke time, never
|
|
14447
|
+
* from a controlled prop that lags a render behind the caret. */
|
|
14448
|
+
getText: () => string;
|
|
14449
|
+
/** Writes the field's next text: a mention inserted at the token. */
|
|
14450
|
+
setText: (value: string) => void;
|
|
14451
|
+
}
|
|
14452
|
+
interface MentionsProps extends HTMLAttributes<HTMLDivElement> {
|
|
14453
|
+
/** The candidates offered once the trigger character is typed. */
|
|
14454
|
+
items?: MentionEntry[];
|
|
14455
|
+
/** Two-way bindable — `bind:value` keeps the bound variable mirroring
|
|
14456
|
+
* the field; changes are reported through `onValueChange`. */
|
|
14457
|
+
value?: string;
|
|
14458
|
+
/** The character that summons the candidates. */
|
|
14459
|
+
trigger?: string;
|
|
14460
|
+
placeholder?: string;
|
|
14461
|
+
/** Let the field grow with its text instead of holding `rows`. */
|
|
14462
|
+
autoresize?: boolean;
|
|
14463
|
+
/** Standing alone, the field announces itself invalid; inside a
|
|
14464
|
+
* `Field.Root` the field's own invalid state takes over. */
|
|
14465
|
+
invalid?: boolean;
|
|
14466
|
+
/** The field's text turned. */
|
|
14467
|
+
onValueChange?: (value: string) => void;
|
|
14468
|
+
}
|
|
14469
|
+
interface MentionsVesselProps {
|
|
14470
|
+
open?: boolean;
|
|
14471
|
+
matches?: MentionEntry[];
|
|
14472
|
+
active?: number;
|
|
14473
|
+
/** The live rectangle the vessel points at — the host's field. */
|
|
14474
|
+
anchor?: HTMLTextAreaElement | null;
|
|
14475
|
+
/** A candidate was confirmed (click or Enter). */
|
|
14476
|
+
onInsert?: (entry: MentionEntry) => void;
|
|
14477
|
+
/** The keyboard's active row moved. */
|
|
14478
|
+
onActiveChange?: (index: number) => void;
|
|
14479
|
+
/** The vessel's open state turned. */
|
|
14480
|
+
onOpenChange?: (open: boolean) => void;
|
|
14481
|
+
}
|
|
14482
|
+
//#endregion
|
|
14483
|
+
//#region src/components/mentions/index.d.ts
|
|
14484
|
+
/** @-mentions: a plain textarea that, when the text before the caret
|
|
14485
|
+
* ends with the trigger character followed by a token, offers the
|
|
14486
|
+
* matching candidates in a small anchored vessel; choosing one replaces
|
|
14487
|
+
* the token with `trigger + label` and hands the whole text back
|
|
14488
|
+
* through `bind:value`. Arrows move, Enter inserts, Escape dismisses. */
|
|
14489
|
+
export declare const Mentions: import("svelte").Component<MentionsProps, {}, "value">;
|
|
14490
|
+
/** The vessel: the candidates themselves as a floating card. Composers
|
|
14491
|
+
* that keep their own field anatomy wire it up with `useMentions`
|
|
14492
|
+
* directly. */
|
|
14493
|
+
export declare const MentionsVessel: import("svelte").Component<MentionsVesselProps, {}, "">;
|
|
14494
|
+
//#endregion
|
|
13679
14495
|
//#region src/components/meter/props.d.ts
|
|
13680
14496
|
interface MeterRootProps extends HTMLAttributes<HTMLDivElement> {
|
|
13681
14497
|
/** The measured value — clamped between min and max. */
|
|
@@ -13737,6 +14553,24 @@ export declare const PasswordInput: typeof PasswordInput$1;
|
|
|
13737
14553
|
* Root, Label, Control, Input, HiddenInput. */
|
|
13738
14554
|
export declare const PinInput: typeof PinInput$1;
|
|
13739
14555
|
//#endregion
|
|
14556
|
+
//#region src/components/popconfirm/props.d.ts
|
|
14557
|
+
interface PopconfirmProps {
|
|
14558
|
+
/** The question the reader is answering. */
|
|
14559
|
+
message: string;
|
|
14560
|
+
confirmText?: string;
|
|
14561
|
+
cancelText?: string;
|
|
14562
|
+
onConfirm?: () => void;
|
|
14563
|
+
onCancel?: () => void;
|
|
14564
|
+
/** The trigger — give it a single element (wrap a group in a span
|
|
14565
|
+
* otherwise). */
|
|
14566
|
+
children?: Snippet;
|
|
14567
|
+
}
|
|
14568
|
+
//#endregion
|
|
14569
|
+
//#region src/components/popconfirm/index.d.ts
|
|
14570
|
+
/** A question at the point of no return: the trigger opens a small
|
|
14571
|
+
* anchored vessel carrying the message and two answers. */
|
|
14572
|
+
export declare const Popconfirm: import("svelte").Component<PopconfirmProps, {}, "">;
|
|
14573
|
+
//#endregion
|
|
13740
14574
|
//#region src/components/popover/index.d.ts
|
|
13741
14575
|
/** Ark's Popover, dressed in the paper-and-ink system: a paper vessel that
|
|
13742
14576
|
* dissolves in on elevation, anchored to its trigger by a whisker arrow. The
|
|
@@ -13751,6 +14585,28 @@ export declare const Popover: typeof Popover$1;
|
|
|
13751
14585
|
* CircleTrack, CircleRange. */
|
|
13752
14586
|
export declare const Progress: typeof Progress$1;
|
|
13753
14587
|
//#endregion
|
|
14588
|
+
//#region src/components/progress-group/props.d.ts
|
|
14589
|
+
/** One verdict on the bar. */
|
|
14590
|
+
interface ProgressSegment {
|
|
14591
|
+
value: number;
|
|
14592
|
+
label?: string;
|
|
14593
|
+
pigment?: "primary" | "success" | "warning" | "danger" | "info";
|
|
14594
|
+
}
|
|
14595
|
+
interface ProgressGroupProps extends HTMLAttributes<HTMLDivElement> {
|
|
14596
|
+
segments: ProgressSegment[];
|
|
14597
|
+
max?: number;
|
|
14598
|
+
showLegend?: boolean;
|
|
14599
|
+
children?: Snippet;
|
|
14600
|
+
}
|
|
14601
|
+
//#endregion
|
|
14602
|
+
//#region src/components/progress-group/index.d.ts
|
|
14603
|
+
/** One bar, several verdicts: the segments stand shoulder to shoulder,
|
|
14604
|
+
* each as wide as its share of the whole and speaking its own pigment;
|
|
14605
|
+
* the legend reads them back beneath (swatch, label, value) unless the
|
|
14606
|
+
* caller declines it. The whole is the sum of the parts unless the
|
|
14607
|
+
* caller brings a larger one — the remainder then shows as groove. */
|
|
14608
|
+
export declare const ProgressGroup: import("svelte").Component<ProgressGroupProps, {}, "">;
|
|
14609
|
+
//#endregion
|
|
13754
14610
|
//#region src/components/qr-code/index.d.ts
|
|
13755
14611
|
/** Ark's QrCode, dressed in the paper-and-ink system: the pattern prints in
|
|
13756
14612
|
* ink on the page, with an optional paper badge and a seal-cut download
|
|
@@ -13827,12 +14683,58 @@ export declare const Skeleton: import("svelte").Component<SkeletonProps, {}, "">
|
|
|
13827
14683
|
* Thumb, MarkerGroup, Marker, DraggingIndicator, HiddenInput. */
|
|
13828
14684
|
export declare const Slider: typeof Slider$1;
|
|
13829
14685
|
//#endregion
|
|
14686
|
+
//#region src/components/split-button/props.d.ts
|
|
14687
|
+
interface SplitButtonEntry {
|
|
14688
|
+
label: string;
|
|
14689
|
+
/** Handed back with `onSelect` when the entry is chosen. */
|
|
14690
|
+
value: string;
|
|
14691
|
+
danger?: boolean;
|
|
14692
|
+
disabled?: boolean;
|
|
14693
|
+
}
|
|
14694
|
+
interface SplitButtonProps extends HTMLAttributes<HTMLDivElement> {
|
|
14695
|
+
/** The main action's label. */
|
|
14696
|
+
label: string;
|
|
14697
|
+
/** The dropdown's entries. */
|
|
14698
|
+
items?: SplitButtonEntry[];
|
|
14699
|
+
/** How both halves rest; the arrow always reads as one control with
|
|
14700
|
+
* the main button. */
|
|
14701
|
+
variant?: "solid" | "outline" | "ghost" | "subtle";
|
|
14702
|
+
tone?: "ink" | "info" | "success" | "warning" | "danger";
|
|
14703
|
+
size?: "sm" | "md" | "lg";
|
|
14704
|
+
disabled?: boolean;
|
|
14705
|
+
/** The main button was pressed. */
|
|
14706
|
+
onclick?: () => void;
|
|
14707
|
+
/** An entry was chosen; carries its `value`. */
|
|
14708
|
+
onSelect?: (value: string) => void;
|
|
14709
|
+
}
|
|
14710
|
+
//#endregion
|
|
14711
|
+
//#region src/components/split-button/index.d.ts
|
|
14712
|
+
/** A primary action with its alternatives one seam away: the main
|
|
14713
|
+
* button fires, the fitted arrow opens a paper vessel whose entries
|
|
14714
|
+
* hand back their value. */
|
|
14715
|
+
export declare const SplitButton: import("svelte").Component<SplitButtonProps, {}, "">;
|
|
14716
|
+
//#endregion
|
|
13830
14717
|
//#region src/components/splitter/index.d.ts
|
|
13831
14718
|
/** Ark's Splitter, dressed in the paper-and-ink system: panels divide on
|
|
13832
14719
|
* a hairline and a small paper-seal thumb answers the hand. The API is
|
|
13833
14720
|
* Ark's own — Root, Panel, ResizeTrigger, ResizeTriggerIndicator. */
|
|
13834
14721
|
export declare const Splitter: typeof Splitter$1;
|
|
13835
14722
|
//#endregion
|
|
14723
|
+
//#region src/components/stack/props.d.ts
|
|
14724
|
+
interface StackProps extends HTMLAttributes<HTMLDivElement> {
|
|
14725
|
+
direction?: "column" | "row";
|
|
14726
|
+
gap?: "none" | "xs" | "sm" | "md" | "lg" | "xl";
|
|
14727
|
+
wrap?: boolean;
|
|
14728
|
+
align?: string;
|
|
14729
|
+
justify?: string;
|
|
14730
|
+
children?: Snippet;
|
|
14731
|
+
}
|
|
14732
|
+
//#endregion
|
|
14733
|
+
//#region src/components/stack/index.d.ts
|
|
14734
|
+
/** Whitespace chosen by name: the named steps point at the space ramp
|
|
14735
|
+
* so siblings are held apart by one token, never by ad-hoc margins. */
|
|
14736
|
+
export declare const Stack: import("svelte").Component<StackProps, {}, "">;
|
|
14737
|
+
//#endregion
|
|
13836
14738
|
//#region src/components/page-header/props.d.ts
|
|
13837
14739
|
interface PageHeaderPartProps extends HTMLAttributes<HTMLElement> {
|
|
13838
14740
|
children?: Snippet;
|
|
@@ -13996,6 +14898,22 @@ export declare const Tabs: typeof Tabs$1;
|
|
|
13996
14898
|
* Context. */
|
|
13997
14899
|
export declare const TagsInput: typeof TagsInput$1;
|
|
13998
14900
|
//#endregion
|
|
14901
|
+
//#region src/components/textarea/props.d.ts
|
|
14902
|
+
interface TextareaProps extends HTMLAttributes<HTMLTextAreaElement> {
|
|
14903
|
+
/** Two-way bindable — `bind:value` keeps the bound variable mirroring
|
|
14904
|
+
* the field. */
|
|
14905
|
+
value?: string;
|
|
14906
|
+
/** Standing alone this styles the control invalid; inside a Field
|
|
14907
|
+
* the context's invalid state joins in. */
|
|
14908
|
+
invalid?: boolean;
|
|
14909
|
+
}
|
|
14910
|
+
//#endregion
|
|
14911
|
+
//#region src/components/textarea/index.d.ts
|
|
14912
|
+
/** The bare multi-line input, dressed in the field recipe: border,
|
|
14913
|
+
* surface, focus halo — no shadow. Inside a Field.Root it picks up the
|
|
14914
|
+
* label wiring and the invalid state from the context. */
|
|
14915
|
+
export declare const Textarea: import("svelte").Component<TextareaProps, {}, "value">;
|
|
14916
|
+
//#endregion
|
|
13999
14917
|
//#region src/components/timeline/props.d.ts
|
|
14000
14918
|
interface TimelineProps extends HTMLAttributes<HTMLOListElement> {
|
|
14001
14919
|
children?: Snippet;
|
|
@@ -14067,6 +14985,28 @@ export declare const Typography: import("svelte").Component<TypographyPartProps,
|
|
|
14067
14985
|
Label: import("svelte").Component<TypographyPartProps, {}, "">;
|
|
14068
14986
|
};
|
|
14069
14987
|
//#endregion
|
|
14988
|
+
//#region src/components/transfer/props.d.ts
|
|
14989
|
+
interface TransferItem {
|
|
14990
|
+
label: string;
|
|
14991
|
+
value: string;
|
|
14992
|
+
disabled?: boolean;
|
|
14993
|
+
}
|
|
14994
|
+
interface TransferProps extends HTMLAttributes<HTMLDivElement> {
|
|
14995
|
+
/** Two-way bindable — `bind:value` keeps the bound list mirroring the
|
|
14996
|
+
* target column. */
|
|
14997
|
+
value?: string[];
|
|
14998
|
+
data: TransferItem[];
|
|
14999
|
+
titles?: string[];
|
|
15000
|
+
searchable?: boolean;
|
|
15001
|
+
disabled?: boolean;
|
|
15002
|
+
}
|
|
15003
|
+
//#endregion
|
|
15004
|
+
//#region src/components/transfer/index.d.ts
|
|
15005
|
+
/** Two ledgers and a crossing: items sit in the source column until
|
|
15006
|
+
* the reader checks them and walks them across — and back, the same
|
|
15007
|
+
* way. */
|
|
15008
|
+
export declare const Transfer: import("svelte").Component<TransferProps, {}, "value">;
|
|
15009
|
+
//#endregion
|
|
14070
15010
|
//#region src/components/toggle-group/index.d.ts
|
|
14071
15011
|
/** Ark's ToggleGroup, dressed in the paper-and-ink system: a hairline tray
|
|
14072
15012
|
* of quiet seals where the pressed item takes the flat ink fill. The API is
|
|
@@ -14088,6 +15028,27 @@ export declare const Tooltip: typeof Tooltip$1;
|
|
|
14088
15028
|
* useTour. */
|
|
14089
15029
|
export declare const Tour: typeof Tour$1;
|
|
14090
15030
|
//#endregion
|
|
15031
|
+
//#region src/components/tree-select/props.d.ts
|
|
15032
|
+
interface TreeSelectNode {
|
|
15033
|
+
label: string;
|
|
15034
|
+
value: string;
|
|
15035
|
+
children?: TreeSelectNode[];
|
|
15036
|
+
disabled?: boolean;
|
|
15037
|
+
}
|
|
15038
|
+
interface TreeSelectProps extends HTMLAttributes<HTMLButtonElement> {
|
|
15039
|
+
/** Two-way bindable — `bind:value` keeps the bound variable mirroring
|
|
15040
|
+
* the chosen leaf. */
|
|
15041
|
+
value?: string;
|
|
15042
|
+
data: TreeSelectNode[];
|
|
15043
|
+
placeholder?: string;
|
|
15044
|
+
disabled?: boolean;
|
|
15045
|
+
}
|
|
15046
|
+
//#endregion
|
|
15047
|
+
//#region src/components/tree-select/index.d.ts
|
|
15048
|
+
/** A tree behind a field: the control reads like an input, the vessel
|
|
15049
|
+
* below walks the hierarchy, and one leaf click closes the deal. */
|
|
15050
|
+
export declare const TreeSelect: import("svelte").Component<TreeSelectProps, {}, "value">;
|
|
15051
|
+
//#endregion
|
|
14091
15052
|
//#region src/components/tree-view/index.d.ts
|
|
14092
15053
|
/** Ark's TreeView, dressed in the paper-and-ink system: quiet rows where
|
|
14093
15054
|
* selection is pure light on the paper, one hairline plumb line per depth,
|
|
@@ -14098,4 +15059,20 @@ export declare const Tour: typeof Tour$1;
|
|
|
14098
15059
|
* NodeRenameInput, plus createTreeCollection. */
|
|
14099
15060
|
export declare const TreeView: typeof TreeView$1;
|
|
14100
15061
|
//#endregion
|
|
14101
|
-
|
|
15062
|
+
//#region src/components/watermark/props.d.ts
|
|
15063
|
+
interface WatermarkProps extends HTMLAttributes<HTMLDivElement> {
|
|
15064
|
+
content: string;
|
|
15065
|
+
opacity?: number;
|
|
15066
|
+
rotate?: number;
|
|
15067
|
+
fontSize?: string;
|
|
15068
|
+
children?: Snippet;
|
|
15069
|
+
}
|
|
15070
|
+
//#endregion
|
|
15071
|
+
//#region src/components/watermark/index.d.ts
|
|
15072
|
+
/** The paper bears its seal beneath the content: a canvas draws the
|
|
15073
|
+
* text once into a tile (rotated, faint, crisp at the screen's pixel
|
|
15074
|
+
* density) and the marks layer repeats it over the children. The seal
|
|
15075
|
+
* redraws itself when a prop turns — and it never takes a pointer. */
|
|
15076
|
+
export declare const Watermark: import("svelte").Component<WatermarkProps, {}, "">;
|
|
15077
|
+
//#endregion
|
|
15078
|
+
export { type ActionProps, type AffixProps, Attachment as AiAttachment, Attachments as AiAttachments, type AiPartProps, type AlertPartProps, type AlertProps, type AlertStatus, type AspectRatioProps, type AttachmentProps, type AttachmentStatus, type AttachmentsProps, type AutoCompleteProps, type AvatarGroupProps, type BackTopProps, type BadgeProps, type BannerCloseProps, type BannerPartProps, type BannerProps, type BannerStatus, type BreadcrumbCurrentProps, type BreadcrumbItemProps, type BreadcrumbLinkProps, type BreadcrumbListProps, type BreadcrumbProps, type BreadcrumbSeparatorProps, type ButtonGroupProps, type ButtonProps, type CalendarProps, Card$1 as Card, type CardDescriptionProps, type CardPartProps, type CardProps, type CardTitleProps, type CascadeSelectNode, type CascadeSelectProps, type CheckboxGroupProps, type CheckboxOption, type ChipProps, ClientOnly, type ClientOnlyProps, type CollectionItem, type CollectionOptions, type ColumnDef, type CommandEntry, type CommandProps, type CommentProps, type ConfigContext, type ConfigDensity, type ConfigProviderProps, type ContainerProps, type CreateToasterReturn, type DataTableProps, type DataUIPart, type DateInputFocusChangeDetails, type DateInputValueChangeDetails, type DatePickerFocusChangeDetails, type DatePickerOpenChangeDetails, type DatePickerValueChangeDetails, type DatePickerViewChangeDetails, type DatePickerVisibleRangeChangeDetails, type DescriptionsPartProps, type DescriptionsRootProps, type DialogOpenChangeDetails, DownloadTrigger, type DownloadTriggerBaseProps, type DownloadTriggerProps, type DownloadableData, type DynamicInputProps, type EllipsisProps, type EmptyDescriptionProps, type EmptyPartProps, type EmptyProps, type EmptyTitleProps, type FilePathTreeNode, type FileUIPart, type FlatTreeNode, FlexRender, type FloatButtonContext, type FloatButtonItemProps, type FloatButtonPlacement, type FloatButtonProps, type FloatButtonTriggerProps, FocusTrap, type FocusTrapBaseProps, type FocusTrapProps, type FormError, type FormFieldProps, type FormInputEvent, type FormProps, type GridCollection, type GridCollectionOptions, type GridProps, type IconProps, type ImageProps, type ImageViewerProps, type InputGroupAddonProps, type InputGroupProps, type InputProps, type KbdProps, type LayoutContext, type LayoutProps, type LayoutRegionProps, type LayoutSiderProps, type LinkProps, type ListActionsProps, type ListCollection, type ListContentProps, type ListItemProps, type ListLeadingProps, type ListProps, type MasonryProps, type MentionEntry, type MentionsProps, type MentionsVesselProps, type MenubarEntry, type MenubarGroup, type MenubarProps, type MessageProps, type MessageRole, type MeterPartProps, type MeterRootProps, type PageHeaderPartProps, type PopconfirmProps, Presence, type PresenceProps, PresenceProvider, type ProgressGroupProps, type ProgressSegment, type PromptInputProps, type ReasoningProps, type ReasoningUIPart, type ResponseProps, type SeparatorProps, type SkeletonProps, type SortingState, type SourceDocumentUIPart, type SourceProps, type SourceUrlUIPart, type SourcesProps, type SpinnerProps, type SplitButtonEntry, type SplitButtonProps, type StackProps, type StandardSchema, type StatDeltaProps, type StatPartProps, type StepStartUIPart, type SuggestionProps, type TextUIPart, type TextareaProps, type TimelineContentProps, type TimelineItemProps, type TimelineMarkerProps, type TimelineProps, type ToolProps, type ToolStatus, type ToolUIPart, type TourInteractOutsideEvent, type TourPointerDownOutsideEvent, type TourStepDetails, type TransferItem, type TransferProps, type TreeCollection, type TreeCollectionOptions, type TreeNode, type TreeSelectNode, type TreeSelectProps, type TreeViewCheckedChangeDetails, type TreeViewExpandedChangeDetails, type TreeViewFocusChangeDetails, type TreeViewSelectionChangeDetails, type TypographyPartProps, 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, type WatermarkProps, createColumnHelper, createFileTreeCollection, createGridCollection, createToaster, createTreeCollection, splitPresenceProps, useAsyncList, useDownload, useListCollection, useListSelection, useMentions, usePresence, usePresenceContext, useTour };
|