abckit 0.0.2 → 0.0.5

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 (78) hide show
  1. package/dist/module.d.mts +50 -6
  2. package/dist/module.json +1 -1
  3. package/dist/module.mjs +10 -4
  4. package/dist/runtime/components/app/AppImage.vue +1 -1
  5. package/dist/runtime/components/app/AppNavMain.vue +3 -1
  6. package/dist/runtime/components/ui/auto-form/AutoFormFieldBoolean.d.vue.ts +0 -14
  7. package/dist/runtime/components/ui/auto-form/AutoFormFieldBoolean.vue.d.ts +0 -14
  8. package/dist/runtime/components/ui/auto-form/AutoFormFieldDate.d.vue.ts +0 -14
  9. package/dist/runtime/components/ui/auto-form/AutoFormFieldDate.vue.d.ts +0 -14
  10. package/dist/runtime/components/ui/auto-form/AutoFormFieldEnum.d.vue.ts +0 -17
  11. package/dist/runtime/components/ui/auto-form/AutoFormFieldEnum.vue.d.ts +0 -17
  12. package/dist/runtime/components/ui/auto-form/AutoFormFieldFile.d.vue.ts +0 -14
  13. package/dist/runtime/components/ui/auto-form/AutoFormFieldFile.vue.d.ts +0 -14
  14. package/dist/runtime/components/ui/auto-form/AutoFormFieldInput.d.vue.ts +0 -17
  15. package/dist/runtime/components/ui/auto-form/AutoFormFieldInput.vue.d.ts +0 -17
  16. package/dist/runtime/components/ui/auto-form/AutoFormFieldNumber.d.vue.ts +0 -14
  17. package/dist/runtime/components/ui/auto-form/AutoFormFieldNumber.vue.d.ts +0 -14
  18. package/dist/runtime/components/ui/badge/index.d.ts +1 -1
  19. package/dist/runtime/components/ui/button/ThemeToggle.vue +2 -2
  20. package/dist/runtime/components/ui/button/index.d.ts +2 -2
  21. package/dist/runtime/components/ui/calendar/Calendar.vue +1 -0
  22. package/dist/runtime/components/ui/chart/ChartContainer.vue +1 -1
  23. package/dist/runtime/components/ui/chart/ChartLegendContent.vue +3 -3
  24. package/dist/runtime/components/ui/chart/ChartTooltipContent.vue +1 -0
  25. package/dist/runtime/components/ui/chart/index.d.ts +0 -1
  26. package/dist/runtime/components/ui/chart/index.js +0 -1
  27. package/dist/runtime/components/ui/chart/utils.js +1 -0
  28. package/dist/runtime/components/ui/combobox/Combobox.d.vue.ts +2 -2
  29. package/dist/runtime/components/ui/combobox/Combobox.vue.d.ts +2 -2
  30. package/dist/runtime/components/ui/command/CommandDialog.d.vue.ts +4 -1
  31. package/dist/runtime/components/ui/command/CommandDialog.vue.d.ts +4 -1
  32. package/dist/runtime/components/ui/drawer/Drawer.d.vue.ts +4 -4
  33. package/dist/runtime/components/ui/drawer/Drawer.vue.d.ts +4 -4
  34. package/dist/runtime/components/ui/file/FileGrid.vue +2 -0
  35. package/dist/runtime/components/ui/file/FileTable.vue +8 -4
  36. package/dist/runtime/components/ui/input-otp/InputOTP.d.vue.ts +8 -8
  37. package/dist/runtime/components/ui/input-otp/InputOTP.vue.d.ts +8 -8
  38. package/dist/runtime/components/ui/input-otp/InputOTPSlot.vue +1 -0
  39. package/dist/runtime/components/ui/item/index.d.ts +1 -1
  40. package/dist/runtime/components/ui/native-select/NativeSelect.d.vue.ts +7 -1
  41. package/dist/runtime/components/ui/native-select/NativeSelect.vue +9 -2
  42. package/dist/runtime/components/ui/native-select/NativeSelect.vue.d.ts +7 -1
  43. package/dist/runtime/components/ui/native-select/NativeSelectOptGroup.d.vue.ts +389 -1
  44. package/dist/runtime/components/ui/native-select/NativeSelectOptGroup.vue +6 -3
  45. package/dist/runtime/components/ui/native-select/NativeSelectOptGroup.vue.d.ts +389 -1
  46. package/dist/runtime/components/ui/native-select/NativeSelectOption.d.vue.ts +393 -1
  47. package/dist/runtime/components/ui/native-select/NativeSelectOption.vue +6 -3
  48. package/dist/runtime/components/ui/native-select/NativeSelectOption.vue.d.ts +393 -1
  49. package/dist/runtime/components/ui/navigation-menu/NavigationMenuLink.vue +1 -1
  50. package/dist/runtime/components/ui/select/Select.d.vue.ts +2 -2
  51. package/dist/runtime/components/ui/select/Select.vue.d.ts +2 -2
  52. package/dist/runtime/components/ui/sidebar/index.d.ts +1 -1
  53. package/dist/runtime/components/ui/sonner/Sonner.d.vue.ts +4 -0
  54. package/dist/runtime/components/ui/sonner/Sonner.vue +62 -0
  55. package/dist/runtime/components/ui/sonner/Sonner.vue.d.ts +4 -0
  56. package/dist/runtime/components/ui/sonner/index.d.ts +1 -0
  57. package/dist/runtime/components/ui/sonner/index.js +1 -0
  58. package/dist/runtime/components/ui/storage/StorageActionBar.d.vue.ts +2 -2
  59. package/dist/runtime/components/ui/storage/StorageActionBar.vue +1 -1
  60. package/dist/runtime/components/ui/storage/StorageActionBar.vue.d.ts +2 -2
  61. package/dist/runtime/components/ui/storage/StorageGrid.vue +2 -0
  62. package/dist/runtime/components/ui/storage/StorageTable.vue +8 -4
  63. package/dist/runtime/components/ui/tags-input/TagsInput.vue +8 -1
  64. package/dist/runtime/components/ui/timezone-select/useTimezone.d.ts +2 -2
  65. package/dist/runtime/components/ui/timezone-select/useTimezone.js +3 -3
  66. package/dist/runtime/components/ui/toggle/index.d.ts +1 -1
  67. package/dist/runtime/composables/useAuth.d.ts +15 -3
  68. package/dist/runtime/composables/useAuth.js +19 -1
  69. package/dist/runtime/composables/useBreadcrumbItems.js +1 -1
  70. package/dist/runtime/composables/useImageUrl.js +1 -0
  71. package/dist/runtime/error.vue +12 -4
  72. package/dist/runtime/graphql/organization.d.ts +5 -0
  73. package/dist/runtime/graphql/organization.js +11 -0
  74. package/dist/runtime/shared/constants/r2.d.ts +12 -0
  75. package/dist/runtime/shared/constants/r2.js +18 -0
  76. package/dist/runtime/types/nitro-graphql-client.d.ts +7 -1
  77. package/dist/types.d.mts +1 -7
  78. package/package.json +9 -3
@@ -2,7 +2,399 @@ declare var __VLS_1: {};
2
2
  type __VLS_Slots = {} & {
3
3
  default?: (props: typeof __VLS_1) => any;
4
4
  };
5
- declare const __VLS_base: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
5
+ declare const __VLS_base: import("vue").DefineComponent<{
6
+ class?: any;
7
+ disabled?: (boolean | "true" | "false") | undefined;
8
+ label?: string | undefined | undefined;
9
+ selected?: (boolean | "true" | "false") | undefined;
10
+ value?: any;
11
+ innerHTML?: string | undefined | undefined;
12
+ style?: import("vue").StyleValue;
13
+ accesskey?: string | undefined | undefined;
14
+ contenteditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
15
+ contextmenu?: string | undefined | undefined;
16
+ dir?: string | undefined | undefined;
17
+ draggable?: (boolean | "true" | "false") | undefined;
18
+ enterkeyhint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
19
+ enterKeyHint?: "search" | "done" | "enter" | "go" | "next" | "previous" | "send" | undefined;
20
+ hidden?: "" | (boolean | "true" | "false") | "hidden" | "until-found" | undefined;
21
+ id?: string | undefined | undefined;
22
+ inert?: (boolean | "true" | "false") | undefined;
23
+ lang?: string | undefined | undefined;
24
+ placeholder?: string | undefined | undefined;
25
+ spellcheck?: (boolean | "true" | "false") | undefined;
26
+ tabindex?: (string | number) | undefined;
27
+ title?: string | undefined | undefined;
28
+ translate?: "yes" | "no" | undefined | undefined;
29
+ radiogroup?: string | undefined | undefined;
30
+ role?: string | undefined | undefined;
31
+ about?: string | undefined | undefined;
32
+ datatype?: string | undefined | undefined;
33
+ inlist?: any;
34
+ prefix?: string | undefined | undefined;
35
+ property?: string | undefined | undefined;
36
+ resource?: string | undefined | undefined;
37
+ typeof?: string | undefined | undefined;
38
+ vocab?: string | undefined | undefined;
39
+ autocapitalize?: string | undefined | undefined;
40
+ autocorrect?: string | undefined | undefined;
41
+ autosave?: string | undefined | undefined;
42
+ color?: string | undefined | undefined;
43
+ itemprop?: string | undefined | undefined;
44
+ itemscope?: (boolean | "true" | "false") | undefined;
45
+ itemtype?: string | undefined | undefined;
46
+ itemid?: string | undefined | undefined;
47
+ itemref?: string | undefined | undefined;
48
+ results?: (string | number) | undefined;
49
+ security?: string | undefined | undefined;
50
+ unselectable?: "on" | "off" | undefined | undefined;
51
+ inputmode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
52
+ is?: string | undefined | undefined;
53
+ exportparts?: string | undefined;
54
+ part?: string | undefined;
55
+ 'aria-activedescendant'?: string | undefined | undefined;
56
+ 'aria-atomic'?: (boolean | "true" | "false") | undefined;
57
+ 'aria-autocomplete'?: "none" | "inline" | "list" | "both" | undefined | undefined;
58
+ 'aria-busy'?: (boolean | "true" | "false") | undefined;
59
+ 'aria-checked'?: (boolean | "true" | "false") | "mixed" | undefined;
60
+ 'aria-colcount'?: (string | number) | undefined;
61
+ 'aria-colindex'?: (string | number) | undefined;
62
+ 'aria-colspan'?: (string | number) | undefined;
63
+ 'aria-controls'?: string | undefined | undefined;
64
+ 'aria-current'?: "time" | "page" | "step" | "location" | "date" | (boolean | "true" | "false") | undefined;
65
+ 'aria-describedby'?: string | undefined | undefined;
66
+ 'aria-details'?: string | undefined | undefined;
67
+ 'aria-disabled'?: (boolean | "true" | "false") | undefined;
68
+ 'aria-dropeffect'?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined | undefined;
69
+ 'aria-errormessage'?: string | undefined | undefined;
70
+ 'aria-expanded'?: (boolean | "true" | "false") | undefined;
71
+ 'aria-flowto'?: string | undefined | undefined;
72
+ 'aria-grabbed'?: (boolean | "true" | "false") | undefined;
73
+ 'aria-haspopup'?: "dialog" | "menu" | (boolean | "true" | "false") | "listbox" | "tree" | "grid" | undefined;
74
+ 'aria-hidden'?: (boolean | "true" | "false") | undefined;
75
+ 'aria-invalid'?: (boolean | "true" | "false") | "grammar" | "spelling" | undefined;
76
+ 'aria-keyshortcuts'?: string | undefined | undefined;
77
+ 'aria-label'?: string | undefined | undefined;
78
+ 'aria-labelledby'?: string | undefined | undefined;
79
+ 'aria-level'?: (string | number) | undefined;
80
+ 'aria-live'?: "off" | "assertive" | "polite" | undefined | undefined;
81
+ 'aria-modal'?: (boolean | "true" | "false") | undefined;
82
+ 'aria-multiline'?: (boolean | "true" | "false") | undefined;
83
+ 'aria-multiselectable'?: (boolean | "true" | "false") | undefined;
84
+ 'aria-orientation'?: "horizontal" | "vertical" | undefined | undefined;
85
+ 'aria-owns'?: string | undefined | undefined;
86
+ 'aria-placeholder'?: string | undefined | undefined;
87
+ 'aria-posinset'?: (string | number) | undefined;
88
+ 'aria-pressed'?: (boolean | "true" | "false") | "mixed" | undefined;
89
+ 'aria-readonly'?: (boolean | "true" | "false") | undefined;
90
+ 'aria-relevant'?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined | undefined;
91
+ 'aria-required'?: (boolean | "true" | "false") | undefined;
92
+ 'aria-roledescription'?: string | undefined | undefined;
93
+ 'aria-rowcount'?: (string | number) | undefined;
94
+ 'aria-rowindex'?: (string | number) | undefined;
95
+ 'aria-rowspan'?: (string | number) | undefined;
96
+ 'aria-selected'?: (boolean | "true" | "false") | undefined;
97
+ 'aria-setsize'?: (string | number) | undefined;
98
+ 'aria-sort'?: "none" | "ascending" | "descending" | "other" | undefined | undefined;
99
+ 'aria-valuemax'?: (string | number) | undefined;
100
+ 'aria-valuemin'?: (string | number) | undefined;
101
+ 'aria-valuenow'?: (string | number) | undefined;
102
+ 'aria-valuetext'?: string | undefined | undefined;
103
+ onCopy?: ((payload: ClipboardEvent) => void) | undefined;
104
+ onCut?: ((payload: ClipboardEvent) => void) | undefined;
105
+ onPaste?: ((payload: ClipboardEvent) => void) | undefined;
106
+ onCompositionend?: ((payload: CompositionEvent) => void) | undefined;
107
+ onCompositionstart?: ((payload: CompositionEvent) => void) | undefined;
108
+ onCompositionupdate?: ((payload: CompositionEvent) => void) | undefined;
109
+ onDrag?: ((payload: DragEvent) => void) | undefined;
110
+ onDragend?: ((payload: DragEvent) => void) | undefined;
111
+ onDragenter?: ((payload: DragEvent) => void) | undefined;
112
+ onDragexit?: ((payload: DragEvent) => void) | undefined;
113
+ onDragleave?: ((payload: DragEvent) => void) | undefined;
114
+ onDragover?: ((payload: DragEvent) => void) | undefined;
115
+ onDragstart?: ((payload: DragEvent) => void) | undefined;
116
+ onDrop?: ((payload: DragEvent) => void) | undefined;
117
+ onFocus?: ((payload: FocusEvent) => void) | undefined;
118
+ onFocusin?: ((payload: FocusEvent) => void) | undefined;
119
+ onFocusout?: ((payload: FocusEvent) => void) | undefined;
120
+ onBlur?: ((payload: FocusEvent) => void) | undefined;
121
+ onChange?: ((payload: Event) => void) | undefined;
122
+ onBeforeinput?: ((payload: InputEvent) => void) | undefined;
123
+ onFormdata?: ((payload: FormDataEvent) => void) | undefined;
124
+ onInput?: ((payload: InputEvent) => void) | undefined;
125
+ onReset?: ((payload: Event) => void) | undefined;
126
+ onSubmit?: ((payload: SubmitEvent) => void) | undefined;
127
+ onInvalid?: ((payload: Event) => void) | undefined;
128
+ onFullscreenchange?: ((payload: Event) => void) | undefined;
129
+ onFullscreenerror?: ((payload: Event) => void) | undefined;
130
+ onLoad?: ((payload: Event) => void) | undefined;
131
+ onError?: ((payload: Event) => void) | undefined;
132
+ onKeydown?: ((payload: KeyboardEvent) => void) | undefined;
133
+ onKeypress?: ((payload: KeyboardEvent) => void) | undefined;
134
+ onKeyup?: ((payload: KeyboardEvent) => void) | undefined;
135
+ onDblclick?: ((payload: MouseEvent) => void) | undefined;
136
+ onMousedown?: ((payload: MouseEvent) => void) | undefined;
137
+ onMouseenter?: ((payload: MouseEvent) => void) | undefined;
138
+ onMouseleave?: ((payload: MouseEvent) => void) | undefined;
139
+ onMousemove?: ((payload: MouseEvent) => void) | undefined;
140
+ onMouseout?: ((payload: MouseEvent) => void) | undefined;
141
+ onMouseover?: ((payload: MouseEvent) => void) | undefined;
142
+ onMouseup?: ((payload: MouseEvent) => void) | undefined;
143
+ onAbort?: ((payload: UIEvent) => void) | undefined;
144
+ onCanplay?: ((payload: Event) => void) | undefined;
145
+ onCanplaythrough?: ((payload: Event) => void) | undefined;
146
+ onDurationchange?: ((payload: Event) => void) | undefined;
147
+ onEmptied?: ((payload: Event) => void) | undefined;
148
+ onEncrypted?: ((payload: MediaEncryptedEvent) => void) | undefined;
149
+ onEnded?: ((payload: Event) => void) | undefined;
150
+ onLoadeddata?: ((payload: Event) => void) | undefined;
151
+ onLoadedmetadata?: ((payload: Event) => void) | undefined;
152
+ onLoadstart?: ((payload: Event) => void) | undefined;
153
+ onPause?: ((payload: Event) => void) | undefined;
154
+ onPlay?: ((payload: Event) => void) | undefined;
155
+ onPlaying?: ((payload: Event) => void) | undefined;
156
+ onProgress?: ((payload: ProgressEvent<EventTarget>) => void) | undefined;
157
+ onRatechange?: ((payload: Event) => void) | undefined;
158
+ onSeeked?: ((payload: Event) => void) | undefined;
159
+ onSeeking?: ((payload: Event) => void) | undefined;
160
+ onStalled?: ((payload: Event) => void) | undefined;
161
+ onSuspend?: ((payload: Event) => void) | undefined;
162
+ onTimeupdate?: ((payload: Event) => void) | undefined;
163
+ onVolumechange?: ((payload: Event) => void) | undefined;
164
+ onWaiting?: ((payload: Event) => void) | undefined;
165
+ onSelect?: ((payload: Event) => void) | undefined;
166
+ onScroll?: ((payload: Event) => void) | undefined;
167
+ onScrollend?: ((payload: Event) => void) | undefined;
168
+ onTouchcancel?: ((payload: TouchEvent) => void) | undefined;
169
+ onTouchend?: ((payload: TouchEvent) => void) | undefined;
170
+ onTouchmove?: ((payload: TouchEvent) => void) | undefined;
171
+ onTouchstart?: ((payload: TouchEvent) => void) | undefined;
172
+ onAuxclick?: ((payload: PointerEvent) => void) | undefined;
173
+ onClick?: ((payload: PointerEvent) => void) | undefined;
174
+ onContextmenu?: ((payload: PointerEvent) => void) | undefined;
175
+ onGotpointercapture?: ((payload: PointerEvent) => void) | undefined;
176
+ onLostpointercapture?: ((payload: PointerEvent) => void) | undefined;
177
+ onPointerdown?: ((payload: PointerEvent) => void) | undefined;
178
+ onPointermove?: ((payload: PointerEvent) => void) | undefined;
179
+ onPointerup?: ((payload: PointerEvent) => void) | undefined;
180
+ onPointercancel?: ((payload: PointerEvent) => void) | undefined;
181
+ onPointerenter?: ((payload: PointerEvent) => void) | undefined;
182
+ onPointerleave?: ((payload: PointerEvent) => void) | undefined;
183
+ onPointerover?: ((payload: PointerEvent) => void) | undefined;
184
+ onPointerout?: ((payload: PointerEvent) => void) | undefined;
185
+ onBeforetoggle?: ((payload: ToggleEvent) => void) | undefined;
186
+ onToggle?: ((payload: ToggleEvent) => void) | undefined;
187
+ onWheel?: ((payload: WheelEvent) => void) | undefined;
188
+ onAnimationcancel?: ((payload: AnimationEvent) => void) | undefined;
189
+ onAnimationstart?: ((payload: AnimationEvent) => void) | undefined;
190
+ onAnimationend?: ((payload: AnimationEvent) => void) | undefined;
191
+ onAnimationiteration?: ((payload: AnimationEvent) => void) | undefined;
192
+ onSecuritypolicyviolation?: ((payload: SecurityPolicyViolationEvent) => void) | undefined;
193
+ onTransitioncancel?: ((payload: TransitionEvent) => void) | undefined;
194
+ onTransitionend?: ((payload: TransitionEvent) => void) | undefined;
195
+ onTransitionrun?: ((payload: TransitionEvent) => void) | undefined;
196
+ onTransitionstart?: ((payload: TransitionEvent) => void) | undefined;
197
+ key?: PropertyKey | undefined;
198
+ ref?: import("vue").VNodeRef | undefined;
199
+ ref_for?: boolean | undefined | undefined;
200
+ ref_key?: string | undefined | undefined;
201
+ }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
202
+ class?: any;
203
+ disabled?: (boolean | "true" | "false") | undefined;
204
+ label?: string | undefined | undefined;
205
+ selected?: (boolean | "true" | "false") | undefined;
206
+ value?: any;
207
+ innerHTML?: string | undefined | undefined;
208
+ style?: import("vue").StyleValue;
209
+ accesskey?: string | undefined | undefined;
210
+ contenteditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
211
+ contextmenu?: string | undefined | undefined;
212
+ dir?: string | undefined | undefined;
213
+ draggable?: (boolean | "true" | "false") | undefined;
214
+ enterkeyhint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
215
+ enterKeyHint?: "search" | "done" | "enter" | "go" | "next" | "previous" | "send" | undefined;
216
+ hidden?: "" | (boolean | "true" | "false") | "hidden" | "until-found" | undefined;
217
+ id?: string | undefined | undefined;
218
+ inert?: (boolean | "true" | "false") | undefined;
219
+ lang?: string | undefined | undefined;
220
+ placeholder?: string | undefined | undefined;
221
+ spellcheck?: (boolean | "true" | "false") | undefined;
222
+ tabindex?: (string | number) | undefined;
223
+ title?: string | undefined | undefined;
224
+ translate?: "yes" | "no" | undefined | undefined;
225
+ radiogroup?: string | undefined | undefined;
226
+ role?: string | undefined | undefined;
227
+ about?: string | undefined | undefined;
228
+ datatype?: string | undefined | undefined;
229
+ inlist?: any;
230
+ prefix?: string | undefined | undefined;
231
+ property?: string | undefined | undefined;
232
+ resource?: string | undefined | undefined;
233
+ typeof?: string | undefined | undefined;
234
+ vocab?: string | undefined | undefined;
235
+ autocapitalize?: string | undefined | undefined;
236
+ autocorrect?: string | undefined | undefined;
237
+ autosave?: string | undefined | undefined;
238
+ color?: string | undefined | undefined;
239
+ itemprop?: string | undefined | undefined;
240
+ itemscope?: (boolean | "true" | "false") | undefined;
241
+ itemtype?: string | undefined | undefined;
242
+ itemid?: string | undefined | undefined;
243
+ itemref?: string | undefined | undefined;
244
+ results?: (string | number) | undefined;
245
+ security?: string | undefined | undefined;
246
+ unselectable?: "on" | "off" | undefined | undefined;
247
+ inputmode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
248
+ is?: string | undefined | undefined;
249
+ exportparts?: string | undefined;
250
+ part?: string | undefined;
251
+ 'aria-activedescendant'?: string | undefined | undefined;
252
+ 'aria-atomic'?: (boolean | "true" | "false") | undefined;
253
+ 'aria-autocomplete'?: "none" | "inline" | "list" | "both" | undefined | undefined;
254
+ 'aria-busy'?: (boolean | "true" | "false") | undefined;
255
+ 'aria-checked'?: (boolean | "true" | "false") | "mixed" | undefined;
256
+ 'aria-colcount'?: (string | number) | undefined;
257
+ 'aria-colindex'?: (string | number) | undefined;
258
+ 'aria-colspan'?: (string | number) | undefined;
259
+ 'aria-controls'?: string | undefined | undefined;
260
+ 'aria-current'?: "time" | "page" | "step" | "location" | "date" | (boolean | "true" | "false") | undefined;
261
+ 'aria-describedby'?: string | undefined | undefined;
262
+ 'aria-details'?: string | undefined | undefined;
263
+ 'aria-disabled'?: (boolean | "true" | "false") | undefined;
264
+ 'aria-dropeffect'?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined | undefined;
265
+ 'aria-errormessage'?: string | undefined | undefined;
266
+ 'aria-expanded'?: (boolean | "true" | "false") | undefined;
267
+ 'aria-flowto'?: string | undefined | undefined;
268
+ 'aria-grabbed'?: (boolean | "true" | "false") | undefined;
269
+ 'aria-haspopup'?: "dialog" | "menu" | (boolean | "true" | "false") | "listbox" | "tree" | "grid" | undefined;
270
+ 'aria-hidden'?: (boolean | "true" | "false") | undefined;
271
+ 'aria-invalid'?: (boolean | "true" | "false") | "grammar" | "spelling" | undefined;
272
+ 'aria-keyshortcuts'?: string | undefined | undefined;
273
+ 'aria-label'?: string | undefined | undefined;
274
+ 'aria-labelledby'?: string | undefined | undefined;
275
+ 'aria-level'?: (string | number) | undefined;
276
+ 'aria-live'?: "off" | "assertive" | "polite" | undefined | undefined;
277
+ 'aria-modal'?: (boolean | "true" | "false") | undefined;
278
+ 'aria-multiline'?: (boolean | "true" | "false") | undefined;
279
+ 'aria-multiselectable'?: (boolean | "true" | "false") | undefined;
280
+ 'aria-orientation'?: "horizontal" | "vertical" | undefined | undefined;
281
+ 'aria-owns'?: string | undefined | undefined;
282
+ 'aria-placeholder'?: string | undefined | undefined;
283
+ 'aria-posinset'?: (string | number) | undefined;
284
+ 'aria-pressed'?: (boolean | "true" | "false") | "mixed" | undefined;
285
+ 'aria-readonly'?: (boolean | "true" | "false") | undefined;
286
+ 'aria-relevant'?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined | undefined;
287
+ 'aria-required'?: (boolean | "true" | "false") | undefined;
288
+ 'aria-roledescription'?: string | undefined | undefined;
289
+ 'aria-rowcount'?: (string | number) | undefined;
290
+ 'aria-rowindex'?: (string | number) | undefined;
291
+ 'aria-rowspan'?: (string | number) | undefined;
292
+ 'aria-selected'?: (boolean | "true" | "false") | undefined;
293
+ 'aria-setsize'?: (string | number) | undefined;
294
+ 'aria-sort'?: "none" | "ascending" | "descending" | "other" | undefined | undefined;
295
+ 'aria-valuemax'?: (string | number) | undefined;
296
+ 'aria-valuemin'?: (string | number) | undefined;
297
+ 'aria-valuenow'?: (string | number) | undefined;
298
+ 'aria-valuetext'?: string | undefined | undefined;
299
+ onCopy?: ((payload: ClipboardEvent) => void) | undefined;
300
+ onCut?: ((payload: ClipboardEvent) => void) | undefined;
301
+ onPaste?: ((payload: ClipboardEvent) => void) | undefined;
302
+ onCompositionend?: ((payload: CompositionEvent) => void) | undefined;
303
+ onCompositionstart?: ((payload: CompositionEvent) => void) | undefined;
304
+ onCompositionupdate?: ((payload: CompositionEvent) => void) | undefined;
305
+ onDrag?: ((payload: DragEvent) => void) | undefined;
306
+ onDragend?: ((payload: DragEvent) => void) | undefined;
307
+ onDragenter?: ((payload: DragEvent) => void) | undefined;
308
+ onDragexit?: ((payload: DragEvent) => void) | undefined;
309
+ onDragleave?: ((payload: DragEvent) => void) | undefined;
310
+ onDragover?: ((payload: DragEvent) => void) | undefined;
311
+ onDragstart?: ((payload: DragEvent) => void) | undefined;
312
+ onDrop?: ((payload: DragEvent) => void) | undefined;
313
+ onFocus?: ((payload: FocusEvent) => void) | undefined;
314
+ onFocusin?: ((payload: FocusEvent) => void) | undefined;
315
+ onFocusout?: ((payload: FocusEvent) => void) | undefined;
316
+ onBlur?: ((payload: FocusEvent) => void) | undefined;
317
+ onChange?: ((payload: Event) => void) | undefined;
318
+ onBeforeinput?: ((payload: InputEvent) => void) | undefined;
319
+ onFormdata?: ((payload: FormDataEvent) => void) | undefined;
320
+ onInput?: ((payload: InputEvent) => void) | undefined;
321
+ onReset?: ((payload: Event) => void) | undefined;
322
+ onSubmit?: ((payload: SubmitEvent) => void) | undefined;
323
+ onInvalid?: ((payload: Event) => void) | undefined;
324
+ onFullscreenchange?: ((payload: Event) => void) | undefined;
325
+ onFullscreenerror?: ((payload: Event) => void) | undefined;
326
+ onLoad?: ((payload: Event) => void) | undefined;
327
+ onError?: ((payload: Event) => void) | undefined;
328
+ onKeydown?: ((payload: KeyboardEvent) => void) | undefined;
329
+ onKeypress?: ((payload: KeyboardEvent) => void) | undefined;
330
+ onKeyup?: ((payload: KeyboardEvent) => void) | undefined;
331
+ onDblclick?: ((payload: MouseEvent) => void) | undefined;
332
+ onMousedown?: ((payload: MouseEvent) => void) | undefined;
333
+ onMouseenter?: ((payload: MouseEvent) => void) | undefined;
334
+ onMouseleave?: ((payload: MouseEvent) => void) | undefined;
335
+ onMousemove?: ((payload: MouseEvent) => void) | undefined;
336
+ onMouseout?: ((payload: MouseEvent) => void) | undefined;
337
+ onMouseover?: ((payload: MouseEvent) => void) | undefined;
338
+ onMouseup?: ((payload: MouseEvent) => void) | undefined;
339
+ onAbort?: ((payload: UIEvent) => void) | undefined;
340
+ onCanplay?: ((payload: Event) => void) | undefined;
341
+ onCanplaythrough?: ((payload: Event) => void) | undefined;
342
+ onDurationchange?: ((payload: Event) => void) | undefined;
343
+ onEmptied?: ((payload: Event) => void) | undefined;
344
+ onEncrypted?: ((payload: MediaEncryptedEvent) => void) | undefined;
345
+ onEnded?: ((payload: Event) => void) | undefined;
346
+ onLoadeddata?: ((payload: Event) => void) | undefined;
347
+ onLoadedmetadata?: ((payload: Event) => void) | undefined;
348
+ onLoadstart?: ((payload: Event) => void) | undefined;
349
+ onPause?: ((payload: Event) => void) | undefined;
350
+ onPlay?: ((payload: Event) => void) | undefined;
351
+ onPlaying?: ((payload: Event) => void) | undefined;
352
+ onProgress?: ((payload: ProgressEvent<EventTarget>) => void) | undefined;
353
+ onRatechange?: ((payload: Event) => void) | undefined;
354
+ onSeeked?: ((payload: Event) => void) | undefined;
355
+ onSeeking?: ((payload: Event) => void) | undefined;
356
+ onStalled?: ((payload: Event) => void) | undefined;
357
+ onSuspend?: ((payload: Event) => void) | undefined;
358
+ onTimeupdate?: ((payload: Event) => void) | undefined;
359
+ onVolumechange?: ((payload: Event) => void) | undefined;
360
+ onWaiting?: ((payload: Event) => void) | undefined;
361
+ onSelect?: ((payload: Event) => void) | undefined;
362
+ onScroll?: ((payload: Event) => void) | undefined;
363
+ onScrollend?: ((payload: Event) => void) | undefined;
364
+ onTouchcancel?: ((payload: TouchEvent) => void) | undefined;
365
+ onTouchend?: ((payload: TouchEvent) => void) | undefined;
366
+ onTouchmove?: ((payload: TouchEvent) => void) | undefined;
367
+ onTouchstart?: ((payload: TouchEvent) => void) | undefined;
368
+ onAuxclick?: ((payload: PointerEvent) => void) | undefined;
369
+ onClick?: ((payload: PointerEvent) => void) | undefined;
370
+ onContextmenu?: ((payload: PointerEvent) => void) | undefined;
371
+ onGotpointercapture?: ((payload: PointerEvent) => void) | undefined;
372
+ onLostpointercapture?: ((payload: PointerEvent) => void) | undefined;
373
+ onPointerdown?: ((payload: PointerEvent) => void) | undefined;
374
+ onPointermove?: ((payload: PointerEvent) => void) | undefined;
375
+ onPointerup?: ((payload: PointerEvent) => void) | undefined;
376
+ onPointercancel?: ((payload: PointerEvent) => void) | undefined;
377
+ onPointerenter?: ((payload: PointerEvent) => void) | undefined;
378
+ onPointerleave?: ((payload: PointerEvent) => void) | undefined;
379
+ onPointerover?: ((payload: PointerEvent) => void) | undefined;
380
+ onPointerout?: ((payload: PointerEvent) => void) | undefined;
381
+ onBeforetoggle?: ((payload: ToggleEvent) => void) | undefined;
382
+ onToggle?: ((payload: ToggleEvent) => void) | undefined;
383
+ onWheel?: ((payload: WheelEvent) => void) | undefined;
384
+ onAnimationcancel?: ((payload: AnimationEvent) => void) | undefined;
385
+ onAnimationstart?: ((payload: AnimationEvent) => void) | undefined;
386
+ onAnimationend?: ((payload: AnimationEvent) => void) | undefined;
387
+ onAnimationiteration?: ((payload: AnimationEvent) => void) | undefined;
388
+ onSecuritypolicyviolation?: ((payload: SecurityPolicyViolationEvent) => void) | undefined;
389
+ onTransitioncancel?: ((payload: TransitionEvent) => void) | undefined;
390
+ onTransitionend?: ((payload: TransitionEvent) => void) | undefined;
391
+ onTransitionrun?: ((payload: TransitionEvent) => void) | undefined;
392
+ onTransitionstart?: ((payload: TransitionEvent) => void) | undefined;
393
+ key?: PropertyKey | undefined;
394
+ ref?: import("vue").VNodeRef | undefined;
395
+ ref_for?: boolean | undefined | undefined;
396
+ ref_key?: string | undefined | undefined;
397
+ }> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
6
398
  declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
7
399
  declare const _default: typeof __VLS_export;
8
400
  export default _default;
@@ -20,7 +20,7 @@ const forwarded = useForwardPropsEmits(delegatedProps, emits);
20
20
  <NavigationMenuLink
21
21
  data-slot="navigation-menu-link"
22
22
  v-bind="forwarded"
23
- :class="cn('data-[active=true]:focus:bg-accent data-[active=true]:hover:bg-accent data-[active=true]:bg-accent/50 data-[active=true]:text-accent-foreground hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground ring-ring/10 dark:ring-ring/20 dark:outline-ring/40 outline-ring/50 [&_svg:not([class*=\'text-\'])]:text-muted-foreground flex flex-col gap-1 rounded-sm p-2 text-sm transition-[color,box-shadow] focus-visible:ring-4 focus-visible:outline-1 [&_svg:not([class*=\'size-\'])]:size-4', props.class)"
23
+ :class="cn('data-active:focus:bg-accent data-active:hover:bg-accent data-active:bg-accent/50 data-active:text-accent-foreground hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground ring-ring/10 dark:ring-ring/20 dark:outline-ring/40 outline-ring/50 [&_svg:not([class*=\'text-\'])]:text-muted-foreground flex flex-col gap-1 rounded-sm p-2 text-sm transition-[color,box-shadow] focus-visible:ring-4 focus-visible:outline-1 [&_svg:not([class*=\'size-\'])]:size-4', props.class)"
24
24
  >
25
25
  <slot />
26
26
  </NavigationMenuLink>
@@ -8,11 +8,11 @@ type __VLS_Slots = {} & {
8
8
  default?: (props: typeof __VLS_8) => any;
9
9
  };
10
10
  declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
11
- "update:modelValue": (value: import("reka-ui").AcceptableValue) => any;
12
11
  "update:open": (value: boolean) => any;
12
+ "update:modelValue": (value: import("reka-ui").AcceptableValue) => any;
13
13
  }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
14
- "onUpdate:modelValue"?: ((value: import("reka-ui").AcceptableValue) => any) | undefined;
15
14
  "onUpdate:open"?: ((value: boolean) => any) | undefined;
15
+ "onUpdate:modelValue"?: ((value: import("reka-ui").AcceptableValue) => any) | undefined;
16
16
  }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
17
17
  declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
18
18
  declare const _default: typeof __VLS_export;
@@ -8,11 +8,11 @@ type __VLS_Slots = {} & {
8
8
  default?: (props: typeof __VLS_8) => any;
9
9
  };
10
10
  declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
11
- "update:modelValue": (value: import("reka-ui").AcceptableValue) => any;
12
11
  "update:open": (value: boolean) => any;
12
+ "update:modelValue": (value: import("reka-ui").AcceptableValue) => any;
13
13
  }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
14
- "onUpdate:modelValue"?: ((value: import("reka-ui").AcceptableValue) => any) | undefined;
15
14
  "onUpdate:open"?: ((value: boolean) => any) | undefined;
15
+ "onUpdate:modelValue"?: ((value: import("reka-ui").AcceptableValue) => any) | undefined;
16
16
  }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
17
17
  declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
18
18
  declare const _default: typeof __VLS_export;
@@ -32,6 +32,6 @@ export { default as SidebarTrigger } from "./SidebarTrigger.vue.js";
32
32
  export { useSidebar } from "./utils.js";
33
33
  export declare const sidebarMenuButtonVariants: (props?: ({
34
34
  variant?: "default" | "outline" | null | undefined;
35
- size?: "lg" | "default" | "sm" | null | undefined;
35
+ size?: "default" | "sm" | "lg" | null | undefined;
36
36
  } & import("class-variance-authority/types").ClassProp) | undefined) => string;
37
37
  export type SidebarMenuButtonVariants = VariantProps<typeof sidebarMenuButtonVariants>;
@@ -0,0 +1,4 @@
1
+ import type { ToasterProps } from "vue-sonner";
2
+ declare const __VLS_export: import("vue").DefineComponent<ToasterProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ToasterProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
3
+ declare const _default: typeof __VLS_export;
4
+ export default _default;
@@ -0,0 +1,62 @@
1
+ <script setup>
2
+ import { CircleCheckIcon, InfoIcon, Loader2Icon, OctagonXIcon, TriangleAlertIcon, XIcon } from "lucide-vue-next";
3
+ import { Toaster as Sonner } from "vue-sonner";
4
+ import { cn } from "abckit/utils";
5
+ const props = defineProps({
6
+ id: { type: String, required: false },
7
+ invert: { type: Boolean, required: false },
8
+ theme: { type: String, required: false },
9
+ position: { type: String, required: false },
10
+ closeButtonPosition: { type: String, required: false },
11
+ hotkey: { type: Array, required: false },
12
+ richColors: { type: Boolean, required: false },
13
+ expand: { type: Boolean, required: false },
14
+ duration: { type: Number, required: false },
15
+ gap: { type: Number, required: false },
16
+ visibleToasts: { type: Number, required: false },
17
+ closeButton: { type: Boolean, required: false },
18
+ toastOptions: { type: Object, required: false },
19
+ class: { type: String, required: false },
20
+ style: { type: Object, required: false },
21
+ offset: { type: [Object, String, Number], required: false },
22
+ mobileOffset: { type: [Object, String, Number], required: false },
23
+ dir: { type: String, required: false },
24
+ swipeDirections: { type: Array, required: false },
25
+ icons: { type: Object, required: false },
26
+ containerAriaLabel: { type: String, required: false }
27
+ });
28
+ </script>
29
+
30
+ <template>
31
+ <Sonner
32
+ :class="cn('toaster group', props.class)"
33
+ :style="{
34
+ '--normal-bg': 'var(--popover)',
35
+ '--normal-text': 'var(--popover-foreground)',
36
+ '--normal-border': 'var(--border)',
37
+ '--border-radius': 'var(--radius)'
38
+ }"
39
+ v-bind="props"
40
+ >
41
+ <template #success-icon>
42
+ <CircleCheckIcon class="size-4" />
43
+ </template>
44
+ <template #info-icon>
45
+ <InfoIcon class="size-4" />
46
+ </template>
47
+ <template #warning-icon>
48
+ <TriangleAlertIcon class="size-4" />
49
+ </template>
50
+ <template #error-icon>
51
+ <OctagonXIcon class="size-4" />
52
+ </template>
53
+ <template #loading-icon>
54
+ <div>
55
+ <Loader2Icon class="size-4 animate-spin" />
56
+ </div>
57
+ </template>
58
+ <template #close-icon>
59
+ <XIcon class="size-4" />
60
+ </template>
61
+ </Sonner>
62
+ </template>
@@ -0,0 +1,4 @@
1
+ import type { ToasterProps } from "vue-sonner";
2
+ declare const __VLS_export: import("vue").DefineComponent<ToasterProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ToasterProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
3
+ declare const _default: typeof __VLS_export;
4
+ export default _default;
@@ -0,0 +1 @@
1
+ export { default as Toaster } from "./Sonner.vue.js";
@@ -0,0 +1 @@
1
+ export { default as Toaster } from "./Sonner.vue";
@@ -12,13 +12,13 @@ interface Props {
12
12
  declare const __VLS_export: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
13
13
  "update:searchQuery": (value: string) => any;
14
14
  "update:viewMode": (value: ViewMode) => any;
15
- "update:selectedType": (value: any) => any;
15
+ "update:selectedType": (value: "all" | FileType) => any;
16
16
  "create-folder": () => any;
17
17
  "toggle-selection-mode": () => any;
18
18
  }, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
19
19
  "onUpdate:searchQuery"?: ((value: string) => any) | undefined;
20
20
  "onUpdate:viewMode"?: ((value: ViewMode) => any) | undefined;
21
- "onUpdate:selectedType"?: ((value: any) => any) | undefined;
21
+ "onUpdate:selectedType"?: ((value: "all" | FileType) => any) | undefined;
22
22
  "onCreate-folder"?: (() => any) | undefined;
23
23
  "onToggle-selection-mode"?: (() => any) | undefined;
24
24
  }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
@@ -9,7 +9,7 @@ import { computed } from "vue";
9
9
  const props = defineProps({
10
10
  searchQuery: { type: String, required: false, default: "" },
11
11
  viewMode: { type: String, required: false, default: "grid" },
12
- selectedType: { type: null, required: false, default: "all" },
12
+ selectedType: { type: String, required: false, default: "all" },
13
13
  showCreateFolder: { type: Boolean, required: false, default: true },
14
14
  showViewToggle: { type: Boolean, required: false, default: true },
15
15
  showTypeFilter: { type: Boolean, required: false, default: true },
@@ -12,13 +12,13 @@ interface Props {
12
12
  declare const __VLS_export: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
13
13
  "update:searchQuery": (value: string) => any;
14
14
  "update:viewMode": (value: ViewMode) => any;
15
- "update:selectedType": (value: any) => any;
15
+ "update:selectedType": (value: "all" | FileType) => any;
16
16
  "create-folder": () => any;
17
17
  "toggle-selection-mode": () => any;
18
18
  }, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
19
19
  "onUpdate:searchQuery"?: ((value: string) => any) | undefined;
20
20
  "onUpdate:viewMode"?: ((value: ViewMode) => any) | undefined;
21
- "onUpdate:selectedType"?: ((value: any) => any) | undefined;
21
+ "onUpdate:selectedType"?: ((value: "all" | FileType) => any) | undefined;
22
22
  "onCreate-folder"?: (() => any) | undefined;
23
23
  "onToggle-selection-mode"?: (() => any) | undefined;
24
24
  }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
@@ -16,7 +16,9 @@ const emit = defineEmits(["fileClick", "folderClick", "toggleSelection", "fileAc
16
16
  const FILE_TYPE_ICONS = {
17
17
  IMAGE: Image,
18
18
  VIDEO: Film,
19
+ AUDIO: FileText,
19
20
  DOCUMENT: FileText,
21
+ ARCHIVE: Cloud,
20
22
  OTHER: Cloud,
21
23
  FOLDER: Folder
22
24
  };
@@ -20,22 +20,26 @@ const emit = defineEmits(["fileClick", "folderClick", "toggleSelection", "select
20
20
  const FILE_TYPE_ICONS = {
21
21
  IMAGE: Image,
22
22
  VIDEO: Film,
23
+ AUDIO: FileText,
23
24
  DOCUMENT: FileText,
25
+ ARCHIVE: Cloud,
24
26
  OTHER: Cloud,
25
27
  FOLDER: Folder
26
28
  };
27
29
  const FILE_TYPE_LABELS = {
28
- IMAGE: "Resim",
30
+ IMAGE: "Image",
29
31
  VIDEO: "Video",
30
- DOCUMENT: "Belge",
31
- OTHER: "Di\u011Fer"
32
+ AUDIO: "Audio",
33
+ DOCUMENT: "Document",
34
+ ARCHIVE: "Archive",
35
+ OTHER: "Other"
32
36
  };
33
37
  function getFileIcon(file) {
34
38
  if (file.isFolder) return FILE_TYPE_ICONS.FOLDER;
35
39
  return FILE_TYPE_ICONS[file.type];
36
40
  }
37
41
  function getFileTypeLabel(file) {
38
- if (file.isFolder) return "Klas\xF6r";
42
+ if (file.isFolder) return "Folder";
39
43
  return FILE_TYPE_LABELS[file.type];
40
44
  }
41
45
  function formatDate(date) {
@@ -28,7 +28,14 @@ const forwarded = useForwardPropsEmits(delegatedProps, emits);
28
28
  </script>
29
29
 
30
30
  <template>
31
- <TagsInputRoot v-slot="slotProps" v-bind="forwarded" :class="cn('flex flex-wrap gap-2 items-center rounded-md border border-input bg-background px-3 py-1.5 text-sm', props.class)">
31
+ <TagsInputRoot
32
+ v-slot="slotProps" v-bind="forwarded" :class="cn(
33
+ 'flex flex-wrap gap-2 items-center rounded-md border border-input bg-background px-2 py-1 text-sm shadow-xs transition-[color,box-shadow] outline-none',
34
+ 'focus-within:border-ring focus-within:ring-ring/50 focus-within:ring-[3px]',
35
+ 'aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive',
36
+ props.class
37
+ )"
38
+ >
32
39
  <slot v-bind="slotProps" />
33
40
  </TagsInputRoot>
34
41
  </template>