@sabrenski/spire-ui-vue 0.3.3 → 0.3.6

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 (22) hide show
  1. package/dist/components/Autocomplete/Autocomplete.vue.d.ts +369 -4
  2. package/dist/components/BottomSheet/BottomSheet.vue.d.ts +48 -0
  3. package/dist/components/BottomSheet/index.d.ts +2 -0
  4. package/dist/components/BottomSheet/types.d.ts +19 -0
  5. package/dist/components/Calendar/Calendar.vue.d.ts +1 -0
  6. package/dist/components/Calendar/CalendarGrid.vue.d.ts +1 -0
  7. package/dist/components/Calendar/types.d.ts +4 -0
  8. package/dist/components/DatePicker/DatePicker.vue.d.ts +95 -1
  9. package/dist/components/Dropdown/DropdownMenu.vue.d.ts +189 -2
  10. package/dist/components/IconPicker/IconPicker.vue.d.ts +3 -3
  11. package/dist/components/Modal/Modal.vue.d.ts +1 -1
  12. package/dist/components/Popover/Popover.vue.d.ts +1 -1
  13. package/dist/components/Select/Select.vue.d.ts +188 -2
  14. package/dist/components/index.d.ts +1 -0
  15. package/dist/composables/index.d.ts +1 -0
  16. package/dist/composables/useSwipeGesture/index.d.ts +1 -0
  17. package/dist/composables/useSwipeGesture/useSwipeGesture.d.ts +27 -0
  18. package/dist/spire-ui.cjs +44 -44
  19. package/dist/spire-ui.css +1 -1
  20. package/dist/spire-ui.js +18799 -18608
  21. package/dist/theme/semantic.css +1 -1
  22. package/package.json +1 -1
package/dist/components/Dropdown/DropdownMenu.vue.d.ts CHANGED
@@ -1,3 +1,4 @@
1
+ import { nextTick } from 'vue';
1
2
  import { DropdownMenuProps, DropdownMenuVariant, DropdownMenuColor } from './types';
2
3
  declare function __VLS_template(): {
3
4
  attrs: Partial<{}>;
@@ -22,7 +23,100 @@ declare function __VLS_template(): {
22
23
  bottomContent?(_: {}): any;
23
24
  };
24
25
  refs: {
25
- dialogRef: HTMLDialogElement;
26
+ bottomSheetRef: ({
27
+ $: import('vue').ComponentInternalInstance;
28
+ $data: {};
29
+ $props: {
30
+ readonly modelValue?: boolean | undefined;
31
+ readonly title?: string | undefined;
32
+ readonly size?: import('..').BottomSheetSize | undefined;
33
+ readonly showDragHandle?: boolean | undefined;
34
+ readonly swipeToDismiss?: boolean | undefined;
35
+ readonly closable?: boolean | undefined;
36
+ readonly closeOnBackdrop?: boolean | undefined;
37
+ readonly closeOnEscape?: boolean | undefined;
38
+ readonly onClose?: (() => any) | undefined;
39
+ readonly "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
40
+ readonly onOpen?: (() => any) | undefined;
41
+ } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
42
+ $attrs: {
43
+ [x: string]: unknown;
44
+ };
45
+ $refs: {
46
+ [x: string]: unknown;
47
+ } & {
48
+ dialogRef: HTMLDialogElement;
49
+ dragHandleRef: HTMLDivElement;
50
+ };
51
+ $slots: Readonly<{
52
+ [name: string]: import('vue').Slot<any> | undefined;
53
+ }>;
54
+ $root: import('vue').ComponentPublicInstance | null;
55
+ $parent: import('vue').ComponentPublicInstance | null;
56
+ $host: Element | null;
57
+ $emit: ((event: "close") => void) & ((event: "update:modelValue", value: boolean) => void) & ((event: "open") => void);
58
+ $el: HTMLDialogElement;
59
+ $options: import('vue').ComponentOptionsBase<Readonly<import('..').BottomSheetProps> & Readonly<{
60
+ onClose?: (() => any) | undefined;
61
+ "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
62
+ onOpen?: (() => any) | undefined;
63
+ }>, {
64
+ open: () => void;
65
+ close: () => void;
66
+ }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
67
+ close: () => any;
68
+ "update:modelValue": (value: boolean) => any;
69
+ open: () => any;
70
+ }, string, {
71
+ size: import('..').BottomSheetSize;
72
+ closable: boolean;
73
+ showDragHandle: boolean;
74
+ swipeToDismiss: boolean;
75
+ closeOnBackdrop: boolean;
76
+ closeOnEscape: boolean;
77
+ }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
78
+ beforeCreate?: (() => void) | (() => void)[];
79
+ created?: (() => void) | (() => void)[];
80
+ beforeMount?: (() => void) | (() => void)[];
81
+ mounted?: (() => void) | (() => void)[];
82
+ beforeUpdate?: (() => void) | (() => void)[];
83
+ updated?: (() => void) | (() => void)[];
84
+ activated?: (() => void) | (() => void)[];
85
+ deactivated?: (() => void) | (() => void)[];
86
+ beforeDestroy?: (() => void) | (() => void)[];
87
+ beforeUnmount?: (() => void) | (() => void)[];
88
+ destroyed?: (() => void) | (() => void)[];
89
+ unmounted?: (() => void) | (() => void)[];
90
+ renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
91
+ renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
92
+ errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
93
+ };
94
+ $forceUpdate: () => void;
95
+ $nextTick: typeof nextTick;
96
+ $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
97
+ } & Readonly<{
98
+ size: import('..').BottomSheetSize;
99
+ closable: boolean;
100
+ showDragHandle: boolean;
101
+ swipeToDismiss: boolean;
102
+ closeOnBackdrop: boolean;
103
+ closeOnEscape: boolean;
104
+ }> & Omit<Readonly<import('..').BottomSheetProps> & Readonly<{
105
+ onClose?: (() => any) | undefined;
106
+ "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
107
+ onOpen?: (() => any) | undefined;
108
+ }>, "close" | "open" | ("size" | "closable" | "showDragHandle" | "swipeToDismiss" | "closeOnBackdrop" | "closeOnEscape")> & import('vue').ShallowUnwrapRef<{
109
+ open: () => void;
110
+ close: () => void;
111
+ }> & {} & import('vue').ComponentCustomProperties & {} & {
112
+ $slots: {
113
+ header?(_: {}): any;
114
+ default?(_: {}): any;
115
+ footer?(_: {
116
+ close: () => void;
117
+ }): any;
118
+ };
119
+ }) | null;
26
120
  };
27
121
  rootEl: any;
28
122
  };
@@ -41,7 +135,100 @@ declare const __VLS_component: import('vue').DefineComponent<DropdownMenuProps,
41
135
  selectionMode: import('./types').DropdownSelectionMode;
42
136
  hideSelectedIcon: boolean;
43
137
  }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
44
- dialogRef: HTMLDialogElement;
138
+ bottomSheetRef: ({
139
+ $: import('vue').ComponentInternalInstance;
140
+ $data: {};
141
+ $props: {
142
+ readonly modelValue?: boolean | undefined;
143
+ readonly title?: string | undefined;
144
+ readonly size?: import('..').BottomSheetSize | undefined;
145
+ readonly showDragHandle?: boolean | undefined;
146
+ readonly swipeToDismiss?: boolean | undefined;
147
+ readonly closable?: boolean | undefined;
148
+ readonly closeOnBackdrop?: boolean | undefined;
149
+ readonly closeOnEscape?: boolean | undefined;
150
+ readonly onClose?: (() => any) | undefined;
151
+ readonly "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
152
+ readonly onOpen?: (() => any) | undefined;
153
+ } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
154
+ $attrs: {
155
+ [x: string]: unknown;
156
+ };
157
+ $refs: {
158
+ [x: string]: unknown;
159
+ } & {
160
+ dialogRef: HTMLDialogElement;
161
+ dragHandleRef: HTMLDivElement;
162
+ };
163
+ $slots: Readonly<{
164
+ [name: string]: import('vue').Slot<any> | undefined;
165
+ }>;
166
+ $root: import('vue').ComponentPublicInstance | null;
167
+ $parent: import('vue').ComponentPublicInstance | null;
168
+ $host: Element | null;
169
+ $emit: ((event: "close") => void) & ((event: "update:modelValue", value: boolean) => void) & ((event: "open") => void);
170
+ $el: HTMLDialogElement;
171
+ $options: import('vue').ComponentOptionsBase<Readonly<import('..').BottomSheetProps> & Readonly<{
172
+ onClose?: (() => any) | undefined;
173
+ "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
174
+ onOpen?: (() => any) | undefined;
175
+ }>, {
176
+ open: () => void;
177
+ close: () => void;
178
+ }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
179
+ close: () => any;
180
+ "update:modelValue": (value: boolean) => any;
181
+ open: () => any;
182
+ }, string, {
183
+ size: import('..').BottomSheetSize;
184
+ closable: boolean;
185
+ showDragHandle: boolean;
186
+ swipeToDismiss: boolean;
187
+ closeOnBackdrop: boolean;
188
+ closeOnEscape: boolean;
189
+ }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
190
+ beforeCreate?: (() => void) | (() => void)[];
191
+ created?: (() => void) | (() => void)[];
192
+ beforeMount?: (() => void) | (() => void)[];
193
+ mounted?: (() => void) | (() => void)[];
194
+ beforeUpdate?: (() => void) | (() => void)[];
195
+ updated?: (() => void) | (() => void)[];
196
+ activated?: (() => void) | (() => void)[];
197
+ deactivated?: (() => void) | (() => void)[];
198
+ beforeDestroy?: (() => void) | (() => void)[];
199
+ beforeUnmount?: (() => void) | (() => void)[];
200
+ destroyed?: (() => void) | (() => void)[];
201
+ unmounted?: (() => void) | (() => void)[];
202
+ renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
203
+ renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
204
+ errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
205
+ };
206
+ $forceUpdate: () => void;
207
+ $nextTick: typeof nextTick;
208
+ $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
209
+ } & Readonly<{
210
+ size: import('..').BottomSheetSize;
211
+ closable: boolean;
212
+ showDragHandle: boolean;
213
+ swipeToDismiss: boolean;
214
+ closeOnBackdrop: boolean;
215
+ closeOnEscape: boolean;
216
+ }> & Omit<Readonly<import('..').BottomSheetProps> & Readonly<{
217
+ onClose?: (() => any) | undefined;
218
+ "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
219
+ onOpen?: (() => any) | undefined;
220
+ }>, "close" | "open" | ("size" | "closable" | "showDragHandle" | "swipeToDismiss" | "closeOnBackdrop" | "closeOnEscape")> & import('vue').ShallowUnwrapRef<{
221
+ open: () => void;
222
+ close: () => void;
223
+ }> & {} & import('vue').ComponentCustomProperties & {} & {
224
+ $slots: {
225
+ header?(_: {}): any;
226
+ default?(_: {}): any;
227
+ footer?(_: {
228
+ close: () => void;
229
+ }): any;
230
+ };
231
+ }) | null;
45
232
  }, any>;
46
233
  declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
47
234
  export default _default;
package/dist/components/IconPicker/IconPicker.vue.d.ts CHANGED
@@ -72,9 +72,9 @@ declare const _default: import('vue').DefineComponent<IconPickerProps, {}, {}, {
72
72
  trigger: import('..').PopoverTrigger | import('..').PopoverTrigger[];
73
73
  showDelay: number;
74
74
  hideDelay: number;
75
+ closeOnEscape: boolean;
75
76
  strategy: import('..').PopoverStrategy;
76
77
  closeOnClickOutside: boolean;
77
- closeOnEscape: boolean;
78
78
  }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
79
79
  beforeCreate?: (() => void) | (() => void)[];
80
80
  created?: (() => void) | (() => void)[];
@@ -101,14 +101,14 @@ declare const _default: import('vue').DefineComponent<IconPickerProps, {}, {}, {
101
101
  trigger: import('..').PopoverTrigger | import('..').PopoverTrigger[];
102
102
  showDelay: number;
103
103
  hideDelay: number;
104
+ closeOnEscape: boolean;
104
105
  strategy: import('..').PopoverStrategy;
105
106
  closeOnClickOutside: boolean;
106
- closeOnEscape: boolean;
107
107
  }> & Omit<Readonly<import('..').PopoverProps> & Readonly<{
108
108
  onClose?: (() => any) | undefined;
109
109
  "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
110
110
  onOpen?: (() => any) | undefined;
111
- }>, "close" | "isOpen" | "open" | "toggle" | "triggerRef" | "dialogRef" | "contentRef" | ("disabled" | "placement" | "trigger" | "showDelay" | "hideDelay" | "strategy" | "closeOnClickOutside" | "closeOnEscape")> & import('vue').ShallowUnwrapRef<{
111
+ }>, "close" | "isOpen" | "open" | "toggle" | "dialogRef" | "triggerRef" | "contentRef" | ("disabled" | "placement" | "trigger" | "showDelay" | "hideDelay" | "closeOnEscape" | "strategy" | "closeOnClickOutside")> & import('vue').ShallowUnwrapRef<{
112
112
  open: () => void;
113
113
  close: () => void;
114
114
  toggle: () => void;
package/dist/components/Modal/Modal.vue.d.ts CHANGED
@@ -31,8 +31,8 @@ declare const __VLS_component: import('vue').DefineComponent<ModalProps, {
31
31
  size: ModalSize;
32
32
  closable: boolean;
33
33
  placement: ModalPlacement;
34
- closeOnEscape: boolean;
35
34
  closeOnBackdrop: boolean;
35
+ closeOnEscape: boolean;
36
36
  preventScroll: boolean;
37
37
  backdrop: boolean;
38
38
  floating: boolean;
package/dist/components/Popover/Popover.vue.d.ts CHANGED
@@ -42,9 +42,9 @@ declare const __VLS_component: import('vue').DefineComponent<PopoverProps, {
42
42
  trigger: import('./types').PopoverTrigger | import('./types').PopoverTrigger[];
43
43
  showDelay: number;
44
44
  hideDelay: number;
45
+ closeOnEscape: boolean;
45
46
  strategy: import('./types').PopoverStrategy;
46
47
  closeOnClickOutside: boolean;
47
- closeOnEscape: boolean;
48
48
  }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
49
49
  dialogRef: HTMLDialogElement;
50
50
  }, any>;
package/dist/components/Select/Select.vue.d.ts CHANGED
@@ -110,7 +110,100 @@ declare function __VLS_template(): {
110
110
  end?(_: {}): any;
111
111
  };
112
112
  }) | null;
113
- dialogRef: HTMLDialogElement;
113
+ bottomSheetRef: ({
114
+ $: import('vue').ComponentInternalInstance;
115
+ $data: {};
116
+ $props: {
117
+ readonly modelValue?: boolean | undefined;
118
+ readonly title?: string | undefined;
119
+ readonly size?: import('..').BottomSheetSize | undefined;
120
+ readonly showDragHandle?: boolean | undefined;
121
+ readonly swipeToDismiss?: boolean | undefined;
122
+ readonly closable?: boolean | undefined;
123
+ readonly closeOnBackdrop?: boolean | undefined;
124
+ readonly closeOnEscape?: boolean | undefined;
125
+ readonly onClose?: (() => any) | undefined;
126
+ readonly "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
127
+ readonly onOpen?: (() => any) | undefined;
128
+ } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
129
+ $attrs: {
130
+ [x: string]: unknown;
131
+ };
132
+ $refs: {
133
+ [x: string]: unknown;
134
+ } & {
135
+ dialogRef: HTMLDialogElement;
136
+ dragHandleRef: HTMLDivElement;
137
+ };
138
+ $slots: Readonly<{
139
+ [name: string]: import('vue').Slot<any> | undefined;
140
+ }>;
141
+ $root: import('vue').ComponentPublicInstance | null;
142
+ $parent: import('vue').ComponentPublicInstance | null;
143
+ $host: Element | null;
144
+ $emit: ((event: "close") => void) & ((event: "update:modelValue", value: boolean) => void) & ((event: "open") => void);
145
+ $el: HTMLDialogElement;
146
+ $options: import('vue').ComponentOptionsBase<Readonly<import('..').BottomSheetProps> & Readonly<{
147
+ onClose?: (() => any) | undefined;
148
+ "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
149
+ onOpen?: (() => any) | undefined;
150
+ }>, {
151
+ open: () => void;
152
+ close: () => void;
153
+ }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
154
+ close: () => any;
155
+ "update:modelValue": (value: boolean) => any;
156
+ open: () => any;
157
+ }, string, {
158
+ size: import('..').BottomSheetSize;
159
+ closable: boolean;
160
+ showDragHandle: boolean;
161
+ swipeToDismiss: boolean;
162
+ closeOnBackdrop: boolean;
163
+ closeOnEscape: boolean;
164
+ }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
165
+ beforeCreate?: (() => void) | (() => void)[];
166
+ created?: (() => void) | (() => void)[];
167
+ beforeMount?: (() => void) | (() => void)[];
168
+ mounted?: (() => void) | (() => void)[];
169
+ beforeUpdate?: (() => void) | (() => void)[];
170
+ updated?: (() => void) | (() => void)[];
171
+ activated?: (() => void) | (() => void)[];
172
+ deactivated?: (() => void) | (() => void)[];
173
+ beforeDestroy?: (() => void) | (() => void)[];
174
+ beforeUnmount?: (() => void) | (() => void)[];
175
+ destroyed?: (() => void) | (() => void)[];
176
+ unmounted?: (() => void) | (() => void)[];
177
+ renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
178
+ renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
179
+ errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
180
+ };
181
+ $forceUpdate: () => void;
182
+ $nextTick: typeof nextTick;
183
+ $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
184
+ } & Readonly<{
185
+ size: import('..').BottomSheetSize;
186
+ closable: boolean;
187
+ showDragHandle: boolean;
188
+ swipeToDismiss: boolean;
189
+ closeOnBackdrop: boolean;
190
+ closeOnEscape: boolean;
191
+ }> & Omit<Readonly<import('..').BottomSheetProps> & Readonly<{
192
+ onClose?: (() => any) | undefined;
193
+ "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
194
+ onOpen?: (() => any) | undefined;
195
+ }>, "close" | "open" | ("size" | "closable" | "showDragHandle" | "swipeToDismiss" | "closeOnBackdrop" | "closeOnEscape")> & import('vue').ShallowUnwrapRef<{
196
+ open: () => void;
197
+ close: () => void;
198
+ }> & {} & import('vue').ComponentCustomProperties & {} & {
199
+ $slots: {
200
+ header?(_: {}): any;
201
+ default?(_: {}): any;
202
+ footer?(_: {
203
+ close: () => void;
204
+ }): any;
205
+ };
206
+ }) | null;
114
207
  mobileSearchInputRef: ({
115
208
  $: import('vue').ComponentInternalInstance;
116
209
  $data: {};
@@ -322,7 +415,100 @@ declare const __VLS_component: import('vue').DefineComponent<SelectProps, {
322
415
  end?(_: {}): any;
323
416
  };
324
417
  }) | null;
325
- dialogRef: HTMLDialogElement;
418
+ bottomSheetRef: ({
419
+ $: import('vue').ComponentInternalInstance;
420
+ $data: {};
421
+ $props: {
422
+ readonly modelValue?: boolean | undefined;
423
+ readonly title?: string | undefined;
424
+ readonly size?: import('..').BottomSheetSize | undefined;
425
+ readonly showDragHandle?: boolean | undefined;
426
+ readonly swipeToDismiss?: boolean | undefined;
427
+ readonly closable?: boolean | undefined;
428
+ readonly closeOnBackdrop?: boolean | undefined;
429
+ readonly closeOnEscape?: boolean | undefined;
430
+ readonly onClose?: (() => any) | undefined;
431
+ readonly "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
432
+ readonly onOpen?: (() => any) | undefined;
433
+ } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
434
+ $attrs: {
435
+ [x: string]: unknown;
436
+ };
437
+ $refs: {
438
+ [x: string]: unknown;
439
+ } & {
440
+ dialogRef: HTMLDialogElement;
441
+ dragHandleRef: HTMLDivElement;
442
+ };
443
+ $slots: Readonly<{
444
+ [name: string]: import('vue').Slot<any> | undefined;
445
+ }>;
446
+ $root: import('vue').ComponentPublicInstance | null;
447
+ $parent: import('vue').ComponentPublicInstance | null;
448
+ $host: Element | null;
449
+ $emit: ((event: "close") => void) & ((event: "update:modelValue", value: boolean) => void) & ((event: "open") => void);
450
+ $el: HTMLDialogElement;
451
+ $options: import('vue').ComponentOptionsBase<Readonly<import('..').BottomSheetProps> & Readonly<{
452
+ onClose?: (() => any) | undefined;
453
+ "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
454
+ onOpen?: (() => any) | undefined;
455
+ }>, {
456
+ open: () => void;
457
+ close: () => void;
458
+ }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
459
+ close: () => any;
460
+ "update:modelValue": (value: boolean) => any;
461
+ open: () => any;
462
+ }, string, {
463
+ size: import('..').BottomSheetSize;
464
+ closable: boolean;
465
+ showDragHandle: boolean;
466
+ swipeToDismiss: boolean;
467
+ closeOnBackdrop: boolean;
468
+ closeOnEscape: boolean;
469
+ }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
470
+ beforeCreate?: (() => void) | (() => void)[];
471
+ created?: (() => void) | (() => void)[];
472
+ beforeMount?: (() => void) | (() => void)[];
473
+ mounted?: (() => void) | (() => void)[];
474
+ beforeUpdate?: (() => void) | (() => void)[];
475
+ updated?: (() => void) | (() => void)[];
476
+ activated?: (() => void) | (() => void)[];
477
+ deactivated?: (() => void) | (() => void)[];
478
+ beforeDestroy?: (() => void) | (() => void)[];
479
+ beforeUnmount?: (() => void) | (() => void)[];
480
+ destroyed?: (() => void) | (() => void)[];
481
+ unmounted?: (() => void) | (() => void)[];
482
+ renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
483
+ renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
484
+ errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
485
+ };
486
+ $forceUpdate: () => void;
487
+ $nextTick: typeof nextTick;
488
+ $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
489
+ } & Readonly<{
490
+ size: import('..').BottomSheetSize;
491
+ closable: boolean;
492
+ showDragHandle: boolean;
493
+ swipeToDismiss: boolean;
494
+ closeOnBackdrop: boolean;
495
+ closeOnEscape: boolean;
496
+ }> & Omit<Readonly<import('..').BottomSheetProps> & Readonly<{
497
+ onClose?: (() => any) | undefined;
498
+ "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
499
+ onOpen?: (() => any) | undefined;
500
+ }>, "close" | "open" | ("size" | "closable" | "showDragHandle" | "swipeToDismiss" | "closeOnBackdrop" | "closeOnEscape")> & import('vue').ShallowUnwrapRef<{
501
+ open: () => void;
502
+ close: () => void;
503
+ }> & {} & import('vue').ComponentCustomProperties & {} & {
504
+ $slots: {
505
+ header?(_: {}): any;
506
+ default?(_: {}): any;
507
+ footer?(_: {
508
+ close: () => void;
509
+ }): any;
510
+ };
511
+ }) | null;
326
512
  mobileSearchInputRef: ({
327
513
  $: import('vue').ComponentInternalInstance;
328
514
  $data: {};
package/dist/components/index.d.ts CHANGED
@@ -4,6 +4,7 @@ export * from './Autocomplete';
4
4
  export * from './Avatar';
5
5
  export * from './Badge';
6
6
  export * from './BarChart';
7
+ export * from './BottomSheet';
7
8
  export * from './Breadcrumbs';
8
9
  export * from './Button';
9
10
  export * from './Calendar';
package/dist/composables/index.d.ts CHANGED
@@ -18,3 +18,4 @@ export * from './useOverlayRegistry';
18
18
  export * from './useMobilePopover';
19
19
  export * from './useDarkMode';
20
20
  export * from './useTheme';
21
+ export * from './useSwipeGesture';
package/dist/composables/useSwipeGesture/index.d.ts ADDED
@@ -0,0 +1 @@
1
+ export { useSwipeGesture, type SwipeGestureOptions, type SwipeGestureReturn } from './useSwipeGesture';
package/dist/composables/useSwipeGesture/useSwipeGesture.d.ts ADDED
@@ -0,0 +1,27 @@
1
+ import { Ref } from 'vue';
2
+ export interface SwipeGestureOptions {
3
+ /** Callback when swipe down gesture completes successfully */
4
+ onSwipeDown: () => void;
5
+ /** Element to apply transform to (defaults to the touch element) */
6
+ transformElement?: Ref<HTMLElement | null>;
7
+ /** Distance threshold to trigger dismiss (default: 100px) */
8
+ threshold?: number;
9
+ /** Velocity threshold to trigger dismiss (default: 0.5 px/ms) */
10
+ velocityThreshold?: number;
11
+ /** Resistance factor for drag (0-1, default: 0.5) */
12
+ resistance?: number;
13
+ /** Whether swipe gesture is enabled - can be boolean or getter function */
14
+ enabled?: boolean | (() => boolean);
15
+ }
16
+ export interface SwipeGestureReturn {
17
+ /** Whether a drag is currently in progress */
18
+ isDragging: Ref<boolean>;
19
+ /** Current translation Y value during drag */
20
+ translateY: Ref<number>;
21
+ /** Reset the gesture state */
22
+ reset: () => void;
23
+ }
24
+ /**
25
+ * Composable for handling swipe-to-dismiss gestures on bottom sheets
26
+ */
27
+ export declare function useSwipeGesture(elementRef: Ref<HTMLElement | null>, options: SwipeGestureOptions): SwipeGestureReturn;