@xleddyl/443-components-vue 0.10.2 → 0.11.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.
Files changed (53) hide show
  1. package/CATALOG.md +185 -175
  2. package/README.md +47 -21
  3. package/dist/components/data/Tag.vue +2 -0
  4. package/dist/components/data/Tag.vue.d.ts +2 -0
  5. package/dist/components/data/TagList.vue +239 -0
  6. package/dist/components/data/TagList.vue.d.ts +53 -0
  7. package/dist/components/data/index.d.ts +1 -0
  8. package/dist/components/data/index.mjs +1 -0
  9. package/dist/components/data/types.d.ts +15 -0
  10. package/dist/components/forms/Combobox.vue +33 -4
  11. package/dist/components/forms/Combobox.vue.d.ts +3 -1
  12. package/dist/components/forms/NumberInput.vue.d.ts +1 -1
  13. package/dist/components/forms/PinInput.vue.d.ts +2 -2
  14. package/dist/components/forms/types.d.ts +2 -0
  15. package/dist/components/layout/AppShell.vue +14 -2
  16. package/dist/components/layout/AppShell.vue.d.ts +3 -1
  17. package/dist/components/layout/Stepper.vue +148 -0
  18. package/dist/components/layout/Stepper.vue.d.ts +420 -0
  19. package/dist/components/layout/index.d.ts +1 -0
  20. package/dist/components/layout/index.mjs +1 -0
  21. package/dist/components/layout/types.d.ts +12 -0
  22. package/dist/components/overlays/Toaster.vue +10 -0
  23. package/dist/components/overlays/Toaster.vue.d.ts +1 -1
  24. package/dist/components/templates/DashboardLayout.vue +2 -0
  25. package/dist/components/templates/DashboardLayout.vue.d.ts +3 -1
  26. package/dist/components/templates/types.d.ts +2 -1
  27. package/dist/composables/data.d.ts +1 -0
  28. package/dist/composables/data.mjs +1 -0
  29. package/dist/composables/useSortable.d.ts +38 -0
  30. package/dist/composables/useSortable.mjs +215 -0
  31. package/dist/grid/cells/BadgeCell.vue +90 -18
  32. package/dist/grid/cells/BadgeCell.vue.d.ts +14 -14
  33. package/dist/grid/data-grid.css +24 -0
  34. package/dist/grid/spreadsheet.mjs +8 -4
  35. package/dist/grid/types.d.ts +2 -0
  36. package/dist/internal/data/sortable.d.ts +5 -0
  37. package/dist/internal/data/sortable.mjs +23 -0
  38. package/dist/internal/overlays/avoid.d.ts +26 -0
  39. package/dist/internal/overlays/avoid.mjs +134 -0
  40. package/dist/locale/de.mjs +20 -0
  41. package/dist/locale/en.mjs +20 -0
  42. package/dist/locale/it.mjs +20 -0
  43. package/dist/locale/types.d.ts +20 -0
  44. package/dist/nuxt/module.mjs +14 -0
  45. package/dist/nuxt/runtime/layouts/dashboard.vue +8 -1
  46. package/dist/styles/data/tag-list.css +93 -0
  47. package/dist/styles/data.css +1 -0
  48. package/dist/styles/forced-colors.css +10 -0
  49. package/dist/styles/layout/app-shell.css +23 -0
  50. package/dist/styles/layout/stepper.css +244 -0
  51. package/dist/styles/layout.css +1 -0
  52. package/dist/styles/overlays/toast.css +17 -12
  53. package/package.json +1 -1
@@ -0,0 +1,420 @@
1
+ import type { StepperOrientation, StepperStep } from './types';
2
+ declare const __VLS_export: import("vue").DefineComponent<{
3
+ steps: StepperStep[];
4
+ label?: string;
5
+ orientation?: StepperOrientation;
6
+ size?: "sm" | "md";
7
+ linear?: boolean;
8
+ readonly?: boolean;
9
+ compact?: boolean | "auto";
10
+ positionLabel?: string;
11
+ completeLabel?: string;
12
+ errorLabel?: string;
13
+ modelValue?: StepperStep["value"];
14
+ key?: PropertyKey | undefined;
15
+ prefix?: string | undefined | undefined;
16
+ title?: string | undefined | undefined;
17
+ style?: import("vue").StyleValue;
18
+ results?: (string | number) | undefined;
19
+ placeholder?: string | undefined | undefined;
20
+ dir?: string | undefined | undefined;
21
+ class?: import("vue").ClassValue;
22
+ role?: string | undefined | undefined;
23
+ 'aria-label'?: string | undefined | undefined;
24
+ 'aria-hidden'?: (boolean | "true" | "false") | undefined;
25
+ onCopy?: ((payload: ClipboardEvent) => void) | undefined;
26
+ onCut?: ((payload: ClipboardEvent) => void) | undefined;
27
+ onPaste?: ((payload: ClipboardEvent) => void) | undefined;
28
+ onCompositionend?: ((payload: CompositionEvent) => void) | undefined;
29
+ onCompositionstart?: ((payload: CompositionEvent) => void) | undefined;
30
+ onCompositionupdate?: ((payload: CompositionEvent) => void) | undefined;
31
+ onDrag?: ((payload: DragEvent) => void) | undefined;
32
+ onDragend?: ((payload: DragEvent) => void) | undefined;
33
+ onDragenter?: ((payload: DragEvent) => void) | undefined;
34
+ onDragexit?: ((payload: DragEvent) => void) | undefined;
35
+ onDragleave?: ((payload: DragEvent) => void) | undefined;
36
+ onDragover?: ((payload: DragEvent) => void) | undefined;
37
+ onDragstart?: ((payload: DragEvent) => void) | undefined;
38
+ onDrop?: ((payload: DragEvent) => void) | undefined;
39
+ onFocus?: ((payload: FocusEvent) => void) | undefined;
40
+ onFocusin?: ((payload: FocusEvent) => void) | undefined;
41
+ onFocusout?: ((payload: FocusEvent) => void) | undefined;
42
+ onBlur?: ((payload: FocusEvent) => void) | undefined;
43
+ onChange?: ((payload: Event) => void) | undefined;
44
+ onBeforeinput?: ((payload: InputEvent) => void) | undefined;
45
+ onFormdata?: ((payload: FormDataEvent) => void) | undefined;
46
+ onInput?: ((payload: InputEvent) => void) | undefined;
47
+ onReset?: ((payload: Event) => void) | undefined;
48
+ onSubmit?: ((payload: SubmitEvent) => void) | undefined;
49
+ onInvalid?: ((payload: Event) => void) | undefined;
50
+ onFullscreenchange?: ((payload: Event) => void) | undefined;
51
+ onFullscreenerror?: ((payload: Event) => void) | undefined;
52
+ onLoad?: ((payload: Event) => void) | undefined;
53
+ onError?: ((payload: Event) => void) | undefined;
54
+ onKeydown?: ((payload: KeyboardEvent) => void) | undefined;
55
+ onKeypress?: ((payload: KeyboardEvent) => void) | undefined;
56
+ onKeyup?: ((payload: KeyboardEvent) => void) | undefined;
57
+ onDblclick?: ((payload: MouseEvent) => void) | undefined;
58
+ onMousedown?: ((payload: MouseEvent) => void) | undefined;
59
+ onMouseenter?: ((payload: MouseEvent) => void) | undefined;
60
+ onMouseleave?: ((payload: MouseEvent) => void) | undefined;
61
+ onMousemove?: ((payload: MouseEvent) => void) | undefined;
62
+ onMouseout?: ((payload: MouseEvent) => void) | undefined;
63
+ onMouseover?: ((payload: MouseEvent) => void) | undefined;
64
+ onMouseup?: ((payload: MouseEvent) => void) | undefined;
65
+ onAbort?: ((payload: UIEvent) => void) | undefined;
66
+ onCanplay?: ((payload: Event) => void) | undefined;
67
+ onCanplaythrough?: ((payload: Event) => void) | undefined;
68
+ onDurationchange?: ((payload: Event) => void) | undefined;
69
+ onEmptied?: ((payload: Event) => void) | undefined;
70
+ onEncrypted?: ((payload: MediaEncryptedEvent) => void) | undefined;
71
+ onEnded?: ((payload: Event) => void) | undefined;
72
+ onLoadeddata?: ((payload: Event) => void) | undefined;
73
+ onLoadedmetadata?: ((payload: Event) => void) | undefined;
74
+ onLoadstart?: ((payload: Event) => void) | undefined;
75
+ onPause?: ((payload: Event) => void) | undefined;
76
+ onPlay?: ((payload: Event) => void) | undefined;
77
+ onPlaying?: ((payload: Event) => void) | undefined;
78
+ onProgress?: ((payload: ProgressEvent<EventTarget>) => void) | undefined;
79
+ onRatechange?: ((payload: Event) => void) | undefined;
80
+ onSeeked?: ((payload: Event) => void) | undefined;
81
+ onSeeking?: ((payload: Event) => void) | undefined;
82
+ onStalled?: ((payload: Event) => void) | undefined;
83
+ onSuspend?: ((payload: Event) => void) | undefined;
84
+ onTimeupdate?: ((payload: Event) => void) | undefined;
85
+ onVolumechange?: ((payload: Event) => void) | undefined;
86
+ onWaiting?: ((payload: Event) => void) | undefined;
87
+ onScroll?: ((payload: Event) => void) | undefined;
88
+ onScrollend?: ((payload: Event) => void) | undefined;
89
+ onTouchcancel?: ((payload: TouchEvent) => void) | undefined;
90
+ onTouchend?: ((payload: TouchEvent) => void) | undefined;
91
+ onTouchmove?: ((payload: TouchEvent) => void) | undefined;
92
+ onTouchstart?: ((payload: TouchEvent) => void) | undefined;
93
+ onAuxclick?: ((payload: PointerEvent) => void) | undefined;
94
+ onClick?: ((payload: PointerEvent) => void) | undefined;
95
+ onContextmenu?: ((payload: PointerEvent) => void) | undefined;
96
+ onGotpointercapture?: ((payload: PointerEvent) => void) | undefined;
97
+ onLostpointercapture?: ((payload: PointerEvent) => void) | undefined;
98
+ onPointerdown?: ((payload: PointerEvent) => void) | undefined;
99
+ onPointermove?: ((payload: PointerEvent) => void) | undefined;
100
+ onPointerup?: ((payload: PointerEvent) => void) | undefined;
101
+ onPointercancel?: ((payload: PointerEvent) => void) | undefined;
102
+ onPointerenter?: ((payload: PointerEvent) => void) | undefined;
103
+ onPointerleave?: ((payload: PointerEvent) => void) | undefined;
104
+ onPointerover?: ((payload: PointerEvent) => void) | undefined;
105
+ onPointerout?: ((payload: PointerEvent) => void) | undefined;
106
+ onBeforetoggle?: ((payload: ToggleEvent) => void) | undefined;
107
+ onToggle?: ((payload: ToggleEvent) => void) | undefined;
108
+ onWheel?: ((payload: WheelEvent) => void) | undefined;
109
+ onAnimationcancel?: ((payload: AnimationEvent) => void) | undefined;
110
+ onAnimationstart?: ((payload: AnimationEvent) => void) | undefined;
111
+ onAnimationend?: ((payload: AnimationEvent) => void) | undefined;
112
+ onAnimationiteration?: ((payload: AnimationEvent) => void) | undefined;
113
+ onSecuritypolicyviolation?: ((payload: SecurityPolicyViolationEvent) => void) | undefined;
114
+ onTransitioncancel?: ((payload: TransitionEvent) => void) | undefined;
115
+ onTransitionend?: ((payload: TransitionEvent) => void) | undefined;
116
+ onTransitionrun?: ((payload: TransitionEvent) => void) | undefined;
117
+ onTransitionstart?: ((payload: TransitionEvent) => void) | undefined;
118
+ innerHTML?: string | undefined | undefined;
119
+ color?: string | undefined | undefined;
120
+ id?: string | undefined | undefined;
121
+ lang?: string | undefined | undefined;
122
+ tabindex?: (string | number) | undefined;
123
+ 'aria-activedescendant'?: string | undefined | undefined;
124
+ 'aria-atomic'?: (boolean | "true" | "false") | undefined;
125
+ 'aria-autocomplete'?: "none" | "inline" | "list" | "both" | undefined | undefined;
126
+ 'aria-busy'?: (boolean | "true" | "false") | undefined;
127
+ 'aria-checked'?: (boolean | "true" | "false") | "mixed" | undefined;
128
+ 'aria-colcount'?: (string | number) | undefined;
129
+ 'aria-colindex'?: (string | number) | undefined;
130
+ 'aria-colspan'?: (string | number) | undefined;
131
+ 'aria-controls'?: string | undefined | undefined;
132
+ 'aria-current'?: "page" | "time" | (boolean | "true" | "false") | "step" | "location" | "date" | undefined;
133
+ 'aria-describedby'?: string | undefined | undefined;
134
+ 'aria-details'?: string | undefined | undefined;
135
+ 'aria-disabled'?: (boolean | "true" | "false") | undefined;
136
+ 'aria-dropeffect'?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined | undefined;
137
+ 'aria-errormessage'?: string | undefined | undefined;
138
+ 'aria-expanded'?: (boolean | "true" | "false") | undefined;
139
+ 'aria-flowto'?: string | undefined | undefined;
140
+ 'aria-grabbed'?: (boolean | "true" | "false") | undefined;
141
+ 'aria-haspopup'?: "grid" | "tree" | "dialog" | "menu" | (boolean | "true" | "false") | "listbox" | undefined;
142
+ 'aria-invalid'?: (boolean | "true" | "false") | "grammar" | "spelling" | undefined;
143
+ 'aria-keyshortcuts'?: string | undefined | undefined;
144
+ 'aria-labelledby'?: string | undefined | undefined;
145
+ 'aria-level'?: (string | number) | undefined;
146
+ 'aria-live'?: "off" | "assertive" | "polite" | undefined | undefined;
147
+ 'aria-modal'?: (boolean | "true" | "false") | undefined;
148
+ 'aria-multiline'?: (boolean | "true" | "false") | undefined;
149
+ 'aria-multiselectable'?: (boolean | "true" | "false") | undefined;
150
+ 'aria-orientation'?: "horizontal" | "vertical" | undefined | undefined;
151
+ 'aria-owns'?: string | undefined | undefined;
152
+ 'aria-placeholder'?: string | undefined | undefined;
153
+ 'aria-posinset'?: (string | number) | undefined;
154
+ 'aria-pressed'?: (boolean | "true" | "false") | "mixed" | undefined;
155
+ 'aria-readonly'?: (boolean | "true" | "false") | undefined;
156
+ 'aria-relevant'?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined | undefined;
157
+ 'aria-required'?: (boolean | "true" | "false") | undefined;
158
+ 'aria-roledescription'?: string | undefined | undefined;
159
+ 'aria-rowcount'?: (string | number) | undefined;
160
+ 'aria-rowindex'?: (string | number) | undefined;
161
+ 'aria-rowspan'?: (string | number) | undefined;
162
+ 'aria-selected'?: (boolean | "true" | "false") | undefined;
163
+ 'aria-setsize'?: (string | number) | undefined;
164
+ 'aria-sort'?: "none" | "ascending" | "descending" | "other" | undefined | undefined;
165
+ 'aria-valuemax'?: (string | number) | undefined;
166
+ 'aria-valuemin'?: (string | number) | undefined;
167
+ 'aria-valuenow'?: (string | number) | undefined;
168
+ 'aria-valuetext'?: string | undefined | undefined;
169
+ ref?: import("vue").VNodeRef | undefined;
170
+ ref_for?: boolean | undefined | undefined;
171
+ ref_key?: string | undefined | undefined;
172
+ accesskey?: string | undefined | undefined;
173
+ contenteditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
174
+ contextmenu?: string | undefined | undefined;
175
+ draggable?: (boolean | "true" | "false") | undefined;
176
+ enterkeyhint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
177
+ enterKeyHint?: "search" | "done" | "previous" | "next" | "enter" | "go" | "send" | undefined;
178
+ hidden?: "" | (boolean | "true" | "false") | "hidden" | "until-found" | undefined;
179
+ inert?: (boolean | "true" | "false") | undefined;
180
+ spellcheck?: (boolean | "true" | "false") | undefined;
181
+ translate?: "yes" | "no" | undefined | undefined;
182
+ radiogroup?: string | undefined | undefined;
183
+ about?: string | undefined | undefined;
184
+ datatype?: string | undefined | undefined;
185
+ inlist?: any;
186
+ property?: string | undefined | undefined;
187
+ resource?: string | undefined | undefined;
188
+ typeof?: string | undefined | undefined;
189
+ vocab?: string | undefined | undefined;
190
+ autocapitalize?: string | undefined | undefined;
191
+ autocorrect?: string | undefined | undefined;
192
+ autosave?: string | undefined | undefined;
193
+ itemprop?: string | undefined | undefined;
194
+ itemscope?: (boolean | "true" | "false") | undefined;
195
+ itemtype?: string | undefined | undefined;
196
+ itemid?: string | undefined | undefined;
197
+ itemref?: string | undefined | undefined;
198
+ security?: string | undefined | undefined;
199
+ unselectable?: "on" | "off" | undefined | undefined;
200
+ inputmode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
201
+ is?: string | undefined | undefined;
202
+ exportparts?: string | undefined;
203
+ part?: string | undefined;
204
+ popover?: (import("../../index.ts").PopoverMode | "" | boolean) | undefined;
205
+ }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
206
+ select: (step: StepperStep) => any;
207
+ "update:modelValue": (value: string | number | undefined) => any;
208
+ }, string, import("vue").PublicProps, Readonly<{
209
+ steps: StepperStep[];
210
+ label?: string;
211
+ orientation?: StepperOrientation;
212
+ size?: "sm" | "md";
213
+ linear?: boolean;
214
+ readonly?: boolean;
215
+ compact?: boolean | "auto";
216
+ positionLabel?: string;
217
+ completeLabel?: string;
218
+ errorLabel?: string;
219
+ modelValue?: StepperStep["value"];
220
+ key?: PropertyKey | undefined;
221
+ prefix?: string | undefined | undefined;
222
+ title?: string | undefined | undefined;
223
+ style?: import("vue").StyleValue;
224
+ results?: (string | number) | undefined;
225
+ placeholder?: string | undefined | undefined;
226
+ dir?: string | undefined | undefined;
227
+ class?: import("vue").ClassValue;
228
+ role?: string | undefined | undefined;
229
+ 'aria-label'?: string | undefined | undefined;
230
+ 'aria-hidden'?: (boolean | "true" | "false") | undefined;
231
+ onCopy?: ((payload: ClipboardEvent) => void) | undefined;
232
+ onCut?: ((payload: ClipboardEvent) => void) | undefined;
233
+ onPaste?: ((payload: ClipboardEvent) => void) | undefined;
234
+ onCompositionend?: ((payload: CompositionEvent) => void) | undefined;
235
+ onCompositionstart?: ((payload: CompositionEvent) => void) | undefined;
236
+ onCompositionupdate?: ((payload: CompositionEvent) => void) | undefined;
237
+ onDrag?: ((payload: DragEvent) => void) | undefined;
238
+ onDragend?: ((payload: DragEvent) => void) | undefined;
239
+ onDragenter?: ((payload: DragEvent) => void) | undefined;
240
+ onDragexit?: ((payload: DragEvent) => void) | undefined;
241
+ onDragleave?: ((payload: DragEvent) => void) | undefined;
242
+ onDragover?: ((payload: DragEvent) => void) | undefined;
243
+ onDragstart?: ((payload: DragEvent) => void) | undefined;
244
+ onDrop?: ((payload: DragEvent) => void) | undefined;
245
+ onFocus?: ((payload: FocusEvent) => void) | undefined;
246
+ onFocusin?: ((payload: FocusEvent) => void) | undefined;
247
+ onFocusout?: ((payload: FocusEvent) => void) | undefined;
248
+ onBlur?: ((payload: FocusEvent) => void) | undefined;
249
+ onChange?: ((payload: Event) => void) | undefined;
250
+ onBeforeinput?: ((payload: InputEvent) => void) | undefined;
251
+ onFormdata?: ((payload: FormDataEvent) => void) | undefined;
252
+ onInput?: ((payload: InputEvent) => void) | undefined;
253
+ onReset?: ((payload: Event) => void) | undefined;
254
+ onSubmit?: ((payload: SubmitEvent) => void) | undefined;
255
+ onInvalid?: ((payload: Event) => void) | undefined;
256
+ onFullscreenchange?: ((payload: Event) => void) | undefined;
257
+ onFullscreenerror?: ((payload: Event) => void) | undefined;
258
+ onLoad?: ((payload: Event) => void) | undefined;
259
+ onError?: ((payload: Event) => void) | undefined;
260
+ onKeydown?: ((payload: KeyboardEvent) => void) | undefined;
261
+ onKeypress?: ((payload: KeyboardEvent) => void) | undefined;
262
+ onKeyup?: ((payload: KeyboardEvent) => void) | undefined;
263
+ onDblclick?: ((payload: MouseEvent) => void) | undefined;
264
+ onMousedown?: ((payload: MouseEvent) => void) | undefined;
265
+ onMouseenter?: ((payload: MouseEvent) => void) | undefined;
266
+ onMouseleave?: ((payload: MouseEvent) => void) | undefined;
267
+ onMousemove?: ((payload: MouseEvent) => void) | undefined;
268
+ onMouseout?: ((payload: MouseEvent) => void) | undefined;
269
+ onMouseover?: ((payload: MouseEvent) => void) | undefined;
270
+ onMouseup?: ((payload: MouseEvent) => void) | undefined;
271
+ onAbort?: ((payload: UIEvent) => void) | undefined;
272
+ onCanplay?: ((payload: Event) => void) | undefined;
273
+ onCanplaythrough?: ((payload: Event) => void) | undefined;
274
+ onDurationchange?: ((payload: Event) => void) | undefined;
275
+ onEmptied?: ((payload: Event) => void) | undefined;
276
+ onEncrypted?: ((payload: MediaEncryptedEvent) => void) | undefined;
277
+ onEnded?: ((payload: Event) => void) | undefined;
278
+ onLoadeddata?: ((payload: Event) => void) | undefined;
279
+ onLoadedmetadata?: ((payload: Event) => void) | undefined;
280
+ onLoadstart?: ((payload: Event) => void) | undefined;
281
+ onPause?: ((payload: Event) => void) | undefined;
282
+ onPlay?: ((payload: Event) => void) | undefined;
283
+ onPlaying?: ((payload: Event) => void) | undefined;
284
+ onProgress?: ((payload: ProgressEvent<EventTarget>) => void) | undefined;
285
+ onRatechange?: ((payload: Event) => void) | undefined;
286
+ onSeeked?: ((payload: Event) => void) | undefined;
287
+ onSeeking?: ((payload: Event) => void) | undefined;
288
+ onStalled?: ((payload: Event) => void) | undefined;
289
+ onSuspend?: ((payload: Event) => void) | undefined;
290
+ onTimeupdate?: ((payload: Event) => void) | undefined;
291
+ onVolumechange?: ((payload: Event) => void) | undefined;
292
+ onWaiting?: ((payload: Event) => void) | undefined;
293
+ onScroll?: ((payload: Event) => void) | undefined;
294
+ onScrollend?: ((payload: Event) => void) | undefined;
295
+ onTouchcancel?: ((payload: TouchEvent) => void) | undefined;
296
+ onTouchend?: ((payload: TouchEvent) => void) | undefined;
297
+ onTouchmove?: ((payload: TouchEvent) => void) | undefined;
298
+ onTouchstart?: ((payload: TouchEvent) => void) | undefined;
299
+ onAuxclick?: ((payload: PointerEvent) => void) | undefined;
300
+ onClick?: ((payload: PointerEvent) => void) | undefined;
301
+ onContextmenu?: ((payload: PointerEvent) => void) | undefined;
302
+ onGotpointercapture?: ((payload: PointerEvent) => void) | undefined;
303
+ onLostpointercapture?: ((payload: PointerEvent) => void) | undefined;
304
+ onPointerdown?: ((payload: PointerEvent) => void) | undefined;
305
+ onPointermove?: ((payload: PointerEvent) => void) | undefined;
306
+ onPointerup?: ((payload: PointerEvent) => void) | undefined;
307
+ onPointercancel?: ((payload: PointerEvent) => void) | undefined;
308
+ onPointerenter?: ((payload: PointerEvent) => void) | undefined;
309
+ onPointerleave?: ((payload: PointerEvent) => void) | undefined;
310
+ onPointerover?: ((payload: PointerEvent) => void) | undefined;
311
+ onPointerout?: ((payload: PointerEvent) => void) | undefined;
312
+ onBeforetoggle?: ((payload: ToggleEvent) => void) | undefined;
313
+ onToggle?: ((payload: ToggleEvent) => void) | undefined;
314
+ onWheel?: ((payload: WheelEvent) => void) | undefined;
315
+ onAnimationcancel?: ((payload: AnimationEvent) => void) | undefined;
316
+ onAnimationstart?: ((payload: AnimationEvent) => void) | undefined;
317
+ onAnimationend?: ((payload: AnimationEvent) => void) | undefined;
318
+ onAnimationiteration?: ((payload: AnimationEvent) => void) | undefined;
319
+ onSecuritypolicyviolation?: ((payload: SecurityPolicyViolationEvent) => void) | undefined;
320
+ onTransitioncancel?: ((payload: TransitionEvent) => void) | undefined;
321
+ onTransitionend?: ((payload: TransitionEvent) => void) | undefined;
322
+ onTransitionrun?: ((payload: TransitionEvent) => void) | undefined;
323
+ onTransitionstart?: ((payload: TransitionEvent) => void) | undefined;
324
+ innerHTML?: string | undefined | undefined;
325
+ color?: string | undefined | undefined;
326
+ id?: string | undefined | undefined;
327
+ lang?: string | undefined | undefined;
328
+ tabindex?: (string | number) | undefined;
329
+ 'aria-activedescendant'?: string | undefined | undefined;
330
+ 'aria-atomic'?: (boolean | "true" | "false") | undefined;
331
+ 'aria-autocomplete'?: "none" | "inline" | "list" | "both" | undefined | undefined;
332
+ 'aria-busy'?: (boolean | "true" | "false") | undefined;
333
+ 'aria-checked'?: (boolean | "true" | "false") | "mixed" | undefined;
334
+ 'aria-colcount'?: (string | number) | undefined;
335
+ 'aria-colindex'?: (string | number) | undefined;
336
+ 'aria-colspan'?: (string | number) | undefined;
337
+ 'aria-controls'?: string | undefined | undefined;
338
+ 'aria-current'?: "page" | "time" | (boolean | "true" | "false") | "step" | "location" | "date" | undefined;
339
+ 'aria-describedby'?: string | undefined | undefined;
340
+ 'aria-details'?: string | undefined | undefined;
341
+ 'aria-disabled'?: (boolean | "true" | "false") | undefined;
342
+ 'aria-dropeffect'?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined | undefined;
343
+ 'aria-errormessage'?: string | undefined | undefined;
344
+ 'aria-expanded'?: (boolean | "true" | "false") | undefined;
345
+ 'aria-flowto'?: string | undefined | undefined;
346
+ 'aria-grabbed'?: (boolean | "true" | "false") | undefined;
347
+ 'aria-haspopup'?: "grid" | "tree" | "dialog" | "menu" | (boolean | "true" | "false") | "listbox" | undefined;
348
+ 'aria-invalid'?: (boolean | "true" | "false") | "grammar" | "spelling" | undefined;
349
+ 'aria-keyshortcuts'?: string | undefined | undefined;
350
+ 'aria-labelledby'?: string | undefined | undefined;
351
+ 'aria-level'?: (string | number) | undefined;
352
+ 'aria-live'?: "off" | "assertive" | "polite" | undefined | undefined;
353
+ 'aria-modal'?: (boolean | "true" | "false") | undefined;
354
+ 'aria-multiline'?: (boolean | "true" | "false") | undefined;
355
+ 'aria-multiselectable'?: (boolean | "true" | "false") | undefined;
356
+ 'aria-orientation'?: "horizontal" | "vertical" | undefined | undefined;
357
+ 'aria-owns'?: string | undefined | undefined;
358
+ 'aria-placeholder'?: string | undefined | undefined;
359
+ 'aria-posinset'?: (string | number) | undefined;
360
+ 'aria-pressed'?: (boolean | "true" | "false") | "mixed" | undefined;
361
+ 'aria-readonly'?: (boolean | "true" | "false") | undefined;
362
+ 'aria-relevant'?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined | undefined;
363
+ 'aria-required'?: (boolean | "true" | "false") | undefined;
364
+ 'aria-roledescription'?: string | undefined | undefined;
365
+ 'aria-rowcount'?: (string | number) | undefined;
366
+ 'aria-rowindex'?: (string | number) | undefined;
367
+ 'aria-rowspan'?: (string | number) | undefined;
368
+ 'aria-selected'?: (boolean | "true" | "false") | undefined;
369
+ 'aria-setsize'?: (string | number) | undefined;
370
+ 'aria-sort'?: "none" | "ascending" | "descending" | "other" | undefined | undefined;
371
+ 'aria-valuemax'?: (string | number) | undefined;
372
+ 'aria-valuemin'?: (string | number) | undefined;
373
+ 'aria-valuenow'?: (string | number) | undefined;
374
+ 'aria-valuetext'?: string | undefined | undefined;
375
+ ref?: import("vue").VNodeRef | undefined;
376
+ ref_for?: boolean | undefined | undefined;
377
+ ref_key?: string | undefined | undefined;
378
+ accesskey?: string | undefined | undefined;
379
+ contenteditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
380
+ contextmenu?: string | undefined | undefined;
381
+ draggable?: (boolean | "true" | "false") | undefined;
382
+ enterkeyhint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
383
+ enterKeyHint?: "search" | "done" | "previous" | "next" | "enter" | "go" | "send" | undefined;
384
+ hidden?: "" | (boolean | "true" | "false") | "hidden" | "until-found" | undefined;
385
+ inert?: (boolean | "true" | "false") | undefined;
386
+ spellcheck?: (boolean | "true" | "false") | undefined;
387
+ translate?: "yes" | "no" | undefined | undefined;
388
+ radiogroup?: string | undefined | undefined;
389
+ about?: string | undefined | undefined;
390
+ datatype?: string | undefined | undefined;
391
+ inlist?: any;
392
+ property?: string | undefined | undefined;
393
+ resource?: string | undefined | undefined;
394
+ typeof?: string | undefined | undefined;
395
+ vocab?: string | undefined | undefined;
396
+ autocapitalize?: string | undefined | undefined;
397
+ autocorrect?: string | undefined | undefined;
398
+ autosave?: string | undefined | undefined;
399
+ itemprop?: string | undefined | undefined;
400
+ itemscope?: (boolean | "true" | "false") | undefined;
401
+ itemtype?: string | undefined | undefined;
402
+ itemid?: string | undefined | undefined;
403
+ itemref?: string | undefined | undefined;
404
+ security?: string | undefined | undefined;
405
+ unselectable?: "on" | "off" | undefined | undefined;
406
+ inputmode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
407
+ is?: string | undefined | undefined;
408
+ exportparts?: string | undefined;
409
+ part?: string | undefined;
410
+ popover?: (import("../../index.ts").PopoverMode | "" | boolean) | undefined;
411
+ }> & Readonly<{
412
+ onSelect?: ((step: StepperStep) => any) | undefined;
413
+ "onUpdate:modelValue"?: ((value: string | number | undefined) => any) | undefined;
414
+ }>, {
415
+ size: "sm" | "md";
416
+ orientation: StepperOrientation;
417
+ compact: boolean | "auto";
418
+ }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
419
+ declare const _default: typeof __VLS_export;
420
+ export default _default;
@@ -11,6 +11,7 @@ export { default as Sidebar } from './Sidebar.vue';
11
11
  export { default as SidebarNav } from './SidebarNav.vue';
12
12
  export { default as SidebarSection } from './SidebarSection.vue';
13
13
  export { default as Stack } from './Stack.vue';
14
+ export { default as Stepper } from './Stepper.vue';
14
15
  export { default as Tabs } from './Tabs.vue';
15
16
  export { default as ThemeSwitch } from './ThemeSwitch.vue';
16
17
  export { default as Toolbar } from './Toolbar.vue';
@@ -11,6 +11,7 @@ export { default as Sidebar } from "./Sidebar.vue";
11
11
  export { default as SidebarNav } from "./SidebarNav.vue";
12
12
  export { default as SidebarSection } from "./SidebarSection.vue";
13
13
  export { default as Stack } from "./Stack.vue";
14
+ export { default as Stepper } from "./Stepper.vue";
14
15
  export { default as Tabs } from "./Tabs.vue";
15
16
  export { default as ThemeSwitch } from "./ThemeSwitch.vue";
16
17
  export { default as Toolbar } from "./Toolbar.vue";
@@ -32,6 +32,17 @@ export interface TabItem {
32
32
  dotLabel?: string;
33
33
  disabled?: boolean;
34
34
  }
35
+ export type StepperState = 'complete' | 'error';
36
+ export type StepperStepStatus = 'complete' | 'error' | 'current' | 'upcoming';
37
+ export type StepperOrientation = 'horizontal' | 'vertical';
38
+ export interface StepperStep {
39
+ value: string | number;
40
+ label: string;
41
+ description?: string;
42
+ icon?: IconName;
43
+ disabled?: boolean;
44
+ state?: StepperState;
45
+ }
35
46
  export type TabsVariant = 'segmented' | 'underline';
36
47
  export type TabsActivation = 'automatic' | 'manual';
37
48
  export interface AccordionItem {
@@ -64,6 +75,7 @@ export interface AppShellContext {
64
75
  closeNav: () => void;
65
76
  }
66
77
  export type AppShellVariant = 'inset' | 'sidebar' | 'floating';
78
+ export type ShellContent = 'page' | 'fill' | 'centered' | 'bleed';
67
79
  export interface NavItem {
68
80
  label: string;
69
81
  to?: LinkTarget;
@@ -116,6 +116,7 @@ import { isPopoverOpen, supportsPopover } from "../../internal/floating/support"
116
116
  import { spokenToneKey, toneIcons } from "../../internal/core/tone";
117
117
  import { modalStack } from "../../internal/overlays/dialog";
118
118
  import { useHostClaim } from "../../internal/overlays/host";
119
+ import { useToasterAvoidance } from "../../internal/overlays/avoid";
119
120
  import { LIVE_DELAY } from "../../internal/core/live";
120
121
  import { activeElement } from "../../internal/core/focus";
121
122
  import Button from "../core/Button.vue";
@@ -147,6 +148,11 @@ const entries = ref([]);
147
148
  const heights = reactive(/* @__PURE__ */ new Map());
148
149
  const mounted = ref(false);
149
150
  const outlet = computed(() => modalStack[modalStack.length - 1] ?? null);
151
+ const avoidance = useToasterAvoidance({
152
+ outlet: () => outlet.value,
153
+ toaster: toasterRef,
154
+ position: () => props.position
155
+ });
150
156
  const side = computed(() => props.position.startsWith("top") ? "top" : "bottom");
151
157
  const limit = computed(() => Math.max(1, props.max));
152
158
  const paused = computed(() => hovered.value || focusInside.value || hidden.value);
@@ -186,6 +192,10 @@ watch(
186
192
  { immediate: true }
187
193
  );
188
194
  const toasterStyle = computed(() => ({
195
+ "--k-toaster-avoid-left": `${avoidance.insets.value.left}px`,
196
+ "--k-toaster-avoid-right": `${avoidance.insets.value.right}px`,
197
+ "--k-toaster-avoid-top": `${avoidance.insets.value.top}px`,
198
+ "--k-toaster-avoid-bottom": `${avoidance.insets.value.bottom}px`,
189
199
  "--k-toast-gap": `${props.gap}px`,
190
200
  "--k-toast-front-height": `${layout.value.front}px`,
191
201
  "--k-toaster-height": `${expanded.value ? layout.value.expandedHeight : layout.value.collapsedHeight}px`
@@ -425,8 +425,8 @@ declare const __VLS_export: import("vue").DefineComponent<{
425
425
  onTransitionstart?: ((payload: TransitionEvent) => void) | undefined;
426
426
  }> & Readonly<{}>, {
427
427
  max: number;
428
- duration: number;
429
428
  position: ToasterPosition;
429
+ duration: number;
430
430
  gap: number;
431
431
  actionDuration: number;
432
432
  hotkey: string | false;
@@ -11,6 +11,7 @@
11
11
  :skip-label="skipLabel"
12
12
  :fluid="fluid"
13
13
  :fill="fill"
14
+ :content="content"
14
15
  :topbar="hasDesktopTopbar"
15
16
  :storage-key="storageKey || void 0"
16
17
  :shortcut="shortcut"
@@ -195,6 +196,7 @@ const props = defineProps({
195
196
  shortcut: { type: [String, Boolean], required: false, default: "mod+b" },
196
197
  fluid: { type: Boolean, required: false },
197
198
  fill: { type: Boolean, required: false },
199
+ content: { type: String, required: false },
198
200
  viewTransition: { type: Boolean, required: false, default: true },
199
201
  navLabel: { type: String, required: false },
200
202
  sidebarLabel: { type: String, required: false },
@@ -1,5 +1,5 @@
1
1
  import type { IconName } from '../../composables/useIcons';
2
- import type { BreadcrumbItem } from '../layout/types';
2
+ import type { BreadcrumbItem, ShellContent } from '../layout/types';
3
3
  import type { CommandGroupLabelSlotProps, CommandItem, MenuItem } from '../overlays/types';
4
4
  import type { ThemePreset } from '../../composables/usePreset';
5
5
  import type { LinkTarget } from '../core/types';
@@ -35,6 +35,7 @@ declare const __VLS_export: <T = unknown>(__VLS_props: NonNullable<Awaited<typeo
35
35
  shortcut?: string | false;
36
36
  fluid?: boolean;
37
37
  fill?: boolean;
38
+ content?: ShellContent;
38
39
  viewTransition?: boolean;
39
40
  navLabel?: string;
40
41
  sidebarLabel?: string;
@@ -63,6 +64,7 @@ declare const __VLS_export: <T = unknown>(__VLS_props: NonNullable<Awaited<typeo
63
64
  readonly skipLabel?: string | undefined;
64
65
  readonly fluid?: boolean | undefined;
65
66
  readonly fill?: boolean | undefined;
67
+ readonly content?: ShellContent | undefined;
66
68
  readonly topbar?: boolean | undefined;
67
69
  readonly storageKey?: string | false | undefined;
68
70
  readonly shortcut?: string | false | undefined;
@@ -1,7 +1,7 @@
1
1
  import type { Component } from 'vue';
2
2
  import type { LinkTarget, Tone } from '../core/types';
3
3
  import type { DescriptionItem, StatTrend } from '../data/types';
4
- import type { BreadcrumbItem, NavItem, NavSection } from '../layout/types';
4
+ import type { BreadcrumbItem, NavItem, NavSection, ShellContent } from '../layout/types';
5
5
  import type { CommandEmptyText, CommandGroup, MenuItems } from '../overlays/types';
6
6
  import type { ThemePreset } from '../../internal/core/preset-data';
7
7
  export type DashboardVariant = 'inset' | 'sidebar' | 'floating';
@@ -138,6 +138,7 @@ export interface KAppConfig {
138
138
  storageKey?: string | false;
139
139
  fluid?: boolean;
140
140
  fill?: boolean;
141
+ content?: ShellContent;
141
142
  breadcrumbs?: boolean;
142
143
  };
143
144
  auth?: {
@@ -1 +1,2 @@
1
1
  export * from './useTableSort';
2
+ export * from './useSortable';
@@ -1 +1,2 @@
1
1
  export * from "./useTableSort.mjs";
2
+ export * from "./useSortable.mjs";
@@ -0,0 +1,38 @@
1
+ import type { MaybeRefOrGetter } from 'vue';
2
+ import type { SortableAxis } from '../internal/data/sortable';
3
+ import { SORTABLE_ATTR } from '../internal/data/sortable';
4
+ export type SortableOrientation = SortableAxis;
5
+ export interface SortableMove<T> {
6
+ item: T;
7
+ from: number;
8
+ to: number;
9
+ items: T[];
10
+ source: 'pointer' | 'keyboard' | 'api';
11
+ }
12
+ export interface UseSortableOptions<T> {
13
+ items: MaybeRefOrGetter<readonly T[]>;
14
+ orientation?: MaybeRefOrGetter<SortableOrientation | undefined>;
15
+ disabled?: MaybeRefOrGetter<boolean | undefined>;
16
+ handle?: string;
17
+ canMove?: (item: T, index: number) => boolean;
18
+ label?: (item: T) => string;
19
+ movedText?: (move: SortableMove<T>) => string;
20
+ onMove: (items: T[], move: SortableMove<T>) => void;
21
+ }
22
+ export interface SortableItemProps {
23
+ [SORTABLE_ATTR]: number;
24
+ 'aria-keyshortcuts'?: string;
25
+ onPointerdown: (event: PointerEvent) => void;
26
+ onKeydown: (event: KeyboardEvent) => void;
27
+ }
28
+ export interface SortableMoveOptions {
29
+ announce?: boolean;
30
+ source?: SortableMove<unknown>['source'];
31
+ }
32
+ export declare function useSortable<T>(container: MaybeRefOrGetter<HTMLElement | null | undefined>, options: UseSortableOptions<T>): {
33
+ dragging: Readonly<import("vue").Ref<number | null, number | null>>;
34
+ announcement: import("vue").Ref<string, string>;
35
+ itemProps: (index: number) => SortableItemProps;
36
+ move: (from: number, to: number, moveOptions?: SortableMoveOptions) => boolean;
37
+ canMove: (index: number) => boolean;
38
+ };