bits-ui 0.8.3 → 0.8.4

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 (18) hide show
  1. package/dist/bits/context-menu/components/ContextMenu.svelte +3 -2
  2. package/dist/bits/context-menu/components/ContextMenu.svelte.d.ts +6 -1
  3. package/dist/bits/context-menu/components/ContextMenuSub.svelte +2 -2
  4. package/dist/bits/context-menu/components/ContextMenuSub.svelte.d.ts +6 -1
  5. package/dist/bits/context-menu/ctx.d.ts +4 -0
  6. package/dist/bits/dropdown-menu/components/DropdownMenu.svelte +3 -2
  7. package/dist/bits/dropdown-menu/components/DropdownMenu.svelte.d.ts +6 -1
  8. package/dist/bits/dropdown-menu/components/DropdownMenuSub.svelte +2 -2
  9. package/dist/bits/dropdown-menu/components/DropdownMenuSub.svelte.d.ts +6 -1
  10. package/dist/bits/dropdown-menu/ctx.d.ts +4 -0
  11. package/dist/bits/menubar/components/Menubar.svelte +4 -3
  12. package/dist/bits/menubar/components/Menubar.svelte.d.ts +3 -0
  13. package/dist/bits/menubar/components/MenubarMenu.svelte +3 -2
  14. package/dist/bits/menubar/components/MenubarMenu.svelte.d.ts +5 -1
  15. package/dist/bits/menubar/components/MenubarSub.svelte +2 -2
  16. package/dist/bits/menubar/components/MenubarSub.svelte.d.ts +6 -1
  17. package/dist/bits/menubar/ctx.d.ts +4 -4
  18. package/package.json +2 -2
package/dist/bits/context-menu/components/ContextMenu.svelte CHANGED
@@ -15,7 +15,8 @@ export let closeFocus = void 0;
15
15
  export let disableFocusFirstItem = void 0;
16
16
  const {
17
17
  states: { open: localOpen },
18
- updateOption
18
+ updateOption,
19
+ ids
19
20
  } = setCtx({
20
21
  closeOnOutsideClick,
21
22
  closeOnEscape,
@@ -66,4 +67,4 @@ $:
66
67
  updateOption("typeahead", typeahead);
67
68
  </script>
68
69
 
69
- <slot />
70
+ <slot {ids} />
package/dist/bits/context-menu/components/ContextMenu.svelte.d.ts CHANGED
@@ -20,7 +20,12 @@ declare const __propDef: {
20
20
  [evt: string]: CustomEvent<any>;
21
21
  };
22
22
  slots: {
23
- default: {};
23
+ default: {
24
+ ids: {
25
+ menu: string;
26
+ trigger: string;
27
+ };
28
+ };
24
29
  };
25
30
  };
26
31
  export type ContextMenuProps = typeof __propDef.props;
package/dist/bits/context-menu/components/ContextMenuSub.svelte CHANGED
@@ -2,7 +2,7 @@
2
2
  export let positioning = void 0;
3
3
  export let disabled = void 0;
4
4
  export let arrowSize = void 0;
5
- const { updateOption } = setSubMenuCtx({
5
+ const { updateOption, ids } = setSubMenuCtx({
6
6
  positioning,
7
7
  disabled,
8
8
  arrowSize
@@ -15,4 +15,4 @@ $:
15
15
  updateOption("arrowSize", arrowSize);
16
16
  </script>
17
17
 
18
- <slot />
18
+ <slot subIds={ids} />
package/dist/bits/context-menu/components/ContextMenuSub.svelte.d.ts CHANGED
@@ -9,7 +9,12 @@ declare const __propDef: {
9
9
  [evt: string]: CustomEvent<any>;
10
10
  };
11
11
  slots: {
12
- default: {};
12
+ default: {
13
+ subIds: {
14
+ menu: string;
15
+ trigger: string;
16
+ };
17
+ };
13
18
  };
14
19
  };
15
20
  export type ContextMenuSubProps = typeof __propDef.props;
package/dist/bits/context-menu/ctx.d.ts CHANGED
@@ -4,6 +4,10 @@ import type { Readable } from "svelte/store";
4
4
  export declare const getAttrs: (part: "arrow" | "label" | "radio-group" | "separator" | "content" | "item" | "trigger" | "group" | "checkbox-indicator" | "checkbox-item" | "radio-item" | "sub-content" | "sub-trigger") => Record<string, string>;
5
5
  export declare function setCtx(props: CreateContextMenuProps): {
6
6
  updateOption: <K extends string, V extends unknown>(key: K, value: V | undefined) => void;
7
+ ids: {
8
+ menu: string;
9
+ trigger: string;
10
+ };
7
11
  elements: {
8
12
  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]) => {
9
13
  readonly role: "menu";
package/dist/bits/dropdown-menu/components/DropdownMenu.svelte CHANGED
@@ -15,7 +15,8 @@ export let closeFocus = void 0;
15
15
  export let disableFocusFirstItem = void 0;
16
16
  const {
17
17
  states: { open: localOpen },
18
- updateOption
18
+ updateOption,
19
+ ids
19
20
  } = setCtx({
20
21
  closeOnOutsideClick,
21
22
  closeOnEscape,
@@ -66,4 +67,4 @@ $:
66
67
  updateOption("typeahead", typeahead);
67
68
  </script>
68
69
 
69
- <slot />
70
+ <slot {ids} />
package/dist/bits/dropdown-menu/components/DropdownMenu.svelte.d.ts CHANGED
@@ -20,7 +20,12 @@ declare const __propDef: {
20
20
  [evt: string]: CustomEvent<any>;
21
21
  };
22
22
  slots: {
23
- default: {};
23
+ default: {
24
+ ids: {
25
+ menu: string;
26
+ trigger: string;
27
+ };
28
+ };
24
29
  };
25
30
  };
26
31
  export type DropdownMenuProps = typeof __propDef.props;
package/dist/bits/dropdown-menu/components/DropdownMenuSub.svelte CHANGED
@@ -2,7 +2,7 @@
2
2
  export let positioning = void 0;
3
3
  export let disabled = void 0;
4
4
  export let arrowSize = void 0;
5
- const { updateOption } = setSubMenuCtx({
5
+ const { updateOption, ids } = setSubMenuCtx({
6
6
  positioning,
7
7
  disabled,
8
8
  arrowSize
@@ -15,4 +15,4 @@ $:
15
15
  updateOption("arrowSize", arrowSize);
16
16
  </script>
17
17
 
18
- <slot />
18
+ <slot subIds={ids} />
package/dist/bits/dropdown-menu/components/DropdownMenuSub.svelte.d.ts CHANGED
@@ -9,7 +9,12 @@ declare const __propDef: {
9
9
  [evt: string]: CustomEvent<any>;
10
10
  };
11
11
  slots: {
12
- default: {};
12
+ default: {
13
+ subIds: {
14
+ menu: string;
15
+ trigger: string;
16
+ };
17
+ };
13
18
  };
14
19
  };
15
20
  export type DropdownMenuSubProps = typeof __propDef.props;
package/dist/bits/dropdown-menu/ctx.d.ts CHANGED
@@ -5,6 +5,10 @@ export declare const getAttrs: (part: "arrow" | "label" | "radio-group" | "separ
5
5
  export declare function getCtx(): DropdownMenuReturn;
6
6
  export declare function setCtx(props: CreateDropdownMenuProps): {
7
7
  updateOption: <K extends string, V extends unknown>(key: K, value: V | undefined) => void;
8
+ ids: {
9
+ menu: string;
10
+ trigger: string;
11
+ };
8
12
  elements: {
9
13
  trigger: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[import("svelte/store").Writable<boolean>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown" | "pointerdown">, ([$rootOpen]: [boolean]) => {
10
14
  readonly 'aria-controls': string;
package/dist/bits/menubar/components/Menubar.svelte CHANGED
@@ -5,7 +5,8 @@ export let closeOnEscape = true;
5
5
  export let asChild = false;
6
6
  const {
7
7
  elements: { menubar },
8
- updateOption
8
+ updateOption,
9
+ ids
9
10
  } = setCtx({ loop, closeOnEscape });
10
11
  $:
11
12
  updateOption("loop", loop);
@@ -17,9 +18,9 @@ const attrs = getAttrs("root");
17
18
  </script>
18
19
 
19
20
  {#if asChild}
20
- <slot {builder} {attrs} />
21
+ <slot {builder} {attrs} {ids} />
21
22
  {:else}
22
23
  <div {...builder} use:builder.action {...$$restProps} {...attrs}>
23
- <slot {builder} {attrs} />
24
+ <slot {builder} {attrs} {ids} />
24
25
  </div>
25
26
  {/if}
package/dist/bits/menubar/components/Menubar.svelte.d.ts CHANGED
@@ -233,6 +233,9 @@ declare const __propDef: {
233
233
  };
234
234
  };
235
235
  attrs: Record<string, string>;
236
+ ids: {
237
+ menubar: string;
238
+ };
236
239
  };
237
240
  };
238
241
  };
package/dist/bits/menubar/components/MenubarMenu.svelte CHANGED
@@ -14,7 +14,8 @@ export let closeFocus = void 0;
14
14
  export let disableFocusFirstItem = void 0;
15
15
  const {
16
16
  states: { open: localOpen },
17
- updateOption
17
+ updateOption,
18
+ ids
18
19
  } = setMenuCtx({
19
20
  closeOnOutsideClick,
20
21
  closeOnEscape,
@@ -61,4 +62,4 @@ $:
61
62
  updateOption("typeahead", typeahead);
62
63
  </script>
63
64
 
64
- <slot />
65
+ <slot menuIds={ids} />
package/dist/bits/menubar/components/MenubarMenu.svelte.d.ts CHANGED
@@ -20,7 +20,11 @@ declare const __propDef: {
20
20
  [evt: string]: CustomEvent<any>;
21
21
  };
22
22
  slots: {
23
- default: {};
23
+ default: {
24
+ menuIds: {
25
+ menubar: string;
26
+ };
27
+ };
24
28
  };
25
29
  };
26
30
  export type MenubarMenuProps = typeof __propDef.props;
package/dist/bits/menubar/components/MenubarSub.svelte CHANGED
@@ -2,7 +2,7 @@
2
2
  export let positioning = void 0;
3
3
  export let disabled = void 0;
4
4
  export let arrowSize = void 0;
5
- const { updateOption } = setSubMenuCtx({
5
+ const { updateOption, ids } = setSubMenuCtx({
6
6
  positioning,
7
7
  disabled,
8
8
  arrowSize
@@ -15,4 +15,4 @@ $:
15
15
  updateOption("arrowSize", arrowSize);
16
16
  </script>
17
17
 
18
- <slot />
18
+ <slot subIds={ids} />
package/dist/bits/menubar/components/MenubarSub.svelte.d.ts CHANGED
@@ -9,7 +9,12 @@ declare const __propDef: {
9
9
  [evt: string]: CustomEvent<any>;
10
10
  };
11
11
  slots: {
12
- default: {};
12
+ default: {
13
+ subIds: {
14
+ menu: string;
15
+ trigger: string;
16
+ };
17
+ };
13
18
  };
14
19
  };
15
20
  export type MenubarSubProps = typeof __propDef.props;
package/dist/bits/menubar/ctx.d.ts CHANGED
@@ -196,8 +196,8 @@ export declare function setCtx(props: MenubarProps): {
196
196
  onOpenChange?: import("svelte/store").Writable<import("@melt-ui/svelte/internal/helpers").ChangeFn<boolean> | undefined> | undefined;
197
197
  forceVisible: import("svelte/store").Writable<boolean>;
198
198
  typeahead: import("svelte/store").Writable<boolean>;
199
- closeFocus?: import("svelte/store").Writable<import("@melt-ui/svelte").FocusProp | undefined> | undefined;
200
- disableFocusFirstItem?: import("svelte/store").Writable<boolean | undefined> | undefined;
199
+ closeFocus: import("svelte/store").Writable<import("@melt-ui/svelte").FocusProp | undefined>;
200
+ disableFocusFirstItem: import("svelte/store").Writable<boolean>;
201
201
  };
202
202
  };
203
203
  };
@@ -384,8 +384,8 @@ export declare function setMenuCtx(props: CreateMenubarMenuProps): {
384
384
  onOpenChange?: import("svelte/store").Writable<import("@melt-ui/svelte/internal/helpers").ChangeFn<boolean> | undefined> | undefined;
385
385
  forceVisible: import("svelte/store").Writable<boolean>;
386
386
  typeahead: import("svelte/store").Writable<boolean>;
387
- closeFocus?: import("svelte/store").Writable<import("@melt-ui/svelte").FocusProp | undefined> | undefined;
388
- disableFocusFirstItem?: import("svelte/store").Writable<boolean | undefined> | undefined;
387
+ closeFocus: import("svelte/store").Writable<import("@melt-ui/svelte").FocusProp | undefined>;
388
+ disableFocusFirstItem: import("svelte/store").Writable<boolean>;
389
389
  };
390
390
  };
391
391
  export declare function getMenuCtx(): MenubarMenuReturn;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "bits-ui",
3
- "version": "0.8.3",
3
+ "version": "0.8.4",
4
4
  "license": "MIT",
5
5
  "scripts": {
6
6
  "dev": "concurrently \"pnpm:dev:content\" \"pnpm:dev:svelte\"",
@@ -86,7 +86,7 @@
86
86
  "types": "./dist/index.d.ts",
87
87
  "type": "module",
88
88
  "dependencies": {
89
- "@melt-ui/svelte": "0.57.0",
89
+ "@melt-ui/svelte": "0.57.1",
90
90
  "nanoid": "^5.0.2"
91
91
  },
92
92
  "peerDependencies": {