bits-ui 2.11.6 → 2.11.8

package/dist/bits/accordion/components/accordion.svelte.d.ts

@@ -1,4 +1,4 @@
 import type { AccordionRootProps } from "../types.js";
-declare const Accordion: import("svelte").Component<AccordionRootProps, {}, "ref" | "value">;
+declare const Accordion: import("svelte").Component<AccordionRootProps, {}, "value" | "ref">;
 type Accordion = ReturnType<typeof Accordion>;
 export default Accordion;

package/dist/bits/calendar/components/calendar.svelte.d.ts

@@ -1,4 +1,4 @@
 import type { CalendarRootProps } from "../types.js";
-declare const Calendar: import("svelte").Component<CalendarRootProps, {}, "ref" | "value" | "placeholder">;
+declare const Calendar: import("svelte").Component<CalendarRootProps, {}, "value" | "placeholder" | "ref">;
 type Calendar = ReturnType<typeof Calendar>;
 export default Calendar;

package/dist/bits/checkbox/components/checkbox-group.svelte.d.ts

@@ -1,4 +1,4 @@
 import type { CheckboxGroupProps } from "../types.js";
-declare const CheckboxGroup: import("svelte").Component<CheckboxGroupProps, {}, "ref" | "value">;
+declare const CheckboxGroup: import("svelte").Component<CheckboxGroupProps, {}, "value" | "ref">;
 type CheckboxGroup = ReturnType<typeof CheckboxGroup>;
 export default CheckboxGroup;

package/dist/bits/checkbox/components/checkbox.svelte.d.ts

@@ -1,4 +1,4 @@
 import type { CheckboxRootProps } from "../types.js";
-declare const Checkbox: import("svelte").Component<CheckboxRootProps, {}, "ref" | "checked" | "indeterminate">;
+declare const Checkbox: import("svelte").Component<CheckboxRootProps, {}, "checked" | "indeterminate" | "ref">;
 type Checkbox = ReturnType<typeof Checkbox>;
 export default Checkbox;

package/dist/bits/command/command.svelte.js

@@ -129,8 +129,11 @@ export class CommandRootState {
      */
     #sort() {
         if (!this._commandState.search || this.opts.shouldFilter.current === false) {
-            // If no search and no selection yet, select first item
-            this.#selectFirstItem();
+            // if no search and no initial value set or when clearing search,
+            // we select the first item.
+            if (!this._commandState.value || !this.#isInitialMount) {
+                this.#selectFirstItem();
+            }
             return;
         }
         const scores = this._commandState.filtered.items;

package/dist/bits/command/components/command-input.svelte.d.ts

@@ -1,4 +1,4 @@
 import type { CommandInputProps } from "../types.js";
-declare const CommandInput: import("svelte").Component<CommandInputProps, {}, "ref" | "value">;
+declare const CommandInput: import("svelte").Component<CommandInputProps, {}, "value" | "ref">;
 type CommandInput = ReturnType<typeof CommandInput>;
 export default CommandInput;

package/dist/bits/command/components/command.svelte.d.ts

@@ -54,6 +54,6 @@ declare const Command: import("svelte").Component<CommandRootProps, {
          * @returns Array of valid item elements
          * @remarks Exposed for direct item access and bound checking
          */ getValidItems: () => HTMLElement[];
-}, "ref" | "value">;
+}, "value" | "ref">;
 type Command = ReturnType<typeof Command>;
 export default Command;

package/dist/bits/date-range-field/components/date-range-field.svelte.d.ts

@@ -1,4 +1,4 @@
 import type { DateRangeFieldRootProps } from "../types.js";
-declare const DateRangeField: import("svelte").Component<DateRangeFieldRootProps, {}, "ref" | "value" | "placeholder">;
+declare const DateRangeField: import("svelte").Component<DateRangeFieldRootProps, {}, "value" | "placeholder" | "ref">;
 type DateRangeField = ReturnType<typeof DateRangeField>;
 export default DateRangeField;

package/dist/bits/date-range-picker/components/date-range-picker.svelte.d.ts

@@ -1,4 +1,4 @@
 import type { DateRangePickerRootProps } from "../types.js";
-declare const DateRangePicker: import("svelte").Component<DateRangePickerRootProps, {}, "ref" | "value" | "placeholder" | "open">;
+declare const DateRangePicker: import("svelte").Component<DateRangePickerRootProps, {}, "value" | "placeholder" | "ref" | "open">;
 type DateRangePicker = ReturnType<typeof DateRangePicker>;
 export default DateRangePicker;

package/dist/bits/menu/components/menu-checkbox-group.svelte.d.ts

@@ -1,4 +1,4 @@
 import type { MenuCheckboxGroupProps } from "../types.js";
-declare const MenuCheckboxGroup: import("svelte").Component<MenuCheckboxGroupProps, {}, "ref" | "value">;
+declare const MenuCheckboxGroup: import("svelte").Component<MenuCheckboxGroupProps, {}, "value" | "ref">;
 type MenuCheckboxGroup = ReturnType<typeof MenuCheckboxGroup>;
 export default MenuCheckboxGroup;

package/dist/bits/menu/components/menu-checkbox-item.svelte.d.ts

@@ -1,4 +1,4 @@
 import type { MenuCheckboxItemProps } from "../types.js";
-declare const MenuCheckboxItem: import("svelte").Component<MenuCheckboxItemProps, {}, "ref" | "checked" | "indeterminate">;
+declare const MenuCheckboxItem: import("svelte").Component<MenuCheckboxItemProps, {}, "checked" | "indeterminate" | "ref">;
 type MenuCheckboxItem = ReturnType<typeof MenuCheckboxItem>;
 export default MenuCheckboxItem;

package/dist/bits/menu/components/menu-radio-group.svelte.d.ts

@@ -1,4 +1,4 @@
 import type { MenuRadioGroupProps } from "../types.js";
-declare const MenuRadioGroup: import("svelte").Component<MenuRadioGroupProps, {}, "ref" | "value">;
+declare const MenuRadioGroup: import("svelte").Component<MenuRadioGroupProps, {}, "value" | "ref">;
 type MenuRadioGroup = ReturnType<typeof MenuRadioGroup>;
 export default MenuRadioGroup;

package/dist/bits/menu/menu.svelte.d.ts

@@ -7,6 +7,7 @@ import { IsUsingKeyboard } from "../../index.js";
 import type { KeyboardEventHandler, PointerEventHandler, MouseEventHandler } from "svelte/elements";
 import { RovingFocusGroup } from "../../internal/roving-focus-group.js";
 export declare const CONTEXT_MENU_TRIGGER_ATTR = "data-context-menu-trigger";
+export declare const CONTEXT_MENU_CONTENT_ATTR = "data-context-menu-content";
 export declare const MenuCheckboxGroupContext: Context<MenuCheckboxGroupState>;
 type MenuVariant = "context-menu" | "dropdown-menu" | "menubar";
 export interface MenuRootStateOpts extends ReadableBoxedValues<{

package/dist/bits/menu/menu.svelte.js

@@ -13,8 +13,8 @@ import { DOMTypeahead } from "../../internal/dom-typeahead.svelte.js";
 import { RovingFocusGroup } from "../../internal/roving-focus-group.js";
 import { GraceArea } from "../../internal/grace-area.svelte.js";
 import { OpenChangeComplete } from "../../internal/open-change-complete.js";
-import { getTopMostDismissableLayer } from "../utilities/dismissible-layer/use-dismissable-layer.svelte.js";
 export const CONTEXT_MENU_TRIGGER_ATTR = "data-context-menu-trigger";
+export const CONTEXT_MENU_CONTENT_ATTR = "data-context-menu-content";
 const MenuRootContext = new Context("Menu.Root");
 const MenuMenuContext = new Context("Menu.Root | Menu.Sub");
 const MenuContentContext = new Context("Menu.Content");
@@ -875,15 +875,6 @@ export class ContextMenuTriggerState {
     oncontextmenu(e) {
         if (e.defaultPrevented || this.opts.disabled.current)
             return;
-        const topMostLayer = getTopMostDismissableLayer();
-        if (topMostLayer) {
-            const topLayerRef = topMostLayer[0].opts.ref.current;
-            const topLayerRefContainsTrigger = topLayerRef?.contains(this.opts.ref.current);
-            if (!topLayerRefContainsTrigger &&
-                !topLayerRef?.hasAttribute?.("data-context-menu-content")) {
-                return;
-            }
-        }
         this.#clearLongPressTimer();
         this.#handleOpen(e);
         e.preventDefault();

package/dist/bits/navigation-menu/components/navigation-menu-sub.svelte.d.ts

@@ -1,4 +1,4 @@
 import type { NavigationMenuSubProps } from "../types.js";
-declare const NavigationMenuSub: import("svelte").Component<NavigationMenuSubProps, {}, "ref" | "value">;
+declare const NavigationMenuSub: import("svelte").Component<NavigationMenuSubProps, {}, "value" | "ref">;
 type NavigationMenuSub = ReturnType<typeof NavigationMenuSub>;
 export default NavigationMenuSub;

package/dist/bits/navigation-menu/components/navigation-menu.svelte.d.ts

@@ -1,4 +1,4 @@
 import type { NavigationMenuRootProps } from "../types.js";
-declare const NavigationMenu: import("svelte").Component<NavigationMenuRootProps, {}, "ref" | "value">;
+declare const NavigationMenu: import("svelte").Component<NavigationMenuRootProps, {}, "value" | "ref">;
 type NavigationMenu = ReturnType<typeof NavigationMenu>;
 export default NavigationMenu;

package/dist/bits/pin-input/components/pin-input.svelte.d.ts

@@ -1,4 +1,4 @@
 import type { PinInputRootProps } from "../types.js";
-declare const PinInput: import("svelte").Component<PinInputRootProps, {}, "ref" | "value">;
+declare const PinInput: import("svelte").Component<PinInputRootProps, {}, "value" | "ref">;
 type PinInput = ReturnType<typeof PinInput>;
 export default PinInput;

package/dist/bits/radio-group/components/radio-group.svelte.d.ts

@@ -1,4 +1,4 @@
 import type { RadioGroupRootProps } from "../types.js";
-declare const RadioGroup: import("svelte").Component<RadioGroupRootProps, {}, "ref" | "value">;
+declare const RadioGroup: import("svelte").Component<RadioGroupRootProps, {}, "value" | "ref">;
 type RadioGroup = ReturnType<typeof RadioGroup>;
 export default RadioGroup;

package/dist/bits/range-calendar/components/range-calendar.svelte.d.ts

@@ -1,4 +1,4 @@
 import type { RangeCalendarRootProps } from "../types.js";
-declare const RangeCalendar: import("svelte").Component<RangeCalendarRootProps, {}, "ref" | "value" | "placeholder">;
+declare const RangeCalendar: import("svelte").Component<RangeCalendarRootProps, {}, "value" | "placeholder" | "ref">;
 type RangeCalendar = ReturnType<typeof RangeCalendar>;
 export default RangeCalendar;

package/dist/bits/rating-group/components/rating-group.svelte.d.ts

@@ -1,4 +1,4 @@
 import type { RatingGroupRootProps } from "../types.js";
-declare const RatingGroup: import("svelte").Component<RatingGroupRootProps, {}, "ref" | "value">;
+declare const RatingGroup: import("svelte").Component<RatingGroupRootProps, {}, "value" | "ref">;
 type RatingGroup = ReturnType<typeof RatingGroup>;
 export default RatingGroup;

package/dist/bits/select/select.svelte.d.ts

@@ -32,6 +32,7 @@ declare abstract class SelectBaseRootState {
     touchedInput: boolean;
     inputNode: HTMLElement | null;
     contentNode: HTMLElement | null;
+    viewportNode: HTMLElement | null;
     triggerNode: HTMLElement | null;
     valueId: string;
     highlightedNode: HTMLElement | null;
@@ -44,7 +45,7 @@ declare abstract class SelectBaseRootState {
     constructor(opts: SelectBaseRootStateOpts);
     setHighlightedNode(node: HTMLElement | null, initial?: boolean): void;
     getCandidateNodes(): HTMLElement[];
-    setHighlightedToFirstCandidate(): void;
+    setHighlightedToFirstCandidate(initial?: boolean): void;
     getNodeByValue(value: string): HTMLElement | null;
     setOpen(open: boolean): void;
     toggleOpen(): void;
@@ -195,7 +196,6 @@ export declare class SelectContentState {
     readonly opts: SelectContentStateOpts;
     readonly root: SelectRoot;
     readonly attachment: RefAttachment;
-    viewportNode: HTMLElement | null;
     isPositioned: boolean;
     domContext: DOMContext;
     constructor(opts: SelectContentStateOpts, root: SelectRoot);

package/dist/bits/select/select.svelte.js

@@ -45,6 +45,7 @@ class SelectBaseRootState {
     touchedInput = $state(false);
     inputNode = $state(null);
     contentNode = $state(null);
+    viewportNode = $state(null);
     triggerNode = $state(null);
     valueId = $state("");
     highlightedNode = $state(null);
@@ -94,12 +95,26 @@ class SelectBaseRootState {
             return [];
         return Array.from(node.querySelectorAll(`[${this.getBitsAttr("item")}]:not([data-disabled])`));
     }
-    setHighlightedToFirstCandidate() {
+    setHighlightedToFirstCandidate(initial = false) {
         this.setHighlightedNode(null);
-        const candidateNodes = this.getCandidateNodes();
-        if (!candidateNodes.length)
+        let nodes = this.getCandidateNodes();
+        if (!nodes.length)
             return;
-        this.setHighlightedNode(candidateNodes[0]);
+        // don't consider nodes that aren't visible within the viewport
+        if (this.viewportNode) {
+            const viewportRect = this.viewportNode.getBoundingClientRect();
+            nodes = nodes.filter((node) => {
+                if (!this.viewportNode)
+                    return false;
+                const nodeRect = node.getBoundingClientRect();
+                const isNodeFullyVisible = nodeRect.right < viewportRect.right &&
+                    nodeRect.left > viewportRect.left &&
+                    nodeRect.bottom < viewportRect.bottom &&
+                    nodeRect.top > viewportRect.top;
+                return isNodeFullyVisible;
+            });
+        }
+        this.setHighlightedNode(nodes[0], initial);
     }
     getNodeByValue(value) {
         const candidateNodes = this.getCandidateNodes();
@@ -185,10 +200,7 @@ export class SelectSingleRootState extends SelectBaseRootState {
                 }
             }
             // if no value is set, we want to highlight the first item
-            const firstCandidate = this.getCandidateNodes()[0];
-            if (!firstCandidate)
-                return;
-            this.setHighlightedNode(firstCandidate, true);
+            this.setHighlightedToFirstCandidate(true);
         });
     }
 }
@@ -237,10 +249,7 @@ class SelectMultipleRootState extends SelectBaseRootState {
                 }
             }
             // if no value is set, we want to highlight the first item
-            const firstCandidate = this.getCandidateNodes()[0];
-            if (!firstCandidate)
-                return;
-            this.setHighlightedNode(firstCandidate, true);
+            this.setHighlightedToFirstCandidate(true);
         });
     }
 }
@@ -691,7 +700,6 @@ export class SelectContentState {
     opts;
     root;
     attachment;
-    viewportNode = $state(null);
     isPositioned = $state(false);
     domContext;
     constructor(opts, root) {
@@ -976,7 +984,9 @@ export class SelectViewportState {
         this.opts = opts;
         this.content = content;
         this.root = content.root;
-        this.attachment = attachRef(opts.ref, (v) => (this.content.viewportNode = v));
+        this.attachment = attachRef(opts.ref, (v) => {
+            this.root.viewportNode = v;
+        });
     }
     props = $derived.by(() => ({
         id: this.opts.id.current,
@@ -1079,11 +1089,11 @@ export class SelectScrollDownButtonState {
         this.content = scrollButtonState.content;
         this.root = scrollButtonState.root;
         this.scrollButtonState.onAutoScroll = this.handleAutoScroll;
-        watch([() => this.content.viewportNode, () => this.content.isPositioned], () => {
-            if (!this.content.viewportNode || !this.content.isPositioned)
+        watch([() => this.root.viewportNode, () => this.content.isPositioned], () => {
+            if (!this.root.viewportNode || !this.content.isPositioned)
                 return;
             this.handleScroll(true);
-            return on(this.content.viewportNode, "scroll", () => this.handleScroll());
+            return on(this.root.viewportNode, "scroll", () => this.handleScroll());
         });
         /**
          * If the input value changes, this means that the filtered items may have changed,
@@ -1091,10 +1101,10 @@ export class SelectScrollDownButtonState {
          */
         watch([
             () => this.root.opts.inputValue.current,
-            () => this.content.viewportNode,
+            () => this.root.viewportNode,
             () => this.content.isPositioned,
         ], () => {
-            if (!this.content.viewportNode || !this.content.isPositioned)
+            if (!this.root.viewportNode || !this.content.isPositioned)
                 return;
             this.handleScroll(true);
         });
@@ -1118,15 +1128,14 @@ export class SelectScrollDownButtonState {
         if (!manual) {
             this.scrollButtonState.handleUserScroll();
         }
-        if (!this.content.viewportNode)
+        if (!this.root.viewportNode)
             return;
-        const maxScroll = this.content.viewportNode.scrollHeight - this.content.viewportNode.clientHeight;
-        const paddingTop = Number.parseInt(getComputedStyle(this.content.viewportNode).paddingTop, 10);
-        this.canScrollDown =
-            Math.ceil(this.content.viewportNode.scrollTop) < maxScroll - paddingTop;
+        const maxScroll = this.root.viewportNode.scrollHeight - this.root.viewportNode.clientHeight;
+        const paddingTop = Number.parseInt(getComputedStyle(this.root.viewportNode).paddingTop, 10);
+        this.canScrollDown = Math.ceil(this.root.viewportNode.scrollTop) < maxScroll - paddingTop;
     };
     handleAutoScroll = () => {
-        const viewport = this.content.viewportNode;
+        const viewport = this.root.viewportNode;
         const selectedItem = this.root.highlightedNode;
         if (!viewport || !selectedItem)
             return;
@@ -1150,11 +1159,11 @@ export class SelectScrollUpButtonState {
         this.content = scrollButtonState.content;
         this.root = scrollButtonState.root;
         this.scrollButtonState.onAutoScroll = this.handleAutoScroll;
-        watch([() => this.content.viewportNode, () => this.content.isPositioned], () => {
-            if (!this.content.viewportNode || !this.content.isPositioned)
+        watch([() => this.root.viewportNode, () => this.content.isPositioned], () => {
+            if (!this.root.viewportNode || !this.content.isPositioned)
                 return;
             this.handleScroll(true);
-            return on(this.content.viewportNode, "scroll", () => this.handleScroll());
+            return on(this.root.viewportNode, "scroll", () => this.handleScroll());
         });
     }
     /**
@@ -1165,16 +1174,16 @@ export class SelectScrollUpButtonState {
         if (!manual) {
             this.scrollButtonState.handleUserScroll();
         }
-        if (!this.content.viewportNode)
+        if (!this.root.viewportNode)
             return;
-        const paddingTop = Number.parseInt(getComputedStyle(this.content.viewportNode).paddingTop, 10);
-        this.canScrollUp = this.content.viewportNode.scrollTop - paddingTop > 0.1;
+        const paddingTop = Number.parseInt(getComputedStyle(this.root.viewportNode).paddingTop, 10);
+        this.canScrollUp = this.root.viewportNode.scrollTop - paddingTop > 0.1;
     };
     handleAutoScroll = () => {
-        if (!this.content.viewportNode || !this.root.highlightedNode)
+        if (!this.root.viewportNode || !this.root.highlightedNode)
             return;
-        this.content.viewportNode.scrollTop =
-            this.content.viewportNode.scrollTop - this.root.highlightedNode.offsetHeight;
+        this.root.viewportNode.scrollTop =
+            this.root.viewportNode.scrollTop - this.root.highlightedNode.offsetHeight;
     };
     props = $derived.by(() => ({
         ...this.scrollButtonState.props,

package/dist/bits/slider/components/slider.svelte.d.ts

@@ -1,4 +1,4 @@
 import type { SliderRootProps } from "../types.js";
-declare const Slider: import("svelte").Component<SliderRootProps, {}, "ref" | "value">;
+declare const Slider: import("svelte").Component<SliderRootProps, {}, "value" | "ref">;
 type Slider = ReturnType<typeof Slider>;
 export default Slider;

package/dist/bits/switch/components/switch.svelte.d.ts

@@ -1,4 +1,4 @@
 import type { SwitchRootProps } from "../types.js";
-declare const Switch: import("svelte").Component<SwitchRootProps, {}, "ref" | "checked">;
+declare const Switch: import("svelte").Component<SwitchRootProps, {}, "checked" | "ref">;
 type Switch = ReturnType<typeof Switch>;
 export default Switch;

package/dist/bits/tabs/components/tabs.svelte.d.ts

@@ -1,4 +1,4 @@
 import type { TabsRootProps } from "../types.js";
-declare const Tabs: import("svelte").Component<TabsRootProps, {}, "ref" | "value">;
+declare const Tabs: import("svelte").Component<TabsRootProps, {}, "value" | "ref">;
 type Tabs = ReturnType<typeof Tabs>;
 export default Tabs;

package/dist/bits/time-range-field/components/time-range-field.svelte.d.ts

@@ -5,7 +5,7 @@ declare class __sveltets_Render<T extends TimeValue = Time> {
     props(): TimeRangeFieldRootProps<T>;
     events(): {};
     slots(): {};
-    bindings(): "ref" | "value" | "placeholder";
+    bindings(): "value" | "placeholder" | "ref";
     exports(): {};
 }
 interface $$IsomorphicComponent {

package/dist/bits/toggle-group/components/toggle-group.svelte.d.ts

@@ -1,4 +1,4 @@
 import type { ToggleGroupRootProps } from "../types.js";
-declare const ToggleGroup: import("svelte").Component<ToggleGroupRootProps, {}, "ref" | "value">;
+declare const ToggleGroup: import("svelte").Component<ToggleGroupRootProps, {}, "value" | "ref">;
 type ToggleGroup = ReturnType<typeof ToggleGroup>;
 export default ToggleGroup;

package/dist/bits/toolbar/components/toolbar-group.svelte.d.ts

@@ -1,4 +1,4 @@
 import type { ToolbarGroupProps } from "../types.js";
-declare const ToolbarGroup: import("svelte").Component<ToolbarGroupProps, {}, "ref" | "value">;
+declare const ToolbarGroup: import("svelte").Component<ToolbarGroupProps, {}, "value" | "ref">;
 type ToolbarGroup = ReturnType<typeof ToolbarGroup>;
 export default ToolbarGroup;

package/dist/bits/utilities/dismissible-layer/use-dismissable-layer.svelte.js

@@ -5,8 +5,9 @@ import {} from "../../../internal/events.js";
 import { debounce } from "../../../internal/debounce.js";
 import { noop } from "../../../internal/noop.js";
 import { getOwnerDocument, isOrContainsTarget } from "../../../internal/elements.js";
-import { isElement } from "../../../internal/is.js";
+import { isElementOrSVGElement } from "../../../internal/is.js";
 import { isClickTrulyOutside } from "../../../internal/dom.js";
+import { CONTEXT_MENU_CONTENT_ATTR, CONTEXT_MENU_TRIGGER_ATTR, } from "../../menu/menu.svelte.js";
 globalThis.bitsDismissableLayers ??= new Map();
 export class DismissibleLayerState {
     static create(opts) {
@@ -186,10 +187,14 @@ function isResponsibleLayer(node) {
     return firstLayerNode.opts.ref.current === node;
 }
 function isValidEvent(e, node) {
-    if ("button" in e && e.button > 0)
-        return false;
     const target = e.target;
-    if (!isElement(target))
+    if (!isElementOrSVGElement(target))
+        return false;
+    const targetIsContextMenuTrigger = Boolean(target.closest(`[${CONTEXT_MENU_TRIGGER_ATTR}]`));
+    if ("button" in e && e.button > 0 && !targetIsContextMenuTrigger)
+        return false;
+    const nodeIsContextMenu = Boolean(node.closest(`[${CONTEXT_MENU_CONTENT_ATTR}]`));
+    if (targetIsContextMenuTrigger && nodeIsContextMenu)
         return false;
     const ownerDocument = getOwnerDocument(target);
     const isValid = ownerDocument.documentElement.contains(target) &&

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bits-ui",
-  "version": "2.11.6",
+  "version": "2.11.8",
   "license": "MIT",
   "repository": "github:huntabyte/bits-ui",
   "funding": "https://github.com/sponsors/huntabyte",
@@ -41,8 +41,8 @@
     "@floating-ui/core": "^1.7.1",
     "@floating-ui/dom": "^1.7.1",
     "esm-env": "^1.1.2",
-    "runed": "^0.31.1",
-    "svelte-toolbelt": "^0.10.4",
+    "runed": "^0.35.1",
+    "svelte-toolbelt": "^0.10.6",
     "tabbable": "^6.2.0"
   },
   "peerDependencies": {