svelte-multiselect 11.2.2 → 11.2.3

package/dist/CmdPalette.svelte.d.ts

@@ -14,6 +14,6 @@ interface Props extends Omit<MultiSelectProps<Action>, `options`> {
     input?: HTMLInputElement | null;
     placeholder?: string;
 }
-declare const CmdPalette: import("svelte").Component<Props, {}, "dialog" | "input" | "open">;
+declare const CmdPalette: import("svelte").Component<Props, {}, "open" | "input" | "dialog">;
 type CmdPalette = ReturnType<typeof CmdPalette>;
 export default CmdPalette;

package/dist/CopyButton.svelte

@@ -9,15 +9,14 @@ $effect(() => {
     if (!global && !global_selector)
         return;
     const apply_copy_buttons = () => {
-        const button_style = typeof global === `string`
-            ? global
-            : `position: absolute; top: 9pt; right: 9pt;`;
+        const btn_style = `position: absolute; top: 9pt; right: 9pt; ${rest.style ?? ``}`;
         for (const code of document.querySelectorAll(global_selector ?? `pre > code`)) {
             const pre = code.parentElement;
+            const content = code.textContent ?? ``;
             if (pre && !(skip_selector && pre.querySelector(skip_selector))) {
                 mount(CopyButton, {
                     target: pre,
-                    props: { content: code.textContent ?? ``, style: button_style },
+                    props: { content, as, labels, ...rest, style: btn_style },
                 });
             }
         }

package/dist/CopyButton.svelte.d.ts

@@ -6,7 +6,7 @@ interface Props {
     content?: string;
     state?: State;
     global_selector?: string | null;
-    global?: boolean | string;
+    global?: boolean;
     skip_selector?: string | null;
     as?: string;
     labels?: Record<State, {

package/dist/MultiSelect.svelte

@@ -2,7 +2,7 @@
 import { tick } from 'svelte';
 import { flip } from 'svelte/animate';
 import { get_label, get_style, highlight_matching_nodes } from './utils';
-let { activeIndex = $bindable(null), activeOption = $bindable(null), createOptionMsg = `Create this option...`, allowUserOptions = false, allowEmpty = false, autocomplete = `off`, autoScroll = true, breakpoint = 800, defaultDisabledTitle = `This option is disabled`, disabled = false, disabledInputTitle = `This input is disabled`, duplicateOptionMsg = `This option is already selected`, duplicates = false, key = (opt) => `${get_label(opt)}`.toLowerCase(), filterFunc = (opt, searchText) => {
+let { activeIndex = $bindable(null), activeOption = $bindable(null), createOptionMsg = `Create this option...`, allowUserOptions = false, allowEmpty = false, autocomplete = `off`, autoScroll = true, breakpoint = 800, defaultDisabledTitle = `This option is disabled`, disabled = false, disabledInputTitle = `This input is disabled`, duplicateOptionMsg = `This option is already selected`, duplicates = false, keepSelectedInDropdown = false, key = (opt) => `${get_label(opt)}`.toLowerCase(), filterFunc = (opt, searchText) => {
     if (!searchText)
         return true;
     return `${get_label(opt)}`.toLowerCase().includes(searchText.toLowerCase());
@@ -62,7 +62,9 @@ let window_width = $state(0);
 $effect.pre(() => {
     matchingOptions = options.filter((opt) => filterFunc(opt, searchText) &&
         // remove already selected options from dropdown list unless duplicate selections are allowed
-        (!selected.map(key).includes(key(opt)) || duplicates));
+        // or keepSelectedInDropdown is enabled
+        (!selected.map(key).includes(key(opt)) || duplicates ||
+            keepSelectedInDropdown));
 });
 // raise if matchingOptions[activeIndex] does not yield a value
 if (activeIndex !== null && !matchingOptions[activeIndex]) {
@@ -72,6 +74,17 @@ if (activeIndex !== null && !matchingOptions[activeIndex]) {
 $effect(() => {
     activeOption = matchingOptions[activeIndex ?? -1] ?? null;
 });
+// toggle an option between selected and unselected states (for keepSelectedInDropdown mode)
+function toggle_option(option_to_toggle, event) {
+    const is_currently_selected = selected.map(key).includes(key(option_to_toggle));
+    if (is_currently_selected) {
+        if (minSelect === null || selected.length > minSelect) { // Only remove if it wouldn't violate minSelect
+            remove(option_to_toggle, event);
+        }
+    }
+    else
+        add(option_to_toggle, event);
+}
 // add an option to selected list
 function add(option_to_add, event) {
     event.stopPropagation();
@@ -115,10 +128,9 @@ function add(option_to_add, event) {
             console.error(`MultiSelect: encountered falsy option ${option_to_add}`);
             return;
         }
-        if (maxSelect === 1) {
-            // for maxSelect = 1 we always replace current option with new one
+        // for maxSelect = 1 we always replace current option with new one
+        if (maxSelect === 1)
             selected = [option_to_add];
-        }
         else {
             selected = [...selected, option_to_add];
             if (sortSelected === true) {
@@ -132,7 +144,7 @@ function add(option_to_add, event) {
                 selected = selected.sort(sortSelected);
             }
         }
-        const reached_max_select = selected.length === maxSelect;
+        const reached_max_select = selected.length >= (maxSelect ?? Infinity);
         const dropdown_should_close = closeDropdownOnSelect === true ||
             closeDropdownOnSelect === `retain-focus` ||
             (closeDropdownOnSelect === `if-mobile` && window_width &&
@@ -141,9 +153,8 @@ function add(option_to_add, event) {
         if (reached_max_select || dropdown_should_close) {
             close_dropdown(event, should_retain_focus);
         }
-        else if (!dropdown_should_close) {
+        else if (!dropdown_should_close)
             input?.focus();
-        }
         onadd?.({ option: option_to_add });
         onchange?.({ option: option_to_add, type: `add` });
         invalid = false; // reset error status whenever new items are selected
@@ -203,8 +214,12 @@ async function handle_keydown(event) {
         event.stopPropagation();
         event.preventDefault(); // prevent enter key from triggering form submission
         if (activeOption) {
-            if (selected.includes(activeOption))
-                remove(activeOption, event);
+            if (selected.includes(activeOption)) {
+                // Only remove if it wouldn't violate minSelect
+                if (minSelect === null || selected.length > minSelect) {
+                    remove(activeOption, event);
+                }
+            }
             else
                 add(activeOption, event);
             searchText = ``;
@@ -256,8 +271,11 @@ async function handle_keydown(event) {
     } // on backspace key: remove last selected option
     else if (event.key === `Backspace` && selected.length > 0 && !searchText) {
         event.stopPropagation();
+        // Only remove option if it wouldn't violate minSelect
+        if (minSelect === null || selected.length > minSelect) {
+            remove(selected.at(-1), event);
+        }
         // Don't prevent default, allow normal backspace behavior if not removing
-        remove(selected.at(-1), event);
     } // make first matching option active on any keypress (if none of the above special cases match)
     else if (matchingOptions.length > 0 && activeIndex === null) {
         // Don't stop propagation or prevent default here, allow normal character input
@@ -266,11 +284,23 @@ async function handle_keydown(event) {
 }
 function remove_all(event) {
     event.stopPropagation();
-    selected = []; // Set selected first
-    searchText = ``;
-    // Now trigger change events
-    onremoveAll?.({ options: selected });
+    // Keep the first minSelect items, remove the rest
+    let removed_options = [];
+    if (minSelect === null) {
+        // If no minSelect constraint, remove all
+        removed_options = selected;
+        selected = [];
+        searchText = ``;
+    }
+    else if (selected.length > minSelect) {
+        // Keep the first minSelect items
+        removed_options = selected.slice(minSelect);
+        selected = selected.slice(0, minSelect);
+        searchText = ``;
+    }
+    onremoveAll?.({ options: removed_options });
     onchange?.({ options: selected, type: `removeAll` });
+    // If selected.length <= minSelect, do nothing (can't remove any more)
 }
 let is_selected = $derived((label) => selected.map(get_label).includes(label));
 const if_enter_or_space = (handler) => (event) => {
@@ -312,6 +342,17 @@ const dragstart = (idx) => (event) => {
     event.dataTransfer.setData(`text/plain`, `${idx}`);
 };
 let ul_options = $state();
+// Update highlights whenever search text changes (after ul_options is available)
+$effect(() => {
+    if (ul_options && highlightMatches) {
+        if (searchText) {
+            highlight_matching_nodes(ul_options, searchText, noMatchingOptionsMsg);
+        }
+        else if (typeof CSS !== `undefined` && CSS.highlights) {
+            CSS.highlights.delete?.(`sms-search-matches`); // Clear highlights when search text is empty
+        }
+    }
+});
 // highlight text matching user-entered search text in available options
 function highlight_matching_options(event) {
     if (!highlightMatches || !ul_options)
@@ -581,6 +622,7 @@ function portal(node, params) {
         width="14pt"
         style="margin: 0 2pt"
         data-name="disabled-icon"
+        aria-disabled="true"
       />
     {/if}
   {:else if selected.length > 0}
@@ -641,7 +683,9 @@ function portal(node, params) {
         null}
         <li
           onclick={(event) => {
-            if (!disabled) add(optionItem, event)
+            if (disabled) return
+            if (keepSelectedInDropdown) toggle_option(optionItem, event)
+            else add(optionItem, event)
           }}
           title={disabled ? disabledTitle : (is_selected(label) && selectedTitle) || title}
           class:selected={is_selected(label)}
@@ -660,10 +704,20 @@ function portal(node, params) {
           onkeydown={(event) => {
             if (!disabled && (event.key === `Enter` || event.code === `Space`)) {
               event.preventDefault()
-              add(optionItem, event)
+              if (keepSelectedInDropdown) toggle_option(optionItem, event)
+              else add(optionItem, event)
             }
           }}
         >
+          {#if keepSelectedInDropdown === `checkboxes`}
+            <input
+              type="checkbox"
+              class="option-checkbox"
+              checked={is_selected(label)}
+              aria-label="Toggle {get_label(optionItem)}"
+              tabindex="-1"
+            />
+          {/if}
           {#if option}
             {@render option({
           option: optionItem,
@@ -895,11 +949,13 @@ function portal(node, params) {
     visibility: hidden;
     opacity: 0;
     transform: translateY(50px);
+    pointer-events: none;
   }
   ul.options > li {
-    padding: 3pt 2ex;
+    padding: 3pt 1ex;
     cursor: pointer;
     scroll-margin: var(--sms-options-scroll-margin, 100px);
+    border-left: 3px solid transparent;
   }
   ul.options .user-msg {
     /* block needed so vertical padding applies to span */
@@ -907,8 +963,11 @@ function portal(node, params) {
     padding: 3pt 2ex;
   }
   ul.options > li.selected {
-    background: var(--sms-li-selected-bg);
-    color: var(--sms-li-selected-color);
+    background: var(--sms-li-selected-plain-bg, rgba(0, 123, 255, 0.1));
+    border-left: var(
+      --sms-li-selected-plain-border,
+      3px solid var(--sms-active-color, cornflowerblue)
+    );
   }
   ul.options > li.active {
     background: var(--sms-li-active-bg, var(--sms-active-color, rgba(0, 0, 0, 0.15)));
@@ -918,7 +977,13 @@ function portal(node, params) {
     background: var(--sms-li-disabled-bg, #f5f5f6);
     color: var(--sms-li-disabled-text, #b8b8b8);
   }
-
+  /* Checkbox styling for keepSelectedInDropdown='checkboxes' mode */
+  ul.options > li > input.option-checkbox {
+    width: 16px;
+    height: 16px;
+    margin-right: 6px;
+    accent-color: var(--sms-active-color, cornflowerblue);
+  }
   :is(span.max-select-msg) {
     padding: 0 3pt;
   }

package/dist/MultiSelect.svelte.d.ts

@@ -1,9 +1,16 @@
 import type { MultiSelectProps, Option as T } from './types';
+declare function $$render<Option extends T>(): {
+    props: MultiSelectProps;
+    exports: {};
+    bindings: "value" | "selected" | "invalid" | "open" | "activeIndex" | "activeOption" | "form_input" | "input" | "matchingOptions" | "options" | "outerDiv" | "searchText";
+    slots: {};
+    events: {};
+};
 declare class __sveltets_Render<Option extends T> {
-    props(): MultiSelectProps<T>;
-    events(): {};
-    slots(): {};
-    bindings(): "input" | "invalid" | "open" | "value" | "selected" | "activeIndex" | "activeOption" | "form_input" | "matchingOptions" | "options" | "outerDiv" | "searchText";
+    props(): ReturnType<typeof $$render<Option>>['props'];
+    events(): ReturnType<typeof $$render<Option>>['events'];
+    slots(): ReturnType<typeof $$render<Option>>['slots'];
+    bindings(): "value" | "selected" | "invalid" | "open" | "activeIndex" | "activeOption" | "form_input" | "input" | "matchingOptions" | "options" | "outerDiv" | "searchText";
     exports(): {};
 }
 interface $$IsomorphicComponent {

package/dist/PrevNext.svelte.d.ts

@@ -1,38 +1,45 @@
 import type { Snippet } from 'svelte';
 export type Item = string | [string, unknown];
-declare class __sveltets_Render<T extends Item> {
-    props(): {
+declare function $$render<T extends Item>(): {
+    props: {
         [key: string]: unknown;
-        items?: T[] | undefined;
+        items?: T[];
         node?: string;
         current?: string;
         log?: `verbose` | `errors` | `silent`;
         nav_options?: {
             replace_state: boolean;
             no_scroll: boolean;
-        } | undefined;
+        };
         titles?: {
             prev: string;
             next: string;
-        } | undefined;
+        };
         onkeyup?: ((obj: {
             prev: Item;
             next: Item;
-        }) => Record<string, string>) | null | undefined;
+        }) => Record<string, string>) | null;
         prev_snippet?: Snippet<[{
             item: Item;
-        }]> | undefined;
+        }]>;
         children?: Snippet<[{
             kind: `prev` | `next`;
             item: Item;
-        }]> | undefined;
+        }]>;
         between?: Snippet<[]>;
         next_snippet?: Snippet<[{
             item: Item;
-        }]> | undefined;
+        }]>;
     };
-    events(): {};
-    slots(): {};
+    exports: {};
+    bindings: "";
+    slots: {};
+    events: {};
+};
+declare class __sveltets_Render<T extends Item> {
+    props(): ReturnType<typeof $$render<T>>['props'];
+    events(): ReturnType<typeof $$render<T>>['events'];
+    slots(): ReturnType<typeof $$render<T>>['slots'];
     bindings(): "";
     exports(): {};
 }

package/dist/RadioButtons.svelte.d.ts

@@ -3,8 +3,8 @@ type GenericOption = string | number | {
     value: unknown;
     label: string | number;
 };
-declare class __sveltets_Render<Option extends GenericOption> {
-    props(): {
+declare function $$render<Option extends GenericOption>(): {
+    props: {
         [key: string]: unknown;
         options: Option[];
         selected?: string | number | null;
@@ -13,22 +13,29 @@ declare class __sveltets_Render<Option extends GenericOption> {
         disabled?: boolean;
         required?: boolean;
         aria_label?: string | null;
-        onclick?: ((event: MouseEvent) => void) | undefined;
-        onchange?: ((event: Event) => void) | undefined;
-        oninput?: ((event: Event) => void) | undefined;
+        onclick?: (event: MouseEvent) => void;
+        onchange?: (event: Event) => void;
+        oninput?: (event: Event) => void;
         option_snippet?: Snippet<[{
             option: Option;
             selected: boolean;
             active: boolean;
-        }]> | undefined;
+        }]>;
         children?: Snippet<[{
             option: Option;
             selected: boolean;
             active: boolean;
-        }]> | undefined;
+        }]>;
     };
-    events(): {};
-    slots(): {};
+    exports: {};
+    bindings: "selected";
+    slots: {};
+    events: {};
+};
+declare class __sveltets_Render<Option extends GenericOption> {
+    props(): ReturnType<typeof $$render<Option>>['props'];
+    events(): ReturnType<typeof $$render<Option>>['events'];
+    slots(): ReturnType<typeof $$render<Option>>['slots'];
     bindings(): "selected";
     exports(): {};
 }

package/dist/attachments.js

@@ -7,7 +7,7 @@ export const draggable = (options = {}) => (element) => {
     // Use simple variables for maximum performance
     let dragging = false;
     let start = { x: 0, y: 0 };
-    const initial = { left: 0, top: 0, width: 0 };
+    const initial = { left: 0, top: 0 };
     const handle = options.handle_selector
         ? node.querySelector(options.handle_selector)
         : node;
@@ -26,17 +26,14 @@ export const draggable = (options = {}) => (element) => {
             const rect = node.getBoundingClientRect();
             initial.left = rect.left;
             initial.top = rect.top;
-            initial.width = rect.width;
         }
         else {
             // For other positioning, use offset values
             initial.left = node.offsetLeft;
             initial.top = node.offsetTop;
-            initial.width = node.offsetWidth;
         }
         node.style.left = `${initial.left}px`;
         node.style.top = `${initial.top}px`;
-        node.style.width = `${initial.width}px`;
         node.style.right = `auto`; // Prevent conflict with left
         start = { x: event.clientX, y: event.clientY };
         document.body.style.userSelect = `none`; // Prevent text selection during drag
@@ -240,19 +237,76 @@ export const tooltip = (options = {}) => (node) => {
             show_timeout = setTimeout(() => {
                 const tooltip = document.createElement(`div`);
                 tooltip.className = `custom-tooltip`;
+                const placement = safe_options.placement || `bottom`;
+                tooltip.setAttribute(`data-placement`, placement);
                 tooltip.style.cssText = `
           position: absolute; z-index: 9999; opacity: 0;
-          background: var(--tooltip-bg); color: var(--text-color); border: var(--tooltip-border);
-          padding: 6px 10px; border-radius: 6px; font-size: 13px; line-height: 1.4;
-          max-width: 280px; word-wrap: break-word; pointer-events: none;
-          filter: drop-shadow(0 2px 8px rgba(0,0,0,0.25)); transition: opacity 0.15s ease-out;
+          background: var(--tooltip-bg, #333); color: var(--text-color, white); border: var(--tooltip-border, none);
+          padding: var(--tooltip-padding, 6px 10px); border-radius: var(--tooltip-radius, 6px); font-size: var(--tooltip-font-size, 13px); line-height: 1.4;
+          max-width: var(--tooltip-max-width, 280px); word-wrap: break-word; pointer-events: none;
+          filter: var(--tooltip-shadow, drop-shadow(0 2px 8px rgba(0,0,0,0.25))); transition: opacity 0.15s ease-out;
         `;
                 tooltip.innerHTML = content?.replace(/\r/g, `<br/>`) ?? ``;
+                // Mirror CSS custom properties from the trigger node onto the tooltip element
+                const trigger_styles = getComputedStyle(element);
+                [
+                    `--tooltip-bg`,
+                    `--text-color`,
+                    `--tooltip-border`,
+                    `--tooltip-padding`,
+                    `--tooltip-radius`,
+                    `--tooltip-font-size`,
+                    `--tooltip-shadow`,
+                    `--tooltip-max-width`,
+                    `--tooltip-opacity`,
+                    `--tooltip-arrow-size`,
+                ].forEach((name) => {
+                    const value = trigger_styles.getPropertyValue(name).trim();
+                    if (value)
+                        tooltip.style.setProperty(name, value);
+                });
+                // Arrow element pointing to the trigger, oriented by placement
+                const arrow = document.createElement(`div`);
+                arrow.className = `custom-tooltip-arrow`;
+                arrow.style.cssText =
+                    `position: absolute; width: 0; height: 0; pointer-events: none;`;
+                const arrow_size_raw = trigger_styles.getPropertyValue(`--tooltip-arrow-size`)
+                    .trim();
+                const arrow_size_num = Number.parseInt(arrow_size_raw || ``, 10);
+                const arrow_px = Number.isFinite(arrow_size_num) ? arrow_size_num : 6;
+                if (placement === `top`) {
+                    arrow.style.left = `calc(50% - ${arrow_px}px)`;
+                    arrow.style.bottom = `-${arrow_px}px`;
+                    arrow.style.borderLeft = `${arrow_px}px solid transparent`;
+                    arrow.style.borderRight = `${arrow_px}px solid transparent`;
+                    arrow.style.borderTop = `${arrow_px}px solid var(--tooltip-bg, #333)`;
+                }
+                else if (placement === `left`) {
+                    arrow.style.top = `calc(50% - ${arrow_px}px)`;
+                    arrow.style.right = `-${arrow_px}px`;
+                    arrow.style.borderTop = `${arrow_px}px solid transparent`;
+                    arrow.style.borderBottom = `${arrow_px}px solid transparent`;
+                    arrow.style.borderLeft = `${arrow_px}px solid var(--tooltip-bg, #333)`;
+                }
+                else if (placement === `right`) {
+                    arrow.style.top = `calc(50% - ${arrow_px}px)`;
+                    arrow.style.left = `-${arrow_px}px`;
+                    arrow.style.borderTop = `${arrow_px}px solid transparent`;
+                    arrow.style.borderBottom = `${arrow_px}px solid transparent`;
+                    arrow.style.borderRight = `${arrow_px}px solid var(--tooltip-bg, #333)`;
+                }
+                else { // bottom
+                    arrow.style.left = `calc(50% - ${arrow_px}px)`;
+                    arrow.style.top = `-${arrow_px}px`;
+                    arrow.style.borderLeft = `${arrow_px}px solid transparent`;
+                    arrow.style.borderRight = `${arrow_px}px solid transparent`;
+                    arrow.style.borderBottom = `${arrow_px}px solid var(--tooltip-bg, #333)`;
+                }
+                tooltip.appendChild(arrow);
                 document.body.appendChild(tooltip);
                 // Position tooltip
                 const rect = element.getBoundingClientRect();
                 const tooltip_rect = tooltip.getBoundingClientRect();
-                const placement = safe_options.placement || `bottom`;
                 const margin = 12;
                 let top = 0, left = 0;
                 if (placement === `top`) {
@@ -276,7 +330,8 @@ export const tooltip = (options = {}) => (node) => {
                 top = Math.max(8, Math.min(top, globalThis.innerHeight - tooltip_rect.height - 8));
                 tooltip.style.left = `${left + globalThis.scrollX}px`;
                 tooltip.style.top = `${top + globalThis.scrollY}px`;
-                tooltip.style.opacity = `1`;
+                const custom_opacity = trigger_styles.getPropertyValue(`--tooltip-opacity`).trim();
+                tooltip.style.opacity = custom_opacity || `1`;
                 current_tooltip = tooltip;
             }, safe_options.delay || 100);
         }

package/dist/types.d.ts

@@ -101,6 +101,7 @@ export interface MultiSelectParameters<T extends Option = Option> {
     disabledInputTitle?: string;
     duplicateOptionMsg?: string;
     duplicates?: boolean;
+    keepSelectedInDropdown?: false | `plain` | `checkboxes`;
     key?: (opt: T) => unknown;
     filterFunc?: (opt: T, searchText: string) => boolean;
     closeDropdownOnSelect?: boolean | `if-mobile` | `retain-focus`;

package/package.json

@@ -5,7 +5,7 @@
   "homepage": "https://janosh.github.io/svelte-multiselect",
   "repository": "https://github.com/janosh/svelte-multiselect",
   "license": "MIT",
-  "version": "11.2.2",
+  "version": "11.2.3",
   "type": "module",
   "svelte": "./dist/index.js",
   "bugs": "https://github.com/janosh/svelte-multiselect/issues",
@@ -13,30 +13,30 @@
     "svelte": "^5.35.6"
   },
   "devDependencies": {
-    "@playwright/test": "^1.54.1",
-    "@stylistic/eslint-plugin": "^5.1.0",
-    "@sveltejs/adapter-static": "^3.0.8",
-    "@sveltejs/kit": "^2.22.5",
-    "@sveltejs/package": "2.3.12",
-    "@sveltejs/vite-plugin-svelte": "^6.0.0",
-    "@types/node": "^24.0.13",
+    "@playwright/test": "^1.54.2",
+    "@stylistic/eslint-plugin": "^5.2.3",
+    "@sveltejs/adapter-static": "^3.0.9",
+    "@sveltejs/kit": "^2.28.0",
+    "@sveltejs/package": "2.4.1",
+    "@sveltejs/vite-plugin-svelte": "^6.1.1",
+    "@types/node": "^24.2.1",
     "@vitest/coverage-v8": "^3.2.4",
-    "eslint": "^9.31.0",
-    "eslint-plugin-svelte": "^3.10.1",
+    "eslint": "^9.33.0",
+    "eslint-plugin-svelte": "^3.11.0",
+    "happy-dom": "^18.0.1",
     "hastscript": "^9.0.1",
-    "jsdom": "^26.1.0",
     "mdsvex": "^0.12.6",
     "mdsvexamples": "^0.5.0",
     "rehype-autolink-headings": "^7.1.0",
     "rehype-slug": "^6.0.0",
-    "svelte": "^5.35.6",
-    "svelte-check": "^4.2.2",
+    "svelte": "^5.38.1",
+    "svelte-check": "^4.3.1",
     "svelte-preprocess": "^6.0.3",
     "svelte-toc": "^0.6.2",
-    "svelte2tsx": "^0.7.40",
-    "typescript": "5.8.3",
-    "typescript-eslint": "^8.36.0",
-    "vite": "^7.0.4",
+    "svelte2tsx": "^0.7.42",
+    "typescript": "5.9.2",
+    "typescript-eslint": "^8.39.1",
+    "vite": "^7.1.2",
     "vitest": "^3.2.4"
   },
   "keywords": [

package/readme.md

@@ -619,7 +619,7 @@ Example using several snippets:
    onremoveAll={(event) => console.log(event.detail.options)}`
    ```
 
-   Triggers when all selected options are removed. The payload `event.detail.options` gives the options that were previously selected.
+   Triggers when all selected options are removed. The payload `event.detail.options` gives the options that were removed (might not be all if `minSelect` is set).
 
 1. ```ts
    onchange={(event) => console.log(`${event.detail.type}: '${event.detail.option}'`)}