diff --git a/src/lib/components/listbox/Listbox.svelte b/src/lib/components/listbox/Listbox.svelte
index e9e0616..d316997 100644
--- a/src/lib/components/listbox/Listbox.svelte
+++ b/src/lib/components/listbox/Listbox.svelte
@@ -216,16 +216,16 @@
$buttonRef?.focus({ preventScroll: true });
}
}
- $: slot = { open: listboxState === ListboxStates.Open };
+ $: slotProps = { open: listboxState === ListboxStates.Open };
-
+
diff --git a/src/lib/components/listbox/ListboxButton.svelte b/src/lib/components/listbox/ListboxButton.svelte
index 94229ff..f1e9deb 100644
--- a/src/lib/components/listbox/ListboxButton.svelte
+++ b/src/lib/components/listbox/ListboxButton.svelte
@@ -82,7 +82,7 @@
disabled: $api.disabled === true ? true : undefined,
};
- $: slot = {
+ $: slotProps = {
open: $api.listboxState === ListboxStates.Open,
disabled: $api.disabled,
};
@@ -92,7 +92,7 @@
{...$$restProps}
{...propsWeControl}
{as}
- {slot}
+ {slotProps}
use={[...use, forwardEvents]}
name={"ListboxButton"}
bind:el={$buttonRef}
@@ -100,5 +100,5 @@
on:keydown={handleKeyDown}
on:keyup={handleKeyUp}
>
-
+
diff --git a/src/lib/components/listbox/ListboxLabel.svelte b/src/lib/components/listbox/ListboxLabel.svelte
index 2402dcd..91b22e6 100644
--- a/src/lib/components/listbox/ListboxLabel.svelte
+++ b/src/lib/components/listbox/ListboxLabel.svelte
@@ -21,7 +21,7 @@
$buttonRef?.focus({ preventScroll: true });
}
- $: slot = {
+ $: slotProps = {
open: $api.listboxState === ListboxStates.Open,
disabled: $api.disabled,
};
@@ -31,11 +31,11 @@
{...$$restProps}
{id}
{as}
- {slot}
+ {slotProps}
use={[...use, forwardEvents]}
name={"ListboxLabel"}
bind:el={$labelRef}
on:click={handleClick}
>
-
+
diff --git a/src/lib/components/listbox/ListboxOption.svelte b/src/lib/components/listbox/ListboxOption.svelte
index c41a69d..e32f22a 100644
--- a/src/lib/components/listbox/ListboxOption.svelte
+++ b/src/lib/components/listbox/ListboxOption.svelte
@@ -103,14 +103,14 @@
"aria-selected": selected === true ? selected : undefined,
};
- $: slot = { active, selected, disabled };
+ $: slotProps = { active, selected, disabled };
-
+
diff --git a/src/lib/components/listbox/ListboxOptions.svelte b/src/lib/components/listbox/ListboxOptions.svelte
index 8d1d58b..5839a85 100644
--- a/src/lib/components/listbox/ListboxOptions.svelte
+++ b/src/lib/components/listbox/ListboxOptions.svelte
@@ -117,7 +117,7 @@
? $usesOpenClosedState === State.Open
: $api.listboxState === ListboxStates.Open;
- $: slot = { open: $api.listboxState === ListboxStates.Open };
+ $: slotProps = { open: $api.listboxState === ListboxStates.Open };
{#if visible}
@@ -125,12 +125,12 @@
{...$$restProps}
{...propsWeControl}
{as}
- {slot}
+ {slotProps}
use={[...use, forwardEvents]}
name={"ListboxOptions"}
bind:el={$optionsRef}
on:keydown={handleKeyDown}
>
-
+
{/if}
diff --git a/src/lib/components/menu/MenuButton.svelte b/src/lib/components/menu/MenuButton.svelte
index cebca3c..169de91 100644
--- a/src/lib/components/menu/MenuButton.svelte
+++ b/src/lib/components/menu/MenuButton.svelte
@@ -81,13 +81,13 @@
"aria-expanded": disabled ? undefined : $api.menuState === MenuStates.Open,
};
- $: slot = { open: $api.menuState === MenuStates.Open };
+ $: slotProps = { open: $api.menuState === MenuStates.Open };
-
+
diff --git a/src/lib/components/menu/MenuItem.svelte b/src/lib/components/menu/MenuItem.svelte
index 6bc35fa..6d56ff0 100644
--- a/src/lib/components/menu/MenuItem.svelte
+++ b/src/lib/components/menu/MenuItem.svelte
@@ -72,14 +72,14 @@
"aria-disabled": disabled === true ? true : undefined,
};
- $: slot = { active, disabled };
+ $: slotProps = { active, disabled };
-
+
diff --git a/src/lib/components/menu/MenuItems.svelte b/src/lib/components/menu/MenuItems.svelte
index 9c59dbe..f9a4432 100644
--- a/src/lib/components/menu/MenuItems.svelte
+++ b/src/lib/components/menu/MenuItems.svelte
@@ -135,20 +135,20 @@
role: "menu",
tabIndex: 0,
};
- $: slot = { open: $api.menuState === MenuStates.Open };
+ $: slotProps = { open: $api.menuState === MenuStates.Open };
{#if visible}
-
+
{/if}
diff --git a/src/lib/components/switch/Switch.svelte b/src/lib/components/switch/Switch.svelte
index 8181fca..52dc2cd 100644
--- a/src/lib/components/switch/Switch.svelte
+++ b/src/lib/components/switch/Switch.svelte
@@ -55,7 +55,7 @@
"aria-describedby": $descriptionContext?.descriptionIds,
};
- $: slot = { checked };
+ $: slotProps = { checked };
@@ -63,7 +63,7 @@
-
+
{:else}
-
+
{/if}
diff --git a/src/lib/utils/Render.svelte b/src/lib/utils/Render.svelte
index bc8a52b..d3507d3 100644
--- a/src/lib/utils/Render.svelte
+++ b/src/lib/utils/Render.svelte
@@ -19,7 +19,7 @@
export let as: SvelteComponent | SupportedElement;
export let el: HTMLElement | null = null;
export let use: ActionArray = [];
- export let slot: unknown = {};
+ export let slotProps: unknown = {};
const forwardEvents = forwardEventsBuilder(get_current_component());
if (!as) {
@@ -41,7 +41,7 @@
bind:el
use={[...use, forwardEvents]}
{...$$restProps}
- class={typeof classStyle === "function" ? classStyle(slot) : classStyle}
+ class={typeof classStyle === "function" ? classStyle(slotProps) : classStyle}
>