Skip to content

Commit 01a8de9

Browse files
huntabytehuntabyte
authored
next: docs and such (#672)
1 parent 5819cf1 commit 01a8de9

File tree

117 files changed

+1251
-598
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

117 files changed

+1251
-598
lines changed

‎NOTICE.txt

+8
Original file line numberDiff line numberDiff line change
@@ -32,4 +32,12 @@ This codebase contains a modified portion of code from Radix UI which can be obt
3232
* LICENSE (MIT):
3333
* https://github.com/radix-ui/primitives/blob/main/LICENSE
3434

35+
-------------------------------------------------------------------------------
36+
37+
This codebase contains a modified portion of code from cmdk which can be obtained at:
38+
* SOURCE:
39+
* https://www.npmjs.com/package/cmdk
40+
* LICENSE (MIT):
41+
* https://github.com/pacocoursey/cmdk/blob/main/LICENSE.md
42+
3543
-------------------------------------------------------------------------------

‎packages/bits-ui/package.json

+1
Original file line numberDiff line numberDiff line change
@@ -60,6 +60,7 @@
6060
"@internationalized/date": "^3.5.4",
6161
"clsx": "^2.1.1",
6262
"esm-env": "^1.0.0",
63+
"nanoid": "^5.0.7",
6364
"runed": "^0.15.2",
6465
"scule": "^1.3.0",
6566
"style-object-to-css-string": "^1.1.3",

‎packages/bits-ui/src/lib/bits/checkbox/checkbox.svelte.ts

+2-1
Original file line numberDiff line numberDiff line change
@@ -4,6 +4,7 @@ import type { WithRefProps } from "$lib/internal/types.js";
44
import { getAriaChecked, getAriaRequired, getDataDisabled } from "$lib/internal/attrs.js";
55
import { kbd } from "$lib/internal/kbd.js";
66
import { createContext } from "$lib/internal/createContext.js";
7+
import { srOnlyStyles, styleToString } from "$lib/internal/style.js";
78

89
const CHECKBOX_ROOT_ATTR = "data-checkbox-root";
910

@@ -101,7 +102,7 @@ class CheckboxInputState {
101102
name: this.root.name.current,
102103
value: this.root.value.current,
103104
"aria-hidden": "true",
104-
"data-checkbox-input": "",
105+
style: styleToString(srOnlyStyles),
105106
}) as const
106107
);
107108
}

‎packages/bits-ui/src/lib/bits/checkbox/components/checkbox-input.svelte

+1-1
Original file line numberDiff line numberDiff line change
@@ -6,7 +6,7 @@
66
</script>
77

88
{#if inputState.shouldRender}
9-
<VisuallyHidden>
9+
<VisuallyHidden aria-hidden="true">
1010
<input {...inputState.props} type="checkbox" style="display: none !important;" />
1111
</VisuallyHidden>
1212
{/if}

‎packages/bits-ui/src/lib/bits/checkbox/types.ts

+2-1
Original file line numberDiff line numberDiff line change
@@ -25,7 +25,8 @@ export type CheckboxRootPropsWithoutHTML = WithChild<
2525
*
2626
* @defaultValue undefined
2727
*/
28-
name?: string;
28+
// eslint-disable-next-line ts/no-explicit-any
29+
name?: any;
2930

3031
/**
3132
* The value of the checkbox used in form submission.

‎packages/bits-ui/src/lib/bits/combobox/index.ts

+2-2
Original file line numberDiff line numberDiff line change
@@ -10,7 +10,7 @@ export {
1010
ContentStatic,
1111
Item,
1212
Group,
13-
GroupLabel,
13+
GroupHeading,
1414
Viewport,
1515
ScrollDownButton,
1616
ScrollUpButton,
@@ -23,7 +23,7 @@ export type {
2323
ComboboxInputProps as InputProps,
2424
ComboboxItemProps as ItemProps,
2525
ComboboxGroupProps as GroupProps,
26-
ComboboxGroupLabelProps as GroupLabelProps,
26+
ComboboxGroupHeadingProps as GroupHeadingProps,
2727
ComboboxPortalProps as PortalProps,
2828
ComboboxArrowProps as ArrowProps,
2929
ComboboxTriggerProps as TriggerProps,

‎packages/bits-ui/src/lib/bits/combobox/types.ts

+2-2
Original file line numberDiff line numberDiff line change
@@ -20,8 +20,8 @@ export type {
2020
ListboxTriggerPropsWithoutHTML as ComboboxTriggerPropsWithoutHTML,
2121
ListboxGroupPropsWithoutHTML as ComboboxGroupPropsWithoutHTML,
2222
ListboxGroupProps as ComboboxGroupProps,
23-
ListboxGroupLabelPropsWithoutHTML as ComboboxGroupLabelPropsWithoutHTML,
24-
ListboxGroupLabelProps as ComboboxGroupLabelProps,
23+
ListboxGroupHeadingPropsWithoutHTML as ComboboxGroupHeadingPropsWithoutHTML,
24+
ListboxGroupHeadingProps as ComboboxGroupHeadingProps,
2525
ListboxViewportPropsWithoutHTML as ComboboxViewportPropsWithoutHTML,
2626
ListboxViewportProps as ComboboxViewportProps,
2727
ListboxScrollDownButtonProps as ComboboxScrollDownButtonProps,

‎packages/bits-ui/src/lib/bits/context-menu/components/context-menu-content.svelte

+2-2
Original file line numberDiff line numberDiff line change
@@ -95,8 +95,8 @@
9595
"var(--bits-floating-available-width)",
9696
"--bits-context-menu-content-available-height":
9797
"var(--bits-floating-available-height)",
98-
"--bits-context-menu-trigger-width": "var(--bits-floating-anchor-width)",
99-
"--bits-context-menu-trigger-height": "var(--bits-floating-anchor-height)",
98+
"--bits-context-menu-anchor-width": "var(--bits-floating-anchor-width)",
99+
"--bits-context-menu-anchor-height": "var(--bits-floating-anchor-height)",
100100
},
101101
})}
102102
{#if child}

‎packages/bits-ui/src/lib/bits/context-menu/index.ts

+2-2
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@ export { default as Root } from "$lib/bits/menu/components/menu.svelte";
22
export { default as Sub } from "$lib/bits/menu/components/menu-sub.svelte";
33
export { default as Item } from "$lib/bits/menu/components/menu-item.svelte";
44
export { default as Group } from "$lib/bits/menu/components/menu-group.svelte";
5-
export { default as GroupLabel } from "$lib/bits/menu/components/menu-group-label.svelte";
5+
export { default as GroupHeading } from "$lib/bits/menu/components/menu-group-label.svelte";
66
export { default as Arrow } from "$lib/bits/menu/components/menu-arrow.svelte";
77
export { default as Content } from "./components/context-menu-content.svelte";
88
export { default as ContentStatic } from "./components/context-menu-content-static.svelte";
@@ -20,7 +20,7 @@ export type {
2020
ContextMenuCheckboxItemProps as CheckboxItemProps,
2121
ContextMenuGroupProps as GroupProps,
2222
ContextMenuItemProps as ItemProps,
23-
ContextMenuGroupLabelProps as GroupLabelProps,
23+
ContextMenuGroupHeadingProps as GroupHeadingProps,
2424
ContextMenuRootProps as RootProps,
2525
ContextMenuRadioGroupProps as RadioGroupProps,
2626
ContextMenuRadioItemProps as RadioItemProps,

‎packages/bits-ui/src/lib/bits/context-menu/types.ts

+2-2
Original file line numberDiff line numberDiff line change
@@ -29,7 +29,7 @@ export type {
2929
CheckboxItemProps as ContextMenuCheckboxItemProps,
3030
GroupProps as ContextMenuGroupProps,
3131
ItemProps as ContextMenuItemProps,
32-
GroupLabelProps as ContextMenuGroupLabelProps,
32+
GroupHeadingProps as ContextMenuGroupHeadingProps,
3333
RootProps as ContextMenuRootProps,
3434
RadioGroupProps as ContextMenuRadioGroupProps,
3535
RadioItemProps as ContextMenuRadioItemProps,
@@ -47,7 +47,7 @@ export type {
4747
MenuCheckboxItemPropsWithoutHTML as ContextMenuCheckboxItemPropsWithoutHTML,
4848
MenuGroupPropsWithoutHTML as ContextMenuGroupPropsWithoutHTML,
4949
MenuItemPropsWithoutHTML as ContextMenuItemPropsWithoutHTML,
50-
MenuGroupLabelPropsWithoutHTML as ContextMenuLabelPropsWithoutHTML,
50+
MenuGroupHeadingPropsWithoutHTML as ContextMenuGroupHeadingPropsWithoutHTML,
5151
MenuRadioGroupPropsWithoutHTML as ContextMenuRadioGroupPropsWithoutHTML,
5252
MenuRadioItemPropsWithoutHTML as ContextMenuRadioItemPropsWithoutHTML,
5353
MenuSeparatorPropsWithoutHTML as ContextMenuSeparatorPropsWithoutHTML,

‎packages/bits-ui/src/lib/bits/dropdown-menu/components/dropdown-menu-content.svelte

+2-2
Original file line numberDiff line numberDiff line change
@@ -64,8 +64,8 @@
6464
"var(--bits-floating-available-width)",
6565
"--bits-dropdown-menu-content-available-height":
6666
"var(--bits-floating-available-height)",
67-
"--bits-dropdown-menu-trigger-width": "var(--bits-floating-anchor-width)",
68-
"--bits-dropdown-menu-trigger-height": "var(--bits-floating-anchor-height)",
67+
"--bits-dropdown-menu-anchor-width": "var(--bits-floating-anchor-width)",
68+
"--bits-dropdown-menu-anchor-height": "var(--bits-floating-anchor-height)",
6969
},
7070
})}
7171
{#if child}

‎packages/bits-ui/src/lib/bits/dropdown-menu/index.ts

+2-2
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@ export { default as Root } from "$lib/bits/menu/components/menu.svelte";
22
export { default as Sub } from "$lib/bits/menu/components/menu-sub.svelte";
33
export { default as Item } from "$lib/bits/menu/components/menu-item.svelte";
44
export { default as Group } from "$lib/bits/menu/components/menu-group.svelte";
5-
export { default as GroupLabel } from "$lib/bits/menu/components/menu-group-label.svelte";
5+
export { default as GroupHeading } from "$lib/bits/menu/components/menu-group-label.svelte";
66
export { default as Arrow } from "$lib/bits/menu/components/menu-arrow.svelte";
77
export { default as Content } from "./components/dropdown-menu-content.svelte";
88
export { default as ContentStatic } from "./components/dropdown-menu-content-static.svelte";
@@ -22,7 +22,7 @@ export type {
2222
DropdownMenuContentStaticProps as ContentStaticProps,
2323
DropdownMenuGroupProps as GroupProps,
2424
DropdownMenuItemProps as ItemProps,
25-
DropdownMenuGroupLabelProps as GroupLabelProps,
25+
DropdownMenuGroupHeadingProps as GroupHeadingProps,
2626
DropdownMenuRootProps as RootProps,
2727
DropdownMenuRadioGroupProps as RadioGroupProps,
2828
DropdownMenuRadioItemProps as RadioItemProps,

‎packages/bits-ui/src/lib/bits/dropdown-menu/types.ts

+2-2
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,7 @@ export type {
55
ContentStaticProps as DropdownMenuContentStaticProps,
66
GroupProps as DropdownMenuGroupProps,
77
ItemProps as DropdownMenuItemProps,
8-
GroupLabelProps as DropdownMenuGroupLabelProps,
8+
GroupHeadingProps as DropdownMenuGroupHeadingProps,
99
RootProps as DropdownMenuRootProps,
1010
RadioGroupProps as DropdownMenuRadioGroupProps,
1111
RadioItemProps as DropdownMenuRadioItemProps,
@@ -25,7 +25,7 @@ export type {
2525
MenuContentStaticPropsWithoutHTML as DropdownMenuContentStaticPropsWithoutHTML,
2626
MenuGroupPropsWithoutHTML as DropdownMenuGroupPropsWithoutHTML,
2727
MenuItemPropsWithoutHTML as DropdownMenuItemPropsWithoutHTML,
28-
MenuGroupLabelPropsWithoutHTML as DropdownMenuLabelPropsWithoutHTML,
28+
MenuGroupHeadingPropsWithoutHTML as DropdownMenuGroupHeadingPropsWithoutHTML,
2929
MenuRadioGroupPropsWithoutHTML as DropdownMenuRadioGroupPropsWithoutHTML,
3030
MenuRadioItemPropsWithoutHTML as DropdownMenuRadioItemPropsWithoutHTML,
3131
MenuSeparatorPropsWithoutHTML as DropdownMenuSeparatorPropsWithoutHTML,

‎packages/bits-ui/src/lib/bits/link-preview/components/link-preview-content.svelte

+2-2
Original file line numberDiff line numberDiff line change
@@ -76,8 +76,8 @@
7676
"var(--bits-floating-available-width)",
7777
"--bits-link-preview-content-available-height":
7878
"var(--bits-floating-available-height)",
79-
"--bits-link-preview-trigger-width": "var(--bits-floating-anchor-width)",
80-
"--bits-link-preview-trigger-height": "var(--bits-floating-anchor-height)",
79+
"--bits-link-preview-anchor-width": "var(--bits-floating-anchor-width)",
80+
"--bits-link-preview-anchor-height": "var(--bits-floating-anchor-height)",
8181
},
8282
})}
8383
{#if child}

‎packages/bits-ui/src/lib/bits/listbox/components/listbox-content.svelte

+2-2
Original file line numberDiff line numberDiff line change
@@ -61,8 +61,8 @@
6161
"--bits-listbox-content-transform-origin": "var(--bits-floating-transform-origin)",
6262
"--bits-listbox-content-available-width": "var(--bits-floating-available-width)",
6363
"--bits-listbox-content-available-height": "var(--bits-floating-available-height)",
64-
"--bits-listbox-trigger-width": "var(--bits-floating-anchor-width)",
65-
"--bits-listbox-trigger-height": "var(--bits-floating-anchor-height)",
64+
"--bits-listbox-anchor-width": "var(--bits-floating-anchor-width)",
65+
"--bits-listbox-anchor-height": "var(--bits-floating-anchor-height)",
6666
...contentState.props.style,
6767
},
6868
})}

‎packages/bits-ui/src/lib/bits/listbox/components/listbox-group-label.svelte

+5-5
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
<script lang="ts">
22
import { box } from "svelte-toolbelt";
3-
import type { GroupLabelProps } from "../index.js";
4-
import { useListboxGroupLabel } from "../listbox.svelte.js";
3+
import type { GroupHeadingProps } from "../index.js";
4+
import { useListboxGroupHeading } from "../listbox.svelte.js";
55
import { useId } from "$lib/internal/useId.js";
66
import { mergeProps } from "$lib/internal/mergeProps.js";
77
@@ -11,17 +11,17 @@
1111
child,
1212
children,
1313
...restProps
14-
}: GroupLabelProps = $props();
14+
}: GroupHeadingProps = $props();
1515
16-
const groupLabelState = useListboxGroupLabel({
16+
const groupHeadingState = useListboxGroupHeading({
1717
id: box.with(() => id),
1818
ref: box.with(
1919
() => ref,
2020
(v) => (ref = v)
2121
),
2222
});
2323
24-
const mergedProps = $derived(mergeProps(restProps, groupLabelState.props));
24+
const mergedProps = $derived(mergeProps(restProps, groupHeadingState.props));
2525
</script>
2626

2727
{#if child}

‎packages/bits-ui/src/lib/bits/listbox/index.ts

+2-2
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@ export { default as Content } from "./components/listbox-content.svelte";
33
export { default as ContentStatic } from "./components/listbox-content-static.svelte";
44
export { default as Item } from "./components/listbox-item.svelte";
55
export { default as Group } from "./components/listbox-group.svelte";
6-
export { default as GroupLabel } from "./components/listbox-group-label.svelte";
6+
export { default as GroupHeading } from "./components/listbox-group-label.svelte";
77
export { default as Label } from "./components/listbox-label.svelte";
88
export { default as Trigger } from "./components/listbox-trigger.svelte";
99
export { default as Portal } from "$lib/bits/utilities/portal/portal.svelte";
@@ -17,7 +17,7 @@ export type {
1717
ListboxContentStaticProps as ContentStaticProps,
1818
ListboxItemProps as ItemProps,
1919
ListboxGroupProps as GroupProps,
20-
ListboxGroupLabelProps as GroupLabelProps,
20+
ListboxGroupHeadingProps as GroupHeadingProps,
2121
ListboxTriggerProps as TriggerProps,
2222
ListboxViewportProps as ViewportProps,
2323
ListboxScrollUpButtonProps as ScrollUpButtonProps,

‎packages/bits-ui/src/lib/bits/listbox/listbox.svelte.ts

+16-13
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,6 @@
11
import { Previous } from "runed";
22
import { untrack } from "svelte";
3+
import { styleToString } from "svelte-toolbelt";
34
import type { InteractOutsideEvent } from "../utilities/dismissable-layer/types.js";
45
import { afterTick } from "$lib/internal/afterTick.js";
56
import { backward, forward, next, prev } from "$lib/internal/arrays.js";
@@ -19,6 +20,7 @@ import { useRefById } from "$lib/internal/useRefById.svelte.js";
1920
import { noop } from "$lib/internal/callbacks.js";
2021
import { addEventListener } from "$lib/internal/events.js";
2122
import { type Typeahead, useTypeahead } from "$lib/internal/useTypeahead.svelte.js";
23+
import { srOnlyStyles } from "$lib/internal/style.js";
2224

2325
// prettier-ignore
2426
export const INTERACTION_KEYS = [kbd.ARROW_LEFT, kbd.ESCAPE, kbd.ARROW_RIGHT, kbd.SHIFT, kbd.CAPS_LOCK, kbd.CONTROL, kbd.ALT, kbd.META, kbd.ENTER, kbd.F1, kbd.F2, kbd.F3, kbd.F4, kbd.F5, kbd.F6, kbd.F7, kbd.F8, kbd.F9, kbd.F10, kbd.F11, kbd.F12];
@@ -676,16 +678,16 @@ class ListboxContentState {
676678
"--bits-combobox-content-transform-origin": "var(--bits-floating-transform-origin)",
677679
"--bits-combobox-content-available-width": "var(--bits-floating-available-width)",
678680
"--bits-combobox-content-available-height": "var(--bits-floating-available-height)",
679-
"--bits-combobox-trigger-width": "var(--bits-floating-anchor-width)",
680-
"--bits-combobox-trigger-height": "var(--bits-floating-anchor-height)",
681+
"--bits-combobox-anchor-width": "var(--bits-floating-anchor-width)",
682+
"--bits-combobox-anchor-height": "var(--bits-floating-anchor-height)",
681683
};
682684
} else {
683685
return {
684686
"--bits-listbox-content-transform-origin": "var(--bits-floating-transform-origin)",
685687
"--bits-listbox-content-available-width": "var(--bits-floating-available-width)",
686688
"--bits-listbox-content-available-height": "var(--bits-floating-available-height)",
687-
"--bits-listbox-trigger-width": "var(--bits-floating-anchor-width)",
688-
"--bits-listbox-trigger-height": "var(--bits-floating-anchor-height)",
689+
"--bits-listbox-anchor-width": "var(--bits-floating-anchor-width)",
690+
"--bits-listbox-anchor-height": "var(--bits-floating-anchor-height)",
689691
};
690692
}
691693
});
@@ -856,19 +858,19 @@ class ListboxGroupState {
856858
}) as const
857859
);
858860

859-
createGroupLabel(props: ListboxGroupLabelStateProps) {
860-
return new ListboxGroupLabelState(props, this);
861+
createGroupHeading(props: ListboxGroupHeadingStateProps) {
862+
return new ListboxGroupHeadingState(props, this);
861863
}
862864
}
863865

864-
type ListboxGroupLabelStateProps = WithRefProps;
866+
type ListboxGroupHeadingStateProps = WithRefProps;
865867

866-
class ListboxGroupLabelState {
867-
#id: ListboxGroupLabelStateProps["id"];
868-
#ref: ListboxGroupLabelStateProps["ref"];
868+
class ListboxGroupHeadingState {
869+
#id: ListboxGroupHeadingStateProps["id"];
870+
#ref: ListboxGroupHeadingStateProps["ref"];
869871
group: ListboxGroupState;
870872

871-
constructor(props: ListboxGroupLabelStateProps, group: ListboxGroupState) {
873+
constructor(props: ListboxGroupHeadingStateProps, group: ListboxGroupState) {
872874
this.#id = props.id;
873875
this.#ref = props.ref;
874876
this.group = group;
@@ -913,6 +915,7 @@ class ListboxHiddenInputState {
913915
name: this.root.name.current,
914916
value: this.#value.current,
915917
"aria-hidden": getAriaHidden(true),
918+
style: styleToString(srOnlyStyles),
916919
}) as const
917920
);
918921
}
@@ -1218,8 +1221,8 @@ export function useListboxGroup(props: ListboxGroupStateProps) {
12181221
return setListboxGroupContext(getListboxRootContext().createGroup(props));
12191222
}
12201223

1221-
export function useListboxGroupLabel(props: ListboxGroupLabelStateProps) {
1222-
return getListboxGroupContext().createGroupLabel(props);
1224+
export function useListboxGroupHeading(props: ListboxGroupHeadingStateProps) {
1225+
return getListboxGroupContext().createGroupHeading(props);
12231226
}
12241227

12251228
export function useListboxHiddenInput(props: ListboxHiddenInputStateProps) {

‎packages/bits-ui/src/lib/bits/listbox/types.ts

+3-3
Original file line numberDiff line numberDiff line change
@@ -198,10 +198,10 @@ export type ListboxGroupPropsWithoutHTML = WithChild;
198198
export type ListboxGroupProps = ListboxGroupPropsWithoutHTML &
199199
Without<PrimitiveDivAttributes, ListboxGroupPropsWithoutHTML>;
200200

201-
export type ListboxGroupLabelPropsWithoutHTML = WithChild;
201+
export type ListboxGroupHeadingPropsWithoutHTML = WithChild;
202202

203-
export type ListboxGroupLabelProps = ListboxGroupLabelPropsWithoutHTML &
204-
Without<PrimitiveDivAttributes, ListboxGroupLabelPropsWithoutHTML>;
203+
export type ListboxGroupHeadingProps = ListboxGroupHeadingPropsWithoutHTML &
204+
Without<PrimitiveDivAttributes, ListboxGroupHeadingPropsWithoutHTML>;
205205

206206
export type ListboxSeparatorPropsWithoutHTML = WithChild;
207207

‎packages/bits-ui/src/lib/bits/menu/components/menu-content.svelte

+2-2
Original file line numberDiff line numberDiff line change
@@ -76,8 +76,8 @@
7676
"--bits-menu-content-transform-origin": "var(--bits-floating-transform-origin)",
7777
"--bits-menu-content-available-width": "var(--bits-floating-available-width)",
7878
"--bits-menu-content-available-height": "var(--bits-floating-available-height)",
79-
"--bits-menu-trigger-width": "var(--bits-floating-anchor-width)",
80-
"--bits-menu-trigger-height": "var(--bits-floating-anchor-height)",
79+
"--bits-menu-anchor-width": "var(--bits-floating-anchor-width)",
80+
"--bits-menu-anchor-height": "var(--bits-floating-anchor-height)",
8181
},
8282
})}
8383
{#if child}

‎packages/bits-ui/src/lib/bits/menu/components/menu-group-label.svelte

+5-5
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
<script lang="ts">
22
import { box } from "svelte-toolbelt";
3-
import type { GroupLabelProps } from "../index.js";
4-
import { useMenuGroupLabel } from "../menu.svelte.js";
3+
import type { GroupHeadingProps } from "../index.js";
4+
import { useMenuGroupHeading } from "../menu.svelte.js";
55
import { mergeProps } from "$lib/internal/mergeProps.js";
66
import { useId } from "$lib/internal/useId.js";
77
@@ -11,16 +11,16 @@
1111
ref = $bindable(null),
1212
id = useId(),
1313
...restProps
14-
}: GroupLabelProps = $props();
14+
}: GroupHeadingProps = $props();
1515
16-
const groupLabelState = useMenuGroupLabel({
16+
const groupHeadingState = useMenuGroupHeading({
1717
id: box.with(() => id),
1818
ref: box.with(
1919
() => ref,
2020
(v) => (ref = v)
2121
),
2222
});
23-
const mergedProps = $derived(mergeProps(restProps, groupLabelState.props));
23+
const mergedProps = $derived(mergeProps(restProps, groupHeadingState.props));
2424
</script>
2525

2626
{#if child}

0 commit comments

Comments
 (0)