bits-ui 0.5.7 → 0.6.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (32) hide show
  1. package/README.md +4 -0
  2. package/dist/bits/accordion/components/Accordion.svelte.d.ts +2 -2
  3. package/dist/bits/accordion/ctx.d.ts +7 -3
  4. package/dist/bits/alert-dialog/ctx.d.ts +6 -0
  5. package/dist/bits/checkbox/ctx.d.ts +2 -2
  6. package/dist/bits/collapsible/ctx.d.ts +4 -4
  7. package/dist/bits/context-menu/ctx.d.ts +14 -6
  8. package/dist/bits/dialog/ctx.d.ts +6 -0
  9. package/dist/bits/dropdown-menu/ctx.d.ts +14 -6
  10. package/dist/bits/link-preview/ctx.d.ts +4 -0
  11. package/dist/bits/menubar/ctx.d.ts +30 -9
  12. package/dist/bits/popover/ctx.d.ts +5 -1
  13. package/dist/bits/radio-group/components/RadioGroupInput.svelte.d.ts +5 -3
  14. package/dist/bits/radio-group/ctx.d.ts +5 -3
  15. package/dist/bits/select/components/Select.svelte.d.ts +4 -2
  16. package/dist/bits/select/components/SelectContent.svelte +5 -5
  17. package/dist/bits/select/components/SelectInput.svelte +1 -1
  18. package/dist/bits/select/components/SelectInput.svelte.d.ts +3 -4
  19. package/dist/bits/select/components/SelectItem.svelte +1 -10
  20. package/dist/bits/select/ctx.d.ts +65 -60
  21. package/dist/bits/select/ctx.js +1 -1
  22. package/dist/bits/select/index.d.ts +1 -1
  23. package/dist/bits/select/index.js +1 -1
  24. package/dist/bits/select/types.d.ts +2 -6
  25. package/dist/bits/slider/ctx.d.ts +14 -1
  26. package/dist/bits/switch/ctx.d.ts +3 -3
  27. package/dist/bits/toggle/ctx.d.ts +1 -1
  28. package/dist/bits/tooltip/components/Tooltip.svelte.d.ts +2 -0
  29. package/dist/bits/tooltip/ctx.d.ts +8 -1
  30. package/package.json +93 -92
  31. package/dist/bits/select/components/SelectSeparator.svelte +0 -11
  32. package/dist/bits/select/components/SelectSeparator.svelte.d.ts +0 -237
package/README.md CHANGED
@@ -3,3 +3,7 @@
3
3
  Headless Svelte components built with [Melt UI](https://melt-ui.com) builders.
4
4
 
5
5
  [Read the docs](https://bits-ui.com) (still a work in progress)
6
+
7
+ ## Credits
8
+
9
+ Logo created by [BruceWayyn](https://github.com/brucewayyn)
package/dist/bits/accordion/components/Accordion.svelte.d.ts CHANGED
@@ -4,8 +4,8 @@ declare class __sveltets_Render<Multiple extends boolean> {
4
4
  forceVisible?: boolean | undefined;
5
5
  multiple?: Multiple | undefined;
6
6
  disabled?: boolean | undefined;
7
- value?: (Multiple extends false ? string : string[]) | undefined;
8
- onValueChange?: import("../../../internal/types.js").OnChangeFn<(Multiple extends false ? string : string[]) | undefined> | undefined;
7
+ value?: import("@melt-ui/svelte/internal/types").WhenTrue<Multiple, string[], string, string | string[]> | undefined;
8
+ onValueChange?: import("../../../internal/types.js").OnChangeFn<import("@melt-ui/svelte/internal/types").WhenTrue<Multiple, string[], string, string | string[]> | undefined> | undefined;
9
9
  asChild?: boolean | undefined;
10
10
  accesskey?: string | null | undefined;
11
11
  autofocus?: boolean | null | undefined;
package/dist/bits/accordion/ctx.d.ts CHANGED
@@ -9,8 +9,12 @@ export declare const ctx: {
9
9
  getContent: typeof getContent;
10
10
  getTrigger: typeof getTrigger;
11
11
  };
12
+ type GetReturn = AccordionReturn;
12
13
  declare function set<Multiple extends boolean>(props: CreateAccordionProps<Multiple>): {
13
14
  updateOption: <K extends string, V extends unknown>(key: K, value: V | undefined) => void;
15
+ ids: {
16
+ root: string;
17
+ };
14
18
  elements: {
15
19
  root: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<import("svelte/store").Stores | undefined, import("svelte/action").Action<any, any, Record<never, any>>, () => {
16
20
  'data-melt-id': string;
@@ -53,7 +57,7 @@ declare function set<Multiple extends boolean>(props: CreateAccordionProps<Multi
53
57
  }, string>;
54
58
  };
55
59
  states: {
56
- value: (Multiple extends false ? import("svelte/store").Writable<string | undefined> : import("svelte/store").Writable<string[] | undefined>) & {};
60
+ value: import("svelte/store").Writable<import("@melt-ui/svelte/internal/types").WhenTrue<Multiple, string[], string, string | string[]> | undefined>;
57
61
  };
58
62
  helpers: {
59
63
  isSelected: import("svelte/store").Readable<(key: string) => boolean>;
@@ -64,7 +68,7 @@ declare function set<Multiple extends boolean>(props: CreateAccordionProps<Multi
64
68
  multiple: import("svelte/store").Writable<false | Multiple>;
65
69
  };
66
70
  };
67
- declare function get(): AccordionReturn;
71
+ declare function get(): GetReturn;
68
72
  declare function setItem(props: AccordionItemProps): {
69
73
  item: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<{
70
74
  update: (updater: import("svelte/store").Updater<string | string[] | undefined>, sideEffect?: ((newValue: string | string[] | undefined) => void) | undefined) => void;
@@ -91,7 +95,7 @@ declare function getContent(): {
91
95
  }, string>;
92
96
  props: string;
93
97
  isSelected: import("svelte/store").Readable<(key: string) => boolean>;
94
- value: import("svelte/store").Writable<string | undefined> | import("svelte/store").Writable<string[] | undefined>;
98
+ value: import("svelte/store").Writable<string | undefined>;
95
99
  };
96
100
  declare function getTrigger(): {
97
101
  props: string;
package/dist/bits/alert-dialog/ctx.d.ts CHANGED
@@ -5,6 +5,12 @@ type SetProps = CreateAlertDialogProps & TransitionTimesProp & TOpen;
5
5
  type GetReturn = AlertDialogReturn & TransitionTimesProp & TOpen;
6
6
  declare function set(props: SetProps): {
7
7
  updateOption: <K extends string, V extends unknown>(key: K, value: V | undefined) => void;
8
+ ids: {
9
+ content: string;
10
+ title: string;
11
+ description: string;
12
+ trigger: string;
13
+ };
8
14
  elements: {
9
15
  content: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[import("svelte/store").Readable<boolean>], (node: HTMLElement) => {
10
16
  destroy: () => void;
package/dist/bits/checkbox/ctx.d.ts CHANGED
@@ -12,7 +12,7 @@ declare function set(props: CreateCheckboxProps): {
12
12
  set: (this: void, value: boolean | "indeterminate") => void;
13
13
  subscribe(this: void, run: import("svelte/store").Subscriber<boolean | "indeterminate">, invalidate?: import("svelte/store").Invalidator<boolean | "indeterminate"> | undefined): import("svelte/store").Unsubscriber;
14
14
  }, import("svelte/store").Writable<boolean>, import("svelte/store").Writable<boolean>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown" | "click">, ([$checked, $disabled, $required]: [boolean | "indeterminate", boolean, boolean]) => {
15
- readonly 'data-disabled': boolean;
15
+ readonly 'data-disabled': true | undefined;
16
16
  readonly 'data-state': "checked" | "indeterminate" | "unchecked";
17
17
  readonly type: "button";
18
18
  readonly role: "checkbox";
@@ -32,7 +32,7 @@ declare function set(props: CreateCheckboxProps): {
32
32
  readonly value: string;
33
33
  readonly checked: boolean;
34
34
  readonly required: boolean;
35
- readonly disabled: boolean;
35
+ readonly disabled: true | undefined;
36
36
  readonly style: string;
37
37
  }, "checkbox-input">;
38
38
  };
package/dist/bits/collapsible/ctx.d.ts CHANGED
@@ -13,7 +13,7 @@ declare function set(props: CreateCollapsibleProps): {
13
13
  subscribe(this: void, run: import("svelte/store").Subscriber<boolean>, invalidate?: import("svelte/store").Invalidator<boolean> | undefined): import("svelte/store").Unsubscriber;
14
14
  }, import("svelte/store").Writable<boolean>], import("svelte/action").Action<any, any, Record<never, any>>, ([$open, $disabled]: [boolean, boolean]) => {
15
15
  'data-state': string;
16
- 'data-disabled': string;
16
+ 'data-disabled': boolean | undefined;
17
17
  }, string>;
18
18
  trigger: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[{
19
19
  update: (updater: import("svelte/store").Updater<boolean>, sideEffect?: ((newValue: boolean) => void) | undefined) => void;
@@ -21,12 +21,12 @@ declare function set(props: CreateCollapsibleProps): {
21
21
  subscribe(this: void, run: import("svelte/store").Subscriber<boolean>, invalidate?: import("svelte/store").Invalidator<boolean> | undefined): import("svelte/store").Unsubscriber;
22
22
  }, import("svelte/store").Writable<boolean>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"click">, ([$open, $disabled]: [boolean, boolean]) => {
23
23
  readonly 'data-state': "open" | "closed";
24
- readonly 'data-disabled': "" | undefined;
25
- readonly disabled: boolean;
24
+ readonly 'data-disabled': true | undefined;
25
+ readonly disabled: true | undefined;
26
26
  }, string>;
27
27
  content: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[import("svelte/store").Readable<boolean>, import("svelte/store").Writable<boolean>], import("svelte/action").Action<any, any, Record<never, any>>, ([$isVisible, $disabled]: [boolean, boolean]) => {
28
28
  'data-state': string;
29
- 'data-disabled': string | undefined;
29
+ 'data-disabled': boolean | undefined;
30
30
  hidden: boolean | undefined;
31
31
  style: string;
32
32
  }, string>;
package/dist/bits/context-menu/ctx.d.ts CHANGED
@@ -74,6 +74,10 @@ declare function set(props: CreateContextMenuProps): {
74
74
  };
75
75
  builders: {
76
76
  createSubmenu: (args?: import("@melt-ui/svelte/dist/builders/menu")._CreateSubmenuProps | undefined) => {
77
+ ids: {
78
+ menu: string;
79
+ trigger: string;
80
+ };
77
81
  elements: {
78
82
  subTrigger: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[import("svelte/store").Writable<boolean>, import("svelte/store").Writable<boolean>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown" | "click" | "focusin" | "focusout" | "pointerleave" | "pointermove">, ([$subOpen, $disabled]: [boolean, boolean]) => {
79
83
  readonly role: "menuitem";
@@ -82,7 +86,7 @@ declare function set(props: CreateContextMenuProps): {
82
86
  readonly 'aria-controls': string;
83
87
  readonly 'aria-expanded': boolean;
84
88
  readonly 'data-state': "open" | "closed";
85
- readonly 'data-disabled': "" | undefined;
89
+ readonly 'data-disabled': true | undefined;
86
90
  readonly 'aria-haspopop': "menu";
87
91
  }, string>;
88
92
  subMenu: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[Readable<boolean>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown" | "focusout" | "pointermove">, ([$subIsVisible]: [boolean]) => {
@@ -130,7 +134,7 @@ declare function set(props: CreateContextMenuProps): {
130
134
  readonly tabindex: -1;
131
135
  readonly 'data-orientation': "vertical";
132
136
  readonly 'aria-checked': "true" | "false" | "mixed";
133
- readonly 'data-disabled': "" | undefined;
137
+ readonly 'data-disabled': true | undefined;
134
138
  readonly 'data-state': "checked" | "indeterminate" | "unchecked";
135
139
  }, string>;
136
140
  };
@@ -159,7 +163,7 @@ declare function set(props: CreateContextMenuProps): {
159
163
  role: string;
160
164
  'data-state': string;
161
165
  'aria-checked': boolean;
162
- 'data-disabled': string | undefined;
166
+ 'data-disabled': boolean | undefined;
163
167
  'data-value': string;
164
168
  'data-orientation': string;
165
169
  tabindex: number;
@@ -198,6 +202,10 @@ declare function set(props: CreateContextMenuProps): {
198
202
  declare function get(): ContextMenuReturn;
199
203
  declare function setSub(props: CreateContextSubmenuProps): {
200
204
  updateOption: <K extends string, V extends unknown>(key: K, value: V | undefined) => void;
205
+ ids: {
206
+ menu: string;
207
+ trigger: string;
208
+ };
201
209
  elements: {
202
210
  subTrigger: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[import("svelte/store").Writable<boolean>, import("svelte/store").Writable<boolean>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown" | "click" | "focusin" | "focusout" | "pointerleave" | "pointermove">, ([$subOpen, $disabled]: [boolean, boolean]) => {
203
211
  readonly role: "menuitem";
@@ -206,7 +214,7 @@ declare function setSub(props: CreateContextSubmenuProps): {
206
214
  readonly 'aria-controls': string;
207
215
  readonly 'aria-expanded': boolean;
208
216
  readonly 'data-state': "open" | "closed";
209
- readonly 'data-disabled': "" | undefined;
217
+ readonly 'data-disabled': true | undefined;
210
218
  readonly 'aria-haspopop': "menu";
211
219
  }, string>;
212
220
  subMenu: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[Readable<boolean>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown" | "focusout" | "pointermove">, ([$subIsVisible]: [boolean]) => {
@@ -258,7 +266,7 @@ declare function setRadioGroup(props: CreateContextMenuRadioGroupProps): {
258
266
  role: string;
259
267
  'data-state': string;
260
268
  'aria-checked': boolean;
261
- 'data-disabled': string | undefined;
269
+ 'data-disabled': boolean | undefined;
262
270
  'data-value': string;
263
271
  'data-orientation': string;
264
272
  tabindex: number;
@@ -295,7 +303,7 @@ declare function setCheckboxItem(props: ContextCheckboxItemProps): {
295
303
  readonly tabindex: -1;
296
304
  readonly 'data-orientation': "vertical";
297
305
  readonly 'aria-checked': "true" | "false" | "mixed";
298
- readonly 'data-disabled': "" | undefined;
306
+ readonly 'data-disabled': true | undefined;
299
307
  readonly 'data-state': "checked" | "indeterminate" | "unchecked";
300
308
  }, string>;
301
309
  };
package/dist/bits/dialog/ctx.d.ts CHANGED
@@ -9,6 +9,12 @@ export declare const ctx: {
9
9
  };
10
10
  declare function set(props: SetProps): {
11
11
  updateOption: <K extends string, V extends unknown>(key: K, value: V | undefined) => void;
12
+ ids: {
13
+ content: string;
14
+ title: string;
15
+ description: string;
16
+ trigger: string;
17
+ };
12
18
  elements: {
13
19
  content: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[import("svelte/store").Readable<boolean>], (node: HTMLElement) => {
14
20
  destroy: () => void;
package/dist/bits/dropdown-menu/ctx.d.ts CHANGED
@@ -80,7 +80,7 @@ declare function set(props: CreateDropdownMenuProps): {
80
80
  readonly tabindex: -1;
81
81
  readonly 'data-orientation': "vertical";
82
82
  readonly 'aria-checked': "true" | "false" | "mixed";
83
- readonly 'data-disabled': "" | undefined;
83
+ readonly 'data-disabled': true | undefined;
84
84
  readonly 'data-state': "checked" | "indeterminate" | "unchecked";
85
85
  }, string>;
86
86
  };
@@ -96,6 +96,10 @@ declare function set(props: CreateDropdownMenuProps): {
96
96
  };
97
97
  };
98
98
  createSubmenu: (args?: import("@melt-ui/svelte/dist/builders/menu")._CreateSubmenuProps | undefined) => {
99
+ ids: {
100
+ menu: string;
101
+ trigger: string;
102
+ };
99
103
  elements: {
100
104
  subTrigger: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[import("svelte/store").Writable<boolean>, import("svelte/store").Writable<boolean>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown" | "click" | "focusin" | "focusout" | "pointerleave" | "pointermove">, ([$subOpen, $disabled]: [boolean, boolean]) => {
101
105
  readonly role: "menuitem";
@@ -104,7 +108,7 @@ declare function set(props: CreateDropdownMenuProps): {
104
108
  readonly 'aria-controls': string;
105
109
  readonly 'aria-expanded': boolean;
106
110
  readonly 'data-state': "open" | "closed";
107
- readonly 'data-disabled': "" | undefined;
111
+ readonly 'data-disabled': true | undefined;
108
112
  readonly 'aria-haspopop': "menu";
109
113
  }, string>;
110
114
  subMenu: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[Readable<boolean>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown" | "focusout" | "pointermove">, ([$subIsVisible]: [boolean]) => {
@@ -155,7 +159,7 @@ declare function set(props: CreateDropdownMenuProps): {
155
159
  role: string;
156
160
  'data-state': string;
157
161
  'aria-checked': boolean;
158
- 'data-disabled': string | undefined;
162
+ 'data-disabled': boolean | undefined;
159
163
  'data-value': string;
160
164
  'data-orientation': string;
161
165
  tabindex: number;
@@ -193,6 +197,10 @@ declare function set(props: CreateDropdownMenuProps): {
193
197
  };
194
198
  declare function setSub(props: DropdownSubmenuProps): {
195
199
  updateOption: <K extends string, V extends unknown>(key: K, value: V | undefined) => void;
200
+ ids: {
201
+ menu: string;
202
+ trigger: string;
203
+ };
196
204
  elements: {
197
205
  subTrigger: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[import("svelte/store").Writable<boolean>, import("svelte/store").Writable<boolean>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown" | "click" | "focusin" | "focusout" | "pointerleave" | "pointermove">, ([$subOpen, $disabled]: [boolean, boolean]) => {
198
206
  readonly role: "menuitem";
@@ -201,7 +209,7 @@ declare function setSub(props: DropdownSubmenuProps): {
201
209
  readonly 'aria-controls': string;
202
210
  readonly 'aria-expanded': boolean;
203
211
  readonly 'data-state': "open" | "closed";
204
- readonly 'data-disabled': "" | undefined;
212
+ readonly 'data-disabled': true | undefined;
205
213
  readonly 'aria-haspopop': "menu";
206
214
  }, string>;
207
215
  subMenu: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[Readable<boolean>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown" | "focusout" | "pointermove">, ([$subIsVisible]: [boolean]) => {
@@ -252,7 +260,7 @@ declare function setRadioGroup(props: DropdownRadioGroupProps): {
252
260
  role: string;
253
261
  'data-state': string;
254
262
  'aria-checked': boolean;
255
- 'data-disabled': string | undefined;
263
+ 'data-disabled': boolean | undefined;
256
264
  'data-value': string;
257
265
  'data-orientation': string;
258
266
  tabindex: number;
@@ -289,7 +297,7 @@ declare function setCheckboxItem(props: DropdownCheckboxItemProps): {
289
297
  readonly tabindex: -1;
290
298
  readonly 'data-orientation': "vertical";
291
299
  readonly 'aria-checked': "true" | "false" | "mixed";
292
- readonly 'data-disabled': "" | undefined;
300
+ readonly 'data-disabled': true | undefined;
293
301
  readonly 'data-state': "checked" | "indeterminate" | "unchecked";
294
302
  }, string>;
295
303
  };
package/dist/bits/link-preview/ctx.d.ts CHANGED
@@ -8,6 +8,10 @@ export declare const ctx: {
8
8
  declare function get(): LinkPreviewReturn;
9
9
  declare function set(props: CreateLinkPreviewProps): {
10
10
  updateOption: <K extends string, V extends unknown>(key: K, value: V | undefined) => void;
11
+ ids: {
12
+ content: string;
13
+ trigger: string;
14
+ };
11
15
  elements: {
12
16
  trigger: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[{
13
17
  update: (updater: import("svelte/store").Updater<boolean>, sideEffect?: ((newValue: boolean) => void) | undefined) => void;
package/dist/bits/menubar/ctx.d.ts CHANGED
@@ -21,6 +21,9 @@ export declare const ctx: {
21
21
  };
22
22
  declare function set(props: MenubarProps): {
23
23
  updateOption: <K extends string, V extends unknown>(key: K, value: V | undefined) => void;
24
+ ids: {
25
+ menubar: string;
26
+ };
24
27
  elements: {
25
28
  menubar: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<import("svelte/store").Stores | undefined, (node: HTMLElement) => {
26
29
  destroy?: undefined;
@@ -35,6 +38,9 @@ declare function set(props: MenubarProps): {
35
38
  };
36
39
  builders: {
37
40
  createMenu: (props?: import("@melt-ui/svelte/dist/builders/menu")._CreateMenuProps | undefined) => {
41
+ ids: {
42
+ menubar: string;
43
+ };
38
44
  elements: {
39
45
  menu: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[Readable<boolean>, import("svelte/store").Writable<string | HTMLElement | null | undefined>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown">, ([$isVisible, $portal]: [boolean, string | HTMLElement | null | undefined]) => {
40
46
  readonly role: "menu";
@@ -91,7 +97,7 @@ declare function set(props: MenubarProps): {
91
97
  readonly tabindex: -1;
92
98
  readonly 'data-orientation': "vertical";
93
99
  readonly 'aria-checked': "true" | "false" | "mixed";
94
- readonly 'data-disabled': "" | undefined;
100
+ readonly 'data-disabled': true | undefined;
95
101
  readonly 'data-state': "checked" | "indeterminate" | "unchecked";
96
102
  }, string>;
97
103
  };
@@ -107,6 +113,10 @@ declare function set(props: MenubarProps): {
107
113
  };
108
114
  };
109
115
  createSubmenu: (args?: import("@melt-ui/svelte/dist/builders/menu")._CreateSubmenuProps | undefined) => {
116
+ ids: {
117
+ menu: string;
118
+ trigger: string;
119
+ };
110
120
  elements: {
111
121
  subTrigger: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[import("svelte/store").Writable<boolean>, import("svelte/store").Writable<boolean>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown" | "click" | "focusin" | "focusout" | "pointerleave" | "pointermove">, ([$subOpen, $disabled]: [boolean, boolean]) => {
112
122
  readonly role: "menuitem";
@@ -115,7 +125,7 @@ declare function set(props: MenubarProps): {
115
125
  readonly 'aria-controls': string;
116
126
  readonly 'aria-expanded': boolean;
117
127
  readonly 'data-state': "open" | "closed";
118
- readonly 'data-disabled': "" | undefined;
128
+ readonly 'data-disabled': true | undefined;
119
129
  readonly 'aria-haspopop': "menu";
120
130
  }, string>;
121
131
  subMenu: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[Readable<boolean>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown" | "focusout" | "pointermove">, ([$subIsVisible]: [boolean]) => {
@@ -166,7 +176,7 @@ declare function set(props: MenubarProps): {
166
176
  role: string;
167
177
  'data-state': string;
168
178
  'aria-checked': boolean;
169
- 'data-disabled': string | undefined;
179
+ 'data-disabled': boolean | undefined;
170
180
  'data-value': string;
171
181
  'data-orientation': string;
172
182
  tabindex: number;
@@ -214,6 +224,9 @@ declare function set(props: MenubarProps): {
214
224
  declare function get(): MenubarReturn;
215
225
  declare function setMenu(props: CreateMenubarMenuProps): {
216
226
  updateOption: <K extends string, V extends unknown>(key: K, value: V | undefined) => void;
227
+ ids: {
228
+ menubar: string;
229
+ };
217
230
  elements: {
218
231
  menu: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[Readable<boolean>, import("svelte/store").Writable<string | HTMLElement | null | undefined>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown">, ([$isVisible, $portal]: [boolean, string | HTMLElement | null | undefined]) => {
219
232
  readonly role: "menu";
@@ -270,7 +283,7 @@ declare function setMenu(props: CreateMenubarMenuProps): {
270
283
  readonly tabindex: -1;
271
284
  readonly 'data-orientation': "vertical";
272
285
  readonly 'aria-checked': "true" | "false" | "mixed";
273
- readonly 'data-disabled': "" | undefined;
286
+ readonly 'data-disabled': true | undefined;
274
287
  readonly 'data-state': "checked" | "indeterminate" | "unchecked";
275
288
  }, string>;
276
289
  };
@@ -286,6 +299,10 @@ declare function setMenu(props: CreateMenubarMenuProps): {
286
299
  };
287
300
  };
288
301
  createSubmenu: (args?: import("@melt-ui/svelte/dist/builders/menu")._CreateSubmenuProps | undefined) => {
302
+ ids: {
303
+ menu: string;
304
+ trigger: string;
305
+ };
289
306
  elements: {
290
307
  subTrigger: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[import("svelte/store").Writable<boolean>, import("svelte/store").Writable<boolean>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown" | "click" | "focusin" | "focusout" | "pointerleave" | "pointermove">, ([$subOpen, $disabled]: [boolean, boolean]) => {
291
308
  readonly role: "menuitem";
@@ -294,7 +311,7 @@ declare function setMenu(props: CreateMenubarMenuProps): {
294
311
  readonly 'aria-controls': string;
295
312
  readonly 'aria-expanded': boolean;
296
313
  readonly 'data-state': "open" | "closed";
297
- readonly 'data-disabled': "" | undefined;
314
+ readonly 'data-disabled': true | undefined;
298
315
  readonly 'aria-haspopop': "menu";
299
316
  }, string>;
300
317
  subMenu: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[Readable<boolean>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown" | "focusout" | "pointermove">, ([$subIsVisible]: [boolean]) => {
@@ -345,7 +362,7 @@ declare function setMenu(props: CreateMenubarMenuProps): {
345
362
  role: string;
346
363
  'data-state': string;
347
364
  'aria-checked': boolean;
348
- 'data-disabled': string | undefined;
365
+ 'data-disabled': boolean | undefined;
349
366
  'data-value': string;
350
367
  'data-orientation': string;
351
368
  tabindex: number;
@@ -387,6 +404,10 @@ declare function setMenu(props: CreateMenubarMenuProps): {
387
404
  declare function getMenu(): MenubarMenuReturn;
388
405
  declare function setSub(props: CreateMenubarSubmenuProps): {
389
406
  updateOption: <K extends string, V extends unknown>(key: K, value: V | undefined) => void;
407
+ ids: {
408
+ menu: string;
409
+ trigger: string;
410
+ };
390
411
  elements: {
391
412
  subTrigger: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[import("svelte/store").Writable<boolean>, import("svelte/store").Writable<boolean>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown" | "click" | "focusin" | "focusout" | "pointerleave" | "pointermove">, ([$subOpen, $disabled]: [boolean, boolean]) => {
392
413
  readonly role: "menuitem";
@@ -395,7 +416,7 @@ declare function setSub(props: CreateMenubarSubmenuProps): {
395
416
  readonly 'aria-controls': string;
396
417
  readonly 'aria-expanded': boolean;
397
418
  readonly 'data-state': "open" | "closed";
398
- readonly 'data-disabled': "" | undefined;
419
+ readonly 'data-disabled': true | undefined;
399
420
  readonly 'aria-haspopop': "menu";
400
421
  }, string>;
401
422
  subMenu: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[Readable<boolean>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown" | "focusout" | "pointermove">, ([$subIsVisible]: [boolean]) => {
@@ -447,7 +468,7 @@ declare function setRadioGroup(props: CreateMenuRadioGroupProps): {
447
468
  role: string;
448
469
  'data-state': string;
449
470
  'aria-checked': boolean;
450
- 'data-disabled': string | undefined;
471
+ 'data-disabled': boolean | undefined;
451
472
  'data-value': string;
452
473
  'data-orientation': string;
453
474
  tabindex: number;
@@ -479,7 +500,7 @@ declare function setCheckboxItem(props: CreateMenuCheckboxItemProps): {
479
500
  readonly tabindex: -1;
480
501
  readonly 'data-orientation': "vertical";
481
502
  readonly 'aria-checked': "true" | "false" | "mixed";
482
- readonly 'data-disabled': "" | undefined;
503
+ readonly 'data-disabled': true | undefined;
483
504
  readonly 'data-state': "checked" | "indeterminate" | "unchecked";
484
505
  }, string>;
485
506
  };
package/dist/bits/popover/ctx.d.ts CHANGED
@@ -7,6 +7,10 @@ export declare const ctx: {
7
7
  };
8
8
  declare function set(props: CreatePopoverProps): {
9
9
  updateOption: <K extends string, V extends unknown>(key: K, value: V | undefined) => void;
10
+ ids: {
11
+ content: string;
12
+ trigger: string;
13
+ };
10
14
  elements: {
11
15
  trigger: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<{
12
16
  update: (updater: import("svelte/store").Updater<boolean>, sideEffect?: ((newValue: boolean) => void) | undefined) => void;
@@ -54,9 +58,9 @@ declare function set(props: CreatePopoverProps): {
54
58
  positioning: import("svelte/store").Writable<import("@melt-ui/svelte/internal/actions").FloatingConfig | {
55
59
  placement: "bottom";
56
60
  }>;
61
+ arrowSize: import("svelte/store").Writable<number>;
57
62
  closeOnOutsideClick: import("svelte/store").Writable<boolean>;
58
63
  closeOnEscape: import("svelte/store").Writable<boolean>;
59
- arrowSize: import("svelte/store").Writable<number>;
60
64
  disableFocusTrap: import("svelte/store").Writable<boolean>;
61
65
  };
62
66
  };
package/dist/bits/radio-group/components/RadioGroupInput.svelte.d.ts CHANGED
@@ -252,11 +252,13 @@ declare const __propDef: {
252
252
  slots: {
253
253
  default: {
254
254
  builder: {
255
- 'aria-hidden': boolean;
256
- tabindex: number;
257
- disabled: boolean;
255
+ disabled: boolean | undefined;
258
256
  value: string;
259
257
  required: boolean;
258
+ type: string;
259
+ 'aria-hidden': boolean;
260
+ hidden: boolean;
261
+ tabIndex: number;
260
262
  style: string;
261
263
  } & {
262
264
  [x: `data-melt-${string}`]: "";
package/dist/bits/radio-group/ctx.d.ts CHANGED
@@ -35,11 +35,13 @@ declare function set(props: CreateRadioGroupProps): {
35
35
  set: (this: void, value: string) => void;
36
36
  subscribe(this: void, run: import("svelte/store").Subscriber<string>, invalidate?: import("svelte/store").Invalidator<string> | undefined): import("svelte/store").Unsubscriber;
37
37
  }, import("svelte/store").Writable<boolean>], (_node: HTMLInputElement) => void, ([$disabled, $value, $required]: [boolean, string, boolean]) => {
38
- 'aria-hidden': boolean;
39
- tabindex: number;
40
- disabled: boolean;
38
+ disabled: boolean | undefined;
41
39
  value: string;
42
40
  required: boolean;
41
+ type: string;
42
+ 'aria-hidden': boolean;
43
+ hidden: boolean;
44
+ tabIndex: number;
43
45
  style: string;
44
46
  }, string>;
45
47
  };
package/dist/bits/select/components/Select.svelte.d.ts CHANGED
@@ -14,8 +14,10 @@ declare const __propDef: {
14
14
  positioning?: import("@melt-ui/svelte/internal/actions").FloatingConfig | undefined;
15
15
  arrowSize?: number | undefined;
16
16
  loop?: boolean | undefined;
17
- selected?: import("@melt-ui/svelte/index.js").SelectOption<unknown> | undefined;
18
- onSelectedChange?: import("../../../internal/types.js").OnChangeFn<import("@melt-ui/svelte/index.js").SelectOption<unknown> | undefined> | undefined;
17
+ typeahead?: boolean | undefined;
18
+ scrollAlignment?: "center" | "nearest" | undefined;
19
+ selected?: import("@melt-ui/svelte/index.js").ComboboxOption<unknown> | undefined;
20
+ onSelectedChange?: import("../../../internal/types.js").OnChangeFn<import("@melt-ui/svelte/index.js").ComboboxOption<unknown> | undefined> | undefined;
19
21
  open?: boolean | undefined;
20
22
  onOpenChange?: import("../../../internal/types.js").OnChangeFn<boolean | undefined> | undefined;
21
23
  };
package/dist/bits/select/components/SelectContent.svelte CHANGED
@@ -26,7 +26,7 @@ const dispatch = createDispatcher();
26
26
  transition:transition={transitionConfig}
27
27
  {...builder} use:builder.action
28
28
  {...$$restProps}
29
- on:m-keydown={dispatch}
29
+ on:m-pointerleave={dispatch}
30
30
  >
31
31
  <slot {builder} />
32
32
  </div>
@@ -37,7 +37,7 @@ const dispatch = createDispatcher();
37
37
  out:outTransition={outTransitionConfig}
38
38
  {...builder} use:builder.action
39
39
  {...$$restProps}
40
- on:m-keydown={dispatch}
40
+ on:m-pointerleave={dispatch}
41
41
  >
42
42
  <slot {builder} />
43
43
  </div>
@@ -47,7 +47,7 @@ const dispatch = createDispatcher();
47
47
  in:inTransition={inTransitionConfig}
48
48
  {...builder} use:builder.action
49
49
  {...$$restProps}
50
- on:m-keydown={dispatch}
50
+ on:m-pointerleave={dispatch}
51
51
  >
52
52
  <slot {builder} />
53
53
  </div>
@@ -57,13 +57,13 @@ const dispatch = createDispatcher();
57
57
  out:outTransition={outTransitionConfig}
58
58
  {...builder} use:builder.action
59
59
  {...$$restProps}
60
- on:m-keydown={dispatch}
60
+ on:m-pointerleave={dispatch}
61
61
  >
62
62
  <slot {builder} />
63
63
  </div>
64
64
  {:else if $open}
65
65
  {@const builder = $menu}
66
- <div {...builder} use:builder.action {...$$restProps} on:m-keydown={dispatch}>
66
+ <div {...builder} use:builder.action {...$$restProps} on:m-pointerleave={dispatch}>
67
67
  <slot {builder} />
68
68
  </div>
69
69
  {/if}
package/dist/bits/select/components/SelectInput.svelte CHANGED
@@ -1,7 +1,7 @@
1
1
  <script>import { melt } from "@melt-ui/svelte";
2
2
  import { ctx } from "../ctx.js";
3
3
  export let asChild = false;
4
- const input = ctx.get().elements.input;
4
+ const input = ctx.get().elements.hiddenInput;
5
5
  </script>
6
6
 
7
7
  {#if asChild}
package/dist/bits/select/components/SelectInput.svelte.d.ts CHANGED
@@ -252,14 +252,13 @@ declare const __propDef: {
252
252
  slots: {
253
253
  default: {
254
254
  builder: {
255
- type: string;
255
+ required: boolean | undefined;
256
+ value: unknown;
256
257
  name: string | undefined;
257
- value: import("@melt-ui/svelte/index.js").SelectOption<unknown> | import("@melt-ui/svelte/index.js").SelectOption<unknown>[] | undefined;
258
+ type: string;
258
259
  'aria-hidden': boolean;
259
260
  hidden: boolean;
260
261
  tabIndex: number;
261
- required: boolean;
262
- disabled: boolean;
263
262
  style: string;
264
263
  } & {
265
264
  [x: `data-melt-${string}`]: "";
package/dist/bits/select/components/SelectItem.svelte CHANGED
@@ -17,16 +17,7 @@ const dispatch = createDispatcher();
17
17
  <slot builder={$option({ value, disabled, label })} />
18
18
  {:else}
19
19
  {@const builder = $option({ value, disabled, label })}
20
- <div
21
- {...builder} use:builder.action
22
- {...$$restProps}
23
- on:m-click={dispatch}
24
- on:m-focusin={dispatch}
25
- on:m-focusout={dispatch}
26
- on:m-keydown={dispatch}
27
- on:m-pointerleave={dispatch}
28
- on:m-pointermove={dispatch}
29
- >
20
+ <div {...builder} use:builder.action {...$$restProps} on:m-click={dispatch} on:m-pointermove={dispatch}>
30
21
  <slot {builder}>
31
22
  {label ? label : value}
32
23
  </slot>