bits-ui 0.16.0 → 0.17.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/bits/accordion/ctx.d.ts +40 -10
- package/dist/bits/alert-dialog/components/alert-dialog.svelte.d.ts +1 -1
- package/dist/bits/alert-dialog/ctx.d.ts +18 -10
- package/dist/bits/avatar/ctx.d.ts +7 -1
- package/dist/bits/calendar/ctx.d.ts +22 -17
- package/dist/bits/checkbox/ctx.d.ts +8 -2
- package/dist/bits/collapsible/ctx.d.ts +9 -3
- package/dist/bits/context-menu/ctx.d.ts +23 -7
- package/dist/bits/date-field/ctx.d.ts +23 -12
- package/dist/bits/date-picker/ctx.d.ts +172 -138
- package/dist/bits/date-range-field/ctx.d.ts +59 -44
- package/dist/bits/date-range-picker/ctx.d.ts +222 -180
- package/dist/bits/dialog/components/dialog.svelte.d.ts +1 -1
- package/dist/bits/dialog/ctx.d.ts +9 -5
- package/dist/bits/link-preview/ctx.d.ts +7 -3
- package/dist/bits/menu/_types.d.ts +1 -1
- package/dist/bits/menu/components/menu-sub-trigger.svelte +7 -2
- package/dist/bits/menu/ctx.d.ts +46 -10
- package/dist/bits/menubar/ctx.d.ts +48 -20
- package/dist/bits/pagination/ctx.d.ts +9 -1
- package/dist/bits/pin-input/ctx.d.ts +9 -3
- package/dist/bits/popover/ctx.d.ts +7 -3
- package/dist/bits/progress/ctx.d.ts +5 -1
- package/dist/bits/radio-group/ctx.d.ts +24 -12
- package/dist/bits/range-calendar/ctx.d.ts +27 -22
- package/dist/bits/select/components/select-trigger.svelte.d.ts +1 -0
- package/dist/bits/select/ctx.d.ts +22 -13
- package/dist/bits/separator/ctx.d.ts +1 -1
- package/dist/bits/slider/_types.d.ts +19 -3
- package/dist/bits/slider/components/slider-thumb.svelte +3 -5
- package/dist/bits/slider/components/slider-tick.svelte +3 -5
- package/dist/bits/slider/components/slider.svelte +4 -4
- package/dist/bits/slider/components/slider.svelte.d.ts +40 -1
- package/dist/bits/slider/ctx.d.ts +11 -16
- package/dist/bits/switch/ctx.d.ts +9 -3
- package/dist/bits/tabs/components/tabs-trigger.svelte.d.ts +1 -1
- package/dist/bits/tabs/ctx.d.ts +10 -4
- package/dist/bits/toggle/ctx.d.ts +5 -1
- package/dist/bits/toggle-group/ctx.d.ts +6 -2
- package/dist/bits/toolbar/ctx.d.ts +16 -8
- package/dist/bits/tooltip/ctx.d.ts +9 -3
- package/package.json +7 -6
|
@@ -4,7 +4,7 @@ declare const __propDef: {
|
|
|
4
4
|
preventScroll?: boolean | undefined;
|
|
5
5
|
closeOnEscape?: boolean | undefined;
|
|
6
6
|
closeOnOutsideClick?: boolean | undefined;
|
|
7
|
-
onOutsideClick?: ((event: PointerEvent) => void) | undefined;
|
|
7
|
+
onOutsideClick?: ((event: MouseEvent | TouchEvent | PointerEvent) => void) | undefined;
|
|
8
8
|
portal?: string | HTMLElement | null | undefined;
|
|
9
9
|
open?: boolean | undefined;
|
|
10
10
|
onOpenChange?: import("../../../internal/types.js").OnChangeFn<boolean> | undefined;
|
|
@@ -15,7 +15,7 @@ export declare function setCtx(props: SetProps): {
|
|
|
15
15
|
content: string;
|
|
16
16
|
}>;
|
|
17
17
|
elements: {
|
|
18
|
-
content: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[import("svelte/store").Readable<boolean>, import("svelte/store").Writable<string
|
|
18
|
+
content: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[import("svelte/store").Readable<boolean>, import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<string>>, import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<string>>, import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<string>>], (node: HTMLElement) => {
|
|
19
19
|
destroy: () => void;
|
|
20
20
|
}, ([$isVisible, $contentId, $descriptionId, $titleId]: [boolean, string, string, string]) => {
|
|
21
21
|
id: string;
|
|
@@ -32,15 +32,17 @@ export declare function setCtx(props: SetProps): {
|
|
|
32
32
|
update: (updater: import("svelte/store").Updater<boolean>, sideEffect?: ((newValue: boolean) => void) | undefined) => void;
|
|
33
33
|
set: (this: void, value: boolean) => void;
|
|
34
34
|
subscribe(this: void, run: import("svelte/store").Subscriber<boolean>, invalidate?: import("svelte/store").Invalidator<boolean> | undefined): import("svelte/store").Unsubscriber;
|
|
35
|
+
get: () => boolean;
|
|
36
|
+
destroy?: (() => void) | undefined;
|
|
35
37
|
}], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown" | "click">, ([$open]: [boolean]) => {
|
|
36
38
|
readonly 'aria-haspopup': "dialog";
|
|
37
39
|
readonly 'aria-expanded': boolean;
|
|
38
40
|
readonly type: "button";
|
|
39
41
|
}, string>;
|
|
40
|
-
title: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[import("svelte/store").Writable<string
|
|
42
|
+
title: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<string>>], import("svelte/action").Action<any, any, Record<never, any>>, ([$titleId]: [string]) => {
|
|
41
43
|
id: string;
|
|
42
44
|
}, string>;
|
|
43
|
-
description: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[import("svelte/store").Writable<string
|
|
45
|
+
description: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<string>>], import("svelte/action").Action<any, any, Record<never, any>>, ([$descriptionId]: [string]) => {
|
|
44
46
|
id: string;
|
|
45
47
|
}, string>;
|
|
46
48
|
overlay: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[import("svelte/store").Readable<boolean>], <Node_1 extends unknown>(node: HTMLElement) => {
|
|
@@ -55,7 +57,7 @@ export declare function setCtx(props: SetProps): {
|
|
|
55
57
|
close: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<import("svelte/store").Stores | undefined, (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown" | "click">, () => {
|
|
56
58
|
readonly type: "button";
|
|
57
59
|
}, string>;
|
|
58
|
-
portalled: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<import("svelte/store").Writable<string | HTMLElement | null
|
|
60
|
+
portalled: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<string | HTMLElement | null>>, <Node_2 extends unknown>(node: HTMLElement) => {
|
|
59
61
|
destroy(): void;
|
|
60
62
|
}, ($portal: string | HTMLElement | null) => {
|
|
61
63
|
'data-portal': string | undefined;
|
|
@@ -66,13 +68,15 @@ export declare function setCtx(props: SetProps): {
|
|
|
66
68
|
update: (updater: import("svelte/store").Updater<boolean>, sideEffect?: ((newValue: boolean) => void) | undefined) => void;
|
|
67
69
|
set: (this: void, value: boolean) => void;
|
|
68
70
|
subscribe(this: void, run: import("svelte/store").Subscriber<boolean>, invalidate?: import("svelte/store").Invalidator<boolean> | undefined): import("svelte/store").Unsubscriber;
|
|
71
|
+
get: () => boolean;
|
|
72
|
+
destroy?: (() => void) | undefined;
|
|
69
73
|
};
|
|
70
74
|
};
|
|
71
75
|
options: import("@melt-ui/svelte/internal/helpers").ToWritableStores<Omit<{
|
|
72
76
|
preventScroll: boolean;
|
|
73
77
|
closeOnEscape: boolean;
|
|
74
78
|
closeOnOutsideClick: boolean;
|
|
75
|
-
onOutsideClick: ((event: PointerEvent) => void) | undefined;
|
|
79
|
+
onOutsideClick: ((event: MouseEvent | TouchEvent | PointerEvent) => void) | undefined;
|
|
76
80
|
role: "dialog" | "alertdialog";
|
|
77
81
|
defaultOpen: boolean;
|
|
78
82
|
open?: import("svelte/store").Writable<boolean> | undefined;
|
|
@@ -19,7 +19,9 @@ export declare function setCtx(props: CreateLinkPreviewProps): {
|
|
|
19
19
|
update: (updater: import("svelte/store").Updater<boolean>, sideEffect?: ((newValue: boolean) => void) | undefined) => void;
|
|
20
20
|
set: (this: void, value: boolean) => void;
|
|
21
21
|
subscribe(this: void, run: import("svelte/store").Subscriber<boolean>, invalidate?: import("svelte/store").Invalidator<boolean> | undefined): import("svelte/store").Unsubscriber;
|
|
22
|
-
|
|
22
|
+
get: () => boolean;
|
|
23
|
+
destroy?: (() => void) | undefined;
|
|
24
|
+
}, import("@melt-ui/svelte/internal/helpers").WithGet<Writable<string>>, import("@melt-ui/svelte/internal/helpers").WithGet<Writable<string>>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"blur" | "focus" | "pointerenter" | "pointerleave">, ([$open, $triggerId, $contentId]: [boolean, string, string]) => {
|
|
23
25
|
role: "button";
|
|
24
26
|
'aria-haspopup': "dialog";
|
|
25
27
|
'aria-expanded': boolean;
|
|
@@ -27,7 +29,7 @@ export declare function setCtx(props: CreateLinkPreviewProps): {
|
|
|
27
29
|
'aria-controls': string;
|
|
28
30
|
id: string;
|
|
29
31
|
}, string>;
|
|
30
|
-
content: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[import("svelte/store").Readable<boolean>, Writable<string | HTMLElement | null
|
|
32
|
+
content: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[import("svelte/store").Readable<boolean>, import("@melt-ui/svelte/internal/helpers").WithGet<Writable<string | HTMLElement | null>>, import("@melt-ui/svelte/internal/helpers").WithGet<Writable<string>>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"focusout" | "pointerdown" | "pointerenter" | "pointerleave">, ([$isVisible, $portal, $contentId]: [boolean, string | HTMLElement | null, string]) => {
|
|
31
33
|
hidden: boolean | undefined;
|
|
32
34
|
tabindex: number;
|
|
33
35
|
style: string;
|
|
@@ -35,7 +37,7 @@ export declare function setCtx(props: CreateLinkPreviewProps): {
|
|
|
35
37
|
'data-state': string;
|
|
36
38
|
'data-portal': string | undefined;
|
|
37
39
|
}, string>;
|
|
38
|
-
arrow: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<Writable<number
|
|
40
|
+
arrow: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<import("@melt-ui/svelte/internal/helpers").WithGet<Writable<number>>, import("svelte/action").Action<any, any, Record<never, any>>, ($arrowSize: number) => {
|
|
39
41
|
'data-arrow': boolean;
|
|
40
42
|
style: string;
|
|
41
43
|
}, string>;
|
|
@@ -45,6 +47,8 @@ export declare function setCtx(props: CreateLinkPreviewProps): {
|
|
|
45
47
|
update: (updater: import("svelte/store").Updater<boolean>, sideEffect?: ((newValue: boolean) => void) | undefined) => void;
|
|
46
48
|
set: (this: void, value: boolean) => void;
|
|
47
49
|
subscribe(this: void, run: import("svelte/store").Subscriber<boolean>, invalidate?: import("svelte/store").Invalidator<boolean> | undefined): import("svelte/store").Unsubscriber;
|
|
50
|
+
get: () => boolean;
|
|
51
|
+
destroy?: (() => void) | undefined;
|
|
48
52
|
};
|
|
49
53
|
};
|
|
50
54
|
options: import("@melt-ui/svelte/internal/helpers").ToWritableStores<Omit<{
|
|
@@ -79,4 +79,4 @@ export type RadioIndicatorProps = DOMElement;
|
|
|
79
79
|
export type LabelProps = DOMElement;
|
|
80
80
|
export type SeparatorProps = DOMElement;
|
|
81
81
|
export type TriggerProps = DOMElement<HTMLElement>;
|
|
82
|
-
export { ContentProps, ContentProps as SubContentProps };
|
|
82
|
+
export type { ContentProps, ContentProps as SubContentProps };
|
|
@@ -9,8 +9,10 @@ export let el = void 0;
|
|
|
9
9
|
const {
|
|
10
10
|
elements: { subTrigger },
|
|
11
11
|
ids,
|
|
12
|
-
getAttrs
|
|
12
|
+
getAttrs,
|
|
13
|
+
options
|
|
13
14
|
} = getSubTrigger();
|
|
15
|
+
const { disabled: disabledStore } = options;
|
|
14
16
|
const dispatch = createDispatcher();
|
|
15
17
|
$:
|
|
16
18
|
if (id) {
|
|
@@ -19,7 +21,10 @@ $:
|
|
|
19
21
|
$:
|
|
20
22
|
builder = $subTrigger;
|
|
21
23
|
$:
|
|
22
|
-
attrs = {
|
|
24
|
+
attrs = {
|
|
25
|
+
...getAttrs("sub-trigger"),
|
|
26
|
+
...disabledAttrs(disabled || $disabledStore)
|
|
27
|
+
};
|
|
23
28
|
$:
|
|
24
29
|
Object.assign(builder, attrs);
|
|
25
30
|
</script>
|
package/dist/bits/menu/ctx.d.ts
CHANGED
|
@@ -22,14 +22,14 @@ export declare function setCtx(props: CreateDropdownMenuProps): {
|
|
|
22
22
|
trigger: string;
|
|
23
23
|
}>;
|
|
24
24
|
elements: {
|
|
25
|
-
trigger: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[Writable<boolean
|
|
25
|
+
trigger: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[import("@melt-ui/svelte/internal/helpers").WithGet<Writable<boolean>>, import("@melt-ui/svelte/internal/helpers").WithGet<Writable<string>>, import("@melt-ui/svelte/internal/helpers").WithGet<Writable<string>>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown" | "pointerdown">, ([$rootOpen, $rootMenuId, $rootTriggerId]: [boolean, string, string]) => {
|
|
26
26
|
readonly 'aria-controls': string;
|
|
27
27
|
readonly 'aria-expanded': boolean;
|
|
28
28
|
readonly 'data-state': "open" | "closed";
|
|
29
29
|
readonly id: string;
|
|
30
30
|
readonly tabindex: 0;
|
|
31
31
|
}, string>;
|
|
32
|
-
menu: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[import("svelte/store").Readable<boolean>, Writable<string | HTMLElement | null | undefined
|
|
32
|
+
menu: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[import("svelte/store").Readable<boolean>, import("@melt-ui/svelte/internal/helpers").WithGet<Writable<string | HTMLElement | null | undefined>>, import("@melt-ui/svelte/internal/helpers").WithGet<Writable<string>>, import("@melt-ui/svelte/internal/helpers").WithGet<Writable<string>>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown">, ([$isVisible, $portal, $rootMenuId, $rootTriggerId]: [boolean, string | HTMLElement | null | undefined, string, string]) => {
|
|
33
33
|
readonly role: "menu";
|
|
34
34
|
readonly hidden: true | undefined;
|
|
35
35
|
readonly style: string;
|
|
@@ -44,11 +44,11 @@ export declare function setCtx(props: CreateDropdownMenuProps): {
|
|
|
44
44
|
tabindex: number;
|
|
45
45
|
'data-orientation': string;
|
|
46
46
|
}, string>;
|
|
47
|
-
arrow: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<Writable<number | undefined
|
|
47
|
+
arrow: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<import("@melt-ui/svelte/internal/helpers").WithGet<Writable<number | undefined>>, import("svelte/action").Action<any, any, Record<never, any>>, ($arrowSize: number | undefined) => {
|
|
48
48
|
'data-arrow': boolean;
|
|
49
49
|
style: string;
|
|
50
50
|
}, string>;
|
|
51
|
-
separator: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[Writable<import("@melt-ui/svelte/internal/types").Orientation
|
|
51
|
+
separator: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[import("@melt-ui/svelte/internal/helpers").WithGet<Writable<import("@melt-ui/svelte/internal/types").Orientation>>, import("@melt-ui/svelte/internal/helpers").WithGet<Writable<boolean>>], import("svelte/action").Action<any, any, Record<never, any>>, ([$orientation, $decorative]: [import("@melt-ui/svelte/internal/types").Orientation, boolean]) => {
|
|
52
52
|
role: string;
|
|
53
53
|
'aria-orientation': "vertical" | undefined;
|
|
54
54
|
'aria-hidden': boolean;
|
|
@@ -67,6 +67,8 @@ export declare function setCtx(props: CreateDropdownMenuProps): {
|
|
|
67
67
|
update: (updater: import("svelte/store").Updater<boolean>, sideEffect?: ((newValue: boolean) => void) | undefined) => void;
|
|
68
68
|
set: (this: void, value: boolean) => void;
|
|
69
69
|
subscribe(this: void, run: import("svelte/store").Subscriber<boolean>, invalidate?: import("svelte/store").Invalidator<boolean> | undefined): import("svelte/store").Unsubscriber;
|
|
70
|
+
get: () => boolean;
|
|
71
|
+
destroy?: (() => void) | undefined;
|
|
70
72
|
};
|
|
71
73
|
};
|
|
72
74
|
builders: {
|
|
@@ -76,6 +78,8 @@ export declare function setCtx(props: CreateDropdownMenuProps): {
|
|
|
76
78
|
update: (updater: import("svelte/store").Updater<boolean | "indeterminate">, sideEffect?: ((newValue: boolean | "indeterminate") => void) | undefined) => void;
|
|
77
79
|
set: (this: void, value: boolean | "indeterminate") => void;
|
|
78
80
|
subscribe(this: void, run: import("svelte/store").Subscriber<boolean | "indeterminate">, invalidate?: import("svelte/store").Invalidator<boolean | "indeterminate"> | undefined): import("svelte/store").Unsubscriber;
|
|
81
|
+
get: () => boolean | "indeterminate";
|
|
82
|
+
destroy?: (() => void) | undefined;
|
|
79
83
|
}, Writable<boolean>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown" | "click" | "focusin" | "focusout" | "pointerdown" | "pointerleave" | "pointermove">, ([$checked, $disabled]: [boolean | "indeterminate", boolean]) => {
|
|
80
84
|
readonly role: "menuitemcheckbox";
|
|
81
85
|
readonly tabindex: -1;
|
|
@@ -90,6 +94,8 @@ export declare function setCtx(props: CreateDropdownMenuProps): {
|
|
|
90
94
|
update: (updater: import("svelte/store").Updater<boolean | "indeterminate">, sideEffect?: ((newValue: boolean | "indeterminate") => void) | undefined) => void;
|
|
91
95
|
set: (this: void, value: boolean | "indeterminate") => void;
|
|
92
96
|
subscribe(this: void, run: import("svelte/store").Subscriber<boolean | "indeterminate">, invalidate?: import("svelte/store").Invalidator<boolean | "indeterminate"> | undefined): import("svelte/store").Unsubscriber;
|
|
97
|
+
get: () => boolean | "indeterminate";
|
|
98
|
+
destroy?: (() => void) | undefined;
|
|
93
99
|
};
|
|
94
100
|
};
|
|
95
101
|
helpers: {
|
|
@@ -110,7 +116,9 @@ export declare function setCtx(props: CreateDropdownMenuProps): {
|
|
|
110
116
|
update: (updater: import("svelte/store").Updater<boolean>, sideEffect?: ((newValue: boolean) => void) | undefined) => void;
|
|
111
117
|
set: (this: void, value: boolean) => void;
|
|
112
118
|
subscribe(this: void, run: import("svelte/store").Subscriber<boolean>, invalidate?: import("svelte/store").Invalidator<boolean> | undefined): import("svelte/store").Unsubscriber;
|
|
113
|
-
|
|
119
|
+
get: () => boolean;
|
|
120
|
+
destroy?: (() => void) | undefined;
|
|
121
|
+
}, import("@melt-ui/svelte/internal/helpers").WithGet<Writable<boolean>>, import("@melt-ui/svelte/internal/helpers").WithGet<Writable<string>>, import("@melt-ui/svelte/internal/helpers").WithGet<Writable<string>>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown" | "click" | "focusin" | "focusout" | "pointerleave" | "pointermove">, ([$subOpen, $disabled, $subMenuId, $subTriggerId]: [boolean, boolean, string, string]) => {
|
|
114
122
|
readonly role: "menuitem";
|
|
115
123
|
readonly id: string;
|
|
116
124
|
readonly tabindex: -1;
|
|
@@ -120,7 +128,7 @@ export declare function setCtx(props: CreateDropdownMenuProps): {
|
|
|
120
128
|
readonly 'data-disabled': true | undefined;
|
|
121
129
|
readonly 'aria-haspopop': "menu";
|
|
122
130
|
}, string>;
|
|
123
|
-
subMenu: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[import("svelte/store").Readable<boolean>, Writable<string
|
|
131
|
+
subMenu: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[import("svelte/store").Readable<boolean>, import("@melt-ui/svelte/internal/helpers").WithGet<Writable<string>>, import("@melt-ui/svelte/internal/helpers").WithGet<Writable<string>>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown" | "focusout" | "pointermove">, ([$subIsVisible, $subMenuId, $subTriggerId]: [boolean, string, string]) => {
|
|
124
132
|
readonly role: "menu";
|
|
125
133
|
readonly hidden: true | undefined;
|
|
126
134
|
readonly style: string;
|
|
@@ -130,7 +138,7 @@ export declare function setCtx(props: CreateDropdownMenuProps): {
|
|
|
130
138
|
readonly 'data-id': string;
|
|
131
139
|
readonly tabindex: -1;
|
|
132
140
|
}, string>;
|
|
133
|
-
subArrow: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<Writable<number
|
|
141
|
+
subArrow: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<import("@melt-ui/svelte/internal/helpers").WithGet<Writable<number>>, import("svelte/action").Action<any, any, Record<never, any>>, ($arrowSize: number) => {
|
|
134
142
|
'data-arrow': boolean;
|
|
135
143
|
style: string;
|
|
136
144
|
}, string>;
|
|
@@ -140,6 +148,8 @@ export declare function setCtx(props: CreateDropdownMenuProps): {
|
|
|
140
148
|
update: (updater: import("svelte/store").Updater<boolean>, sideEffect?: ((newValue: boolean) => void) | undefined) => void;
|
|
141
149
|
set: (this: void, value: boolean) => void;
|
|
142
150
|
subscribe(this: void, run: import("svelte/store").Subscriber<boolean>, invalidate?: import("svelte/store").Invalidator<boolean> | undefined): import("svelte/store").Unsubscriber;
|
|
151
|
+
get: () => boolean;
|
|
152
|
+
destroy?: (() => void) | undefined;
|
|
143
153
|
};
|
|
144
154
|
};
|
|
145
155
|
options: import("@melt-ui/svelte/internal/helpers").ToWritableStores<Omit<{
|
|
@@ -176,6 +186,8 @@ export declare function setCtx(props: CreateDropdownMenuProps): {
|
|
|
176
186
|
update: (updater: import("svelte/store").Updater<string | null>, sideEffect?: ((newValue: string | null) => void) | undefined) => void;
|
|
177
187
|
set: (this: void, value: string | null) => void;
|
|
178
188
|
subscribe(this: void, run: import("svelte/store").Subscriber<string | null>, invalidate?: import("svelte/store").Invalidator<string | null> | undefined): import("svelte/store").Unsubscriber;
|
|
189
|
+
get: () => string | null;
|
|
190
|
+
destroy?: (() => void) | undefined;
|
|
179
191
|
}], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown" | "click" | "focusin" | "focusout" | "pointerdown" | "pointerleave" | "pointermove">, ([$value]: [string | null]) => (itemProps: import("@melt-ui/svelte/dist/builders/menu/types.js")._RadioItemProps) => {
|
|
180
192
|
disabled: boolean;
|
|
181
193
|
role: string;
|
|
@@ -192,6 +204,8 @@ export declare function setCtx(props: CreateDropdownMenuProps): {
|
|
|
192
204
|
update: (updater: import("svelte/store").Updater<string | null>, sideEffect?: ((newValue: string | null) => void) | undefined) => void;
|
|
193
205
|
set: (this: void, value: string | null) => void;
|
|
194
206
|
subscribe(this: void, run: import("svelte/store").Subscriber<string | null>, invalidate?: import("svelte/store").Invalidator<string | null> | undefined): import("svelte/store").Unsubscriber;
|
|
207
|
+
get: () => string | null;
|
|
208
|
+
destroy?: (() => void) | undefined;
|
|
195
209
|
};
|
|
196
210
|
};
|
|
197
211
|
helpers: {
|
|
@@ -237,7 +251,9 @@ export declare function setSubMenuCtx(props: DropdownSubmenuProps): {
|
|
|
237
251
|
update: (updater: import("svelte/store").Updater<boolean>, sideEffect?: ((newValue: boolean) => void) | undefined) => void;
|
|
238
252
|
set: (this: void, value: boolean) => void;
|
|
239
253
|
subscribe(this: void, run: import("svelte/store").Subscriber<boolean>, invalidate?: import("svelte/store").Invalidator<boolean> | undefined): import("svelte/store").Unsubscriber;
|
|
240
|
-
|
|
254
|
+
get: () => boolean;
|
|
255
|
+
destroy?: (() => void) | undefined;
|
|
256
|
+
}, import("@melt-ui/svelte/internal/helpers").WithGet<Writable<boolean>>, import("@melt-ui/svelte/internal/helpers").WithGet<Writable<string>>, import("@melt-ui/svelte/internal/helpers").WithGet<Writable<string>>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown" | "click" | "focusin" | "focusout" | "pointerleave" | "pointermove">, ([$subOpen, $disabled, $subMenuId, $subTriggerId]: [boolean, boolean, string, string]) => {
|
|
241
257
|
readonly role: "menuitem";
|
|
242
258
|
readonly id: string;
|
|
243
259
|
readonly tabindex: -1;
|
|
@@ -247,7 +263,7 @@ export declare function setSubMenuCtx(props: DropdownSubmenuProps): {
|
|
|
247
263
|
readonly 'data-disabled': true | undefined;
|
|
248
264
|
readonly 'aria-haspopop': "menu";
|
|
249
265
|
}, string>;
|
|
250
|
-
subMenu: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[import("svelte/store").Readable<boolean>, Writable<string
|
|
266
|
+
subMenu: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[import("svelte/store").Readable<boolean>, import("@melt-ui/svelte/internal/helpers").WithGet<Writable<string>>, import("@melt-ui/svelte/internal/helpers").WithGet<Writable<string>>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown" | "focusout" | "pointermove">, ([$subIsVisible, $subMenuId, $subTriggerId]: [boolean, string, string]) => {
|
|
251
267
|
readonly role: "menu";
|
|
252
268
|
readonly hidden: true | undefined;
|
|
253
269
|
readonly style: string;
|
|
@@ -257,7 +273,7 @@ export declare function setSubMenuCtx(props: DropdownSubmenuProps): {
|
|
|
257
273
|
readonly 'data-id': string;
|
|
258
274
|
readonly tabindex: -1;
|
|
259
275
|
}, string>;
|
|
260
|
-
subArrow: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<Writable<number
|
|
276
|
+
subArrow: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<import("@melt-ui/svelte/internal/helpers").WithGet<Writable<number>>, import("svelte/action").Action<any, any, Record<never, any>>, ($arrowSize: number) => {
|
|
261
277
|
'data-arrow': boolean;
|
|
262
278
|
style: string;
|
|
263
279
|
}, string>;
|
|
@@ -267,6 +283,8 @@ export declare function setSubMenuCtx(props: DropdownSubmenuProps): {
|
|
|
267
283
|
update: (updater: import("svelte/store").Updater<boolean>, sideEffect?: ((newValue: boolean) => void) | undefined) => void;
|
|
268
284
|
set: (this: void, value: boolean) => void;
|
|
269
285
|
subscribe(this: void, run: import("svelte/store").Subscriber<boolean>, invalidate?: import("svelte/store").Invalidator<boolean> | undefined): import("svelte/store").Unsubscriber;
|
|
286
|
+
get: () => boolean;
|
|
287
|
+
destroy?: (() => void) | undefined;
|
|
270
288
|
};
|
|
271
289
|
};
|
|
272
290
|
options: import("@melt-ui/svelte/internal/helpers").ToWritableStores<Omit<{
|
|
@@ -304,6 +322,8 @@ export declare function setRadioGroupCtx(props: DropdownRadioGroupProps): {
|
|
|
304
322
|
update: (updater: import("svelte/store").Updater<string | null>, sideEffect?: ((newValue: string | null) => void) | undefined) => void;
|
|
305
323
|
set: (this: void, value: string | null) => void;
|
|
306
324
|
subscribe(this: void, run: import("svelte/store").Subscriber<string | null>, invalidate?: import("svelte/store").Invalidator<string | null> | undefined): import("svelte/store").Unsubscriber;
|
|
325
|
+
get: () => string | null;
|
|
326
|
+
destroy?: (() => void) | undefined;
|
|
307
327
|
}], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown" | "click" | "focusin" | "focusout" | "pointerdown" | "pointerleave" | "pointermove">, ([$value]: [string | null]) => (itemProps: import("@melt-ui/svelte/dist/builders/menu/types.js")._RadioItemProps) => {
|
|
308
328
|
disabled: boolean;
|
|
309
329
|
role: string;
|
|
@@ -320,6 +340,8 @@ export declare function setRadioGroupCtx(props: DropdownRadioGroupProps): {
|
|
|
320
340
|
update: (updater: import("svelte/store").Updater<string | null>, sideEffect?: ((newValue: string | null) => void) | undefined) => void;
|
|
321
341
|
set: (this: void, value: string | null) => void;
|
|
322
342
|
subscribe(this: void, run: import("svelte/store").Subscriber<string | null>, invalidate?: import("svelte/store").Invalidator<string | null> | undefined): import("svelte/store").Unsubscriber;
|
|
343
|
+
get: () => string | null;
|
|
344
|
+
destroy?: (() => void) | undefined;
|
|
323
345
|
};
|
|
324
346
|
};
|
|
325
347
|
helpers: {
|
|
@@ -337,6 +359,8 @@ export declare function setRadioItem(value: string): {
|
|
|
337
359
|
update: (updater: import("svelte/store").Updater<string | null>, sideEffect?: ((newValue: string | null) => void) | undefined) => void;
|
|
338
360
|
set: (this: void, value: string | null) => void;
|
|
339
361
|
subscribe(this: void, run: import("svelte/store").Subscriber<string | null>, invalidate?: import("svelte/store").Invalidator<string | null> | undefined): import("svelte/store").Unsubscriber;
|
|
362
|
+
get: () => string | null;
|
|
363
|
+
destroy?: (() => void) | undefined;
|
|
340
364
|
}], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown" | "click" | "focusin" | "focusout" | "pointerdown" | "pointerleave" | "pointermove">, ([$value]: [string | null]) => (itemProps: import("@melt-ui/svelte/dist/builders/menu/types.js")._RadioItemProps) => {
|
|
341
365
|
disabled: boolean;
|
|
342
366
|
role: string;
|
|
@@ -353,6 +377,8 @@ export declare function setRadioItem(value: string): {
|
|
|
353
377
|
update: (updater: import("svelte/store").Updater<string | null>, sideEffect?: ((newValue: string | null) => void) | undefined) => void;
|
|
354
378
|
set: (this: void, value: string | null) => void;
|
|
355
379
|
subscribe(this: void, run: import("svelte/store").Subscriber<string | null>, invalidate?: import("svelte/store").Invalidator<string | null> | undefined): import("svelte/store").Unsubscriber;
|
|
380
|
+
get: () => string | null;
|
|
381
|
+
destroy?: (() => void) | undefined;
|
|
356
382
|
};
|
|
357
383
|
};
|
|
358
384
|
helpers: {
|
|
@@ -370,6 +396,8 @@ export declare function getRadioIndicator(): {
|
|
|
370
396
|
update: (updater: import("svelte/store").Updater<string | null>, sideEffect?: ((newValue: string | null) => void) | undefined) => void;
|
|
371
397
|
set: (this: void, value: string | null) => void;
|
|
372
398
|
subscribe(this: void, run: import("svelte/store").Subscriber<string | null>, invalidate?: import("svelte/store").Invalidator<string | null> | undefined): import("svelte/store").Unsubscriber;
|
|
399
|
+
get: () => string | null;
|
|
400
|
+
destroy?: (() => void) | undefined;
|
|
373
401
|
}], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown" | "click" | "focusin" | "focusout" | "pointerdown" | "pointerleave" | "pointermove">, ([$value]: [string | null]) => (itemProps: import("@melt-ui/svelte/dist/builders/menu/types.js")._RadioItemProps) => {
|
|
374
402
|
disabled: boolean;
|
|
375
403
|
role: string;
|
|
@@ -386,6 +414,8 @@ export declare function getRadioIndicator(): {
|
|
|
386
414
|
update: (updater: import("svelte/store").Updater<string | null>, sideEffect?: ((newValue: string | null) => void) | undefined) => void;
|
|
387
415
|
set: (this: void, value: string | null) => void;
|
|
388
416
|
subscribe(this: void, run: import("svelte/store").Subscriber<string | null>, invalidate?: import("svelte/store").Invalidator<string | null> | undefined): import("svelte/store").Unsubscriber;
|
|
417
|
+
get: () => string | null;
|
|
418
|
+
destroy?: (() => void) | undefined;
|
|
389
419
|
};
|
|
390
420
|
};
|
|
391
421
|
helpers: {
|
|
@@ -402,6 +432,8 @@ export declare function setCheckboxItem(props: DropdownCheckboxItemProps): {
|
|
|
402
432
|
update: (updater: import("svelte/store").Updater<boolean | "indeterminate">, sideEffect?: ((newValue: boolean | "indeterminate") => void) | undefined) => void;
|
|
403
433
|
set: (this: void, value: boolean | "indeterminate") => void;
|
|
404
434
|
subscribe(this: void, run: import("svelte/store").Subscriber<boolean | "indeterminate">, invalidate?: import("svelte/store").Invalidator<boolean | "indeterminate"> | undefined): import("svelte/store").Unsubscriber;
|
|
435
|
+
get: () => boolean | "indeterminate";
|
|
436
|
+
destroy?: (() => void) | undefined;
|
|
405
437
|
}, Writable<boolean>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown" | "click" | "focusin" | "focusout" | "pointerdown" | "pointerleave" | "pointermove">, ([$checked, $disabled]: [boolean | "indeterminate", boolean]) => {
|
|
406
438
|
readonly role: "menuitemcheckbox";
|
|
407
439
|
readonly tabindex: -1;
|
|
@@ -416,6 +448,8 @@ export declare function setCheckboxItem(props: DropdownCheckboxItemProps): {
|
|
|
416
448
|
update: (updater: import("svelte/store").Updater<boolean | "indeterminate">, sideEffect?: ((newValue: boolean | "indeterminate") => void) | undefined) => void;
|
|
417
449
|
set: (this: void, value: boolean | "indeterminate") => void;
|
|
418
450
|
subscribe(this: void, run: import("svelte/store").Subscriber<boolean | "indeterminate">, invalidate?: import("svelte/store").Invalidator<boolean | "indeterminate"> | undefined): import("svelte/store").Unsubscriber;
|
|
451
|
+
get: () => boolean | "indeterminate";
|
|
452
|
+
destroy?: (() => void) | undefined;
|
|
419
453
|
};
|
|
420
454
|
};
|
|
421
455
|
helpers: {
|
|
@@ -430,6 +464,8 @@ export declare function getCheckboxIndicator(): {
|
|
|
430
464
|
update: (updater: import("svelte/store").Updater<boolean | "indeterminate">, sideEffect?: ((newValue: boolean | "indeterminate") => void) | undefined) => void;
|
|
431
465
|
set: (this: void, value: boolean | "indeterminate") => void;
|
|
432
466
|
subscribe(this: void, run: import("svelte/store").Subscriber<boolean | "indeterminate">, invalidate?: import("svelte/store").Invalidator<boolean | "indeterminate"> | undefined): import("svelte/store").Unsubscriber;
|
|
467
|
+
get: () => boolean | "indeterminate";
|
|
468
|
+
destroy?: (() => void) | undefined;
|
|
433
469
|
};
|
|
434
470
|
export declare function setGroupCtx(): {
|
|
435
471
|
group: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<import("svelte/store").Stores | undefined, import("svelte/action").Action<any, any, Record<never, any>>, () => (groupId: string) => {
|