@ark-ui/svelte 5.15.0 → 5.16.0

package/dist/components/signature-pad/signature-pad-clear-trigger.svelte

@@ -2,8 +2,10 @@
   import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../types'
 
   export interface SignaturePadClearTriggerBaseProps extends PolymorphicProps<'button'>, RefAttribute {}
-  export interface SignaturePadClearTriggerProps
-    extends Assign<HTMLProps<'button'>, SignaturePadClearTriggerBaseProps> {}
+  export interface SignaturePadClearTriggerProps extends Assign<
+    HTMLProps<'button'>,
+    SignaturePadClearTriggerBaseProps
+  > {}
 </script>
 
 <script lang="ts">

package/dist/components/slider/slider-root.svelte

@@ -38,6 +38,7 @@
       'onFocusChange',
       'getAriaValueText',
       'thumbAlignment',
+      'thumbCollisionBehavior',
       'thumbSize',
       'aria-labelledby',
       'aria-label',

package/dist/components/splitter/splitter-resize-trigger-indicator.svelte

@@ -2,8 +2,10 @@
   import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../types'
 
   export interface SplitterResizeTriggerIndicatorBaseProps extends PolymorphicProps<'div'>, RefAttribute {}
-  export interface SplitterResizeTriggerIndicatorProps
-    extends Assign<HTMLProps<'div'>, SplitterResizeTriggerIndicatorBaseProps> {}
+  export interface SplitterResizeTriggerIndicatorProps extends Assign<
+    HTMLProps<'div'>,
+    SplitterResizeTriggerIndicatorBaseProps
+  > {}
 </script>
 
 <script lang="ts">

package/dist/components/splitter/splitter-resize-trigger.svelte

@@ -3,9 +3,7 @@
   import type { ResizeTriggerProps } from '@zag-js/splitter'
 
   export interface SplitterResizeTriggerBaseProps
-    extends ResizeTriggerProps,
-      PolymorphicProps<'button'>,
-      RefAttribute {}
+    extends ResizeTriggerProps, PolymorphicProps<'button'>, RefAttribute {}
   export interface SplitterResizeTriggerProps extends Assign<HTMLProps<'button'>, SplitterResizeTriggerBaseProps> {}
 </script>
 

package/dist/components/steps/steps-root.svelte

@@ -18,13 +18,16 @@
 
   const [useStepsProps, localProps] = $derived(
     createSplitProps<UseStepsProps>()(props, [
+      'count',
       'defaultStep',
       'id',
       'ids',
-      'count',
+      'isStepSkippable',
+      'isStepValid',
       'linear',
       'onStepChange',
       'onStepComplete',
+      'onStepInvalid',
       'orientation',
       'step',
     ]),

package/dist/components/tabs/tabs-root-provider.svelte

@@ -7,10 +7,7 @@
   }
 
   export interface TabsRootProviderBaseProps
-    extends RootProviderProps,
-      PolymorphicProps<'div'>,
-      RenderStrategyProps,
-      RefAttribute {}
+    extends RootProviderProps, PolymorphicProps<'div'>, RenderStrategyProps, RefAttribute {}
   export interface TabsRootProviderProps extends Assign<HTMLProps<'div'>, TabsRootProviderBaseProps> {}
 </script>
 

package/dist/components/tags-input/tags-input-item-delete-trigger.svelte

@@ -2,8 +2,10 @@
   import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../types'
 
   export interface TagsInputItemDeleteTriggerBaseProps extends PolymorphicProps<'button'>, RefAttribute {}
-  export interface TagsInputItemDeleteTriggerProps
-    extends Assign<HTMLProps<'button'>, TagsInputItemDeleteTriggerBaseProps> {}
+  export interface TagsInputItemDeleteTriggerProps extends Assign<
+    HTMLProps<'button'>,
+    TagsInputItemDeleteTriggerBaseProps
+  > {}
 </script>
 
 <script lang="ts">

package/dist/components/tags-input/tags-input-root.svelte

@@ -46,6 +46,7 @@
       'onPointerDownOutside',
       'onValueChange',
       'onValueInvalid',
+      'placeholder',
       'readOnly',
       'required',
       'translations',

package/dist/components/tooltip/tooltip-root.svelte

@@ -3,7 +3,7 @@
   import type { UsePresenceProps } from '../presence'
   import type { UseTooltipProps } from './use-tooltip.svelte'
 
-  export interface TooltipRootBaseProps extends UseTooltipProps, UsePresenceProps {}
+  export interface TooltipRootBaseProps extends Optional<UseTooltipProps, 'id'>, UsePresenceProps {}
   export interface TooltipRootProps extends TooltipRootBaseProps {
     children?: Snippet
   }
@@ -14,6 +14,7 @@
   import { splitPresenceProps } from '../presence/split-presence-props.svelte'
   import { TooltipProvider } from './use-tooltip-context'
   import { useTooltip } from './use-tooltip.svelte'
+  import type { Optional } from '../../types'
 
   let { open = $bindable(), ...props }: TooltipRootProps = $props()
   const providedId = $props.id()

package/dist/components/tooltip/tooltip-root.svelte.d.ts

@@ -1,11 +1,12 @@
 import type { Snippet } from 'svelte';
 import type { UsePresenceProps } from '../presence';
 import type { UseTooltipProps } from './use-tooltip.svelte';
-export interface TooltipRootBaseProps extends UseTooltipProps, UsePresenceProps {
+export interface TooltipRootBaseProps extends Optional<UseTooltipProps, 'id'>, UsePresenceProps {
 }
 export interface TooltipRootProps extends TooltipRootBaseProps {
     children?: Snippet;
 }
+import type { Optional } from '../../types';
 declare const TooltipRoot: import("svelte").Component<TooltipRootProps, {}, "open">;
 type TooltipRoot = ReturnType<typeof TooltipRoot>;
 export default TooltipRoot;

package/dist/components/tour/index.d.ts

@@ -1,4 +1,6 @@
-export type { FocusOutsideEvent as TourFocusOutsideEvent, InteractOutsideEvent as TourInteractOutsideEvent, PointerDownOutsideEvent as TourPointerDownOutsideEvent, StepDetails as TourStepDetails, } from '@zag-js/tour';
+export { waitForElement, waitForElementValue, waitForPromise, type WaitOptions } from '@zag-js/tour';
+export { waitForEvent, type WaitForEventOptions } from './wait-for-event';
+export type { FocusOutsideEvent as TourFocusOutsideEvent, InteractOutsideEvent as TourInteractOutsideEvent, PointerDownOutsideEvent as TourPointerDownOutsideEvent, StepDetails as TourStepDetails, StepEffectArgs as TourStepEffectArgs, } from '@zag-js/tour';
 export { default as TourActionTrigger, type TourActionTriggerBaseProps, type TourActionTriggerProps, } from './tour-action-trigger.svelte';
 export { default as TourActions, type TourActionsProps } from './tour-actions.svelte';
 export { default as TourArrowTip, type TourArrowTipBaseProps, type TourArrowTipProps } from './tour-arrow-tip.svelte';

package/dist/components/tour/index.js

@@ -1,3 +1,5 @@
+export { waitForElement, waitForElementValue, waitForPromise } from '@zag-js/tour';
+export { waitForEvent } from './wait-for-event';
 export { default as TourActionTrigger, } from './tour-action-trigger.svelte';
 export { default as TourActions } from './tour-actions.svelte';
 export { default as TourArrowTip } from './tour-arrow-tip.svelte';

package/dist/components/tour/tour-action-trigger.svelte

@@ -3,9 +3,7 @@
   import type { StepActionTriggerProps } from '@zag-js/tour'
 
   export interface TourActionTriggerBaseProps
-    extends StepActionTriggerProps,
-      PolymorphicProps<'button'>,
-      RefAttribute {}
+    extends StepActionTriggerProps, PolymorphicProps<'button'>, RefAttribute {}
   export interface TourActionTriggerProps extends HTMLProps<'button'>, TourActionTriggerBaseProps {}
 </script>
 

package/dist/components/tour/wait-for-event.d.ts

@@ -0,0 +1,6 @@
+type WaitForEventReturn<K extends keyof HTMLElementEventMap> = [Promise<HTMLElementEventMap[K]>, VoidFunction];
+export interface WaitForEventOptions<T extends HTMLElement = HTMLElement> extends AddEventListenerOptions {
+    predicate?: (element: T) => boolean;
+}
+export declare function waitForEvent<T extends HTMLElement = HTMLElement, K extends keyof HTMLElementEventMap = keyof HTMLElementEventMap>(target: (() => HTMLElement | null) | undefined, event: K, options?: WaitForEventOptions<T>): WaitForEventReturn<K>;
+export {};

package/dist/components/tour/wait-for-event.js

@@ -0,0 +1,19 @@
+export function waitForEvent(target, event, options) {
+    let cleanup;
+    const { predicate, ...listenerOptions } = options ?? {};
+    const promise = new Promise((resolve) => {
+        const element = target?.();
+        if (!element) {
+            return;
+        }
+        const handler = (e) => {
+            if (!predicate || predicate(element)) {
+                resolve(e);
+                cleanup?.();
+            }
+        };
+        element.addEventListener(event, handler, listenerOptions);
+        cleanup = () => element.removeEventListener(event, handler, listenerOptions);
+    });
+    return [promise, () => cleanup?.()];
+}

package/dist/components/tree-view/tree-view-branch-indent-guide.svelte

@@ -2,8 +2,10 @@
   import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../types'
 
   export interface TreeViewBranchIndentGuideBaseProps extends PolymorphicProps<'div'>, RefAttribute {}
-  export interface TreeViewBranchIndentGuideProps
-    extends Assign<HTMLProps<'div'>, TreeViewBranchIndentGuideBaseProps> {}
+  export interface TreeViewBranchIndentGuideProps extends Assign<
+    HTMLProps<'div'>,
+    TreeViewBranchIndentGuideBaseProps
+  > {}
 </script>
 
 <script lang="ts">

package/dist/components/tree-view/tree-view-root-provider.svelte

@@ -5,13 +5,13 @@
   import type { UseTreeViewReturn } from './use-tree-view.svelte'
 
   export interface TreeViewRootProviderBaseProps<T extends TreeNode>
-    extends RenderStrategyProps,
-      PolymorphicProps<'div'>,
-      RefAttribute {
+    extends RenderStrategyProps, PolymorphicProps<'div'>, RefAttribute {
     value: UseTreeViewReturn<T>
   }
-  export interface TreeViewRootProviderProps<T extends TreeNode>
-    extends Assign<HTMLProps<'div'>, TreeViewRootProviderBaseProps<T>> {}
+  export interface TreeViewRootProviderProps<T extends TreeNode> extends Assign<
+    HTMLProps<'div'>,
+    TreeViewRootProviderBaseProps<T>
+  > {}
 
   export type TreeViewRootProviderComponent<P = {}> = <T extends TreeNode>(
     props: Assign<TreeViewRootProviderProps<T>, P>,

package/dist/components/tree-view/tree-view-root.svelte

@@ -5,10 +5,7 @@
   import type { UseTreeViewProps } from './use-tree-view.svelte'
 
   export interface TreeViewRootBaseProps<T extends TreeNode>
-    extends UseTreeViewProps<T>,
-      RenderStrategyProps,
-      PolymorphicProps<'div'>,
-      RefAttribute {}
+    extends UseTreeViewProps<T>, RenderStrategyProps, PolymorphicProps<'div'>, RefAttribute {}
 
   export interface TreeViewRootProps<T extends TreeNode> extends Assign<HTMLProps<'div'>, TreeViewRootBaseProps<T>> {}
 

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@ark-ui/svelte",
   "type": "module",
-  "version": "5.15.0",
+  "version": "5.16.0",
   "description": "A collection of unstyled, accessible UI components for Svelte",
   "keywords": [
     "accordion",
@@ -137,79 +137,80 @@
   "sideEffects": false,
   "dependencies": {
     "@internationalized/date": "3.10.0",
-    "@zag-js/accordion": "1.31.1",
-    "@zag-js/anatomy": "1.31.1",
-    "@zag-js/angle-slider": "1.31.1",
-    "@zag-js/async-list": "1.31.1",
-    "@zag-js/auto-resize": "1.31.1",
-    "@zag-js/avatar": "1.31.1",
-    "@zag-js/bottom-sheet": "1.31.1",
-    "@zag-js/carousel": "1.31.1",
-    "@zag-js/checkbox": "1.31.1",
-    "@zag-js/clipboard": "1.31.1",
-    "@zag-js/collapsible": "1.31.1",
-    "@zag-js/collection": "1.31.1",
-    "@zag-js/color-picker": "1.31.1",
-    "@zag-js/color-utils": "1.31.1",
-    "@zag-js/combobox": "1.31.1",
-    "@zag-js/core": "1.31.1",
-    "@zag-js/date-picker": "1.31.1",
-    "@zag-js/date-utils": "1.31.1",
-    "@zag-js/dialog": "1.31.1",
-    "@zag-js/dom-query": "1.31.1",
-    "@zag-js/editable": "1.31.1",
-    "@zag-js/file-upload": "1.31.1",
-    "@zag-js/file-utils": "1.31.1",
-    "@zag-js/floating-panel": "1.31.1",
-    "@zag-js/focus-trap": "1.31.1",
-    "@zag-js/highlight-word": "1.31.1",
-    "@zag-js/hover-card": "1.31.1",
-    "@zag-js/image-cropper": "1.31.1",
-    "@zag-js/i18n-utils": "1.31.1",
-    "@zag-js/json-tree-utils": "1.31.1",
-    "@zag-js/listbox": "1.31.1",
-    "@zag-js/marquee": "1.31.1",
-    "@zag-js/menu": "1.31.1",
-    "@zag-js/navigation-menu": "1.31.1",
-    "@zag-js/number-input": "1.31.1",
-    "@zag-js/pagination": "1.31.1",
-    "@zag-js/password-input": "1.31.1",
-    "@zag-js/pin-input": "1.31.1",
-    "@zag-js/popover": "1.31.1",
-    "@zag-js/presence": "1.31.1",
-    "@zag-js/progress": "1.31.1",
-    "@zag-js/qr-code": "1.31.1",
-    "@zag-js/radio-group": "1.31.1",
-    "@zag-js/rating-group": "1.31.1",
-    "@zag-js/scroll-area": "1.31.1",
-    "@zag-js/select": "1.31.1",
-    "@zag-js/signature-pad": "1.31.1",
-    "@zag-js/slider": "1.31.1",
-    "@zag-js/splitter": "1.31.1",
-    "@zag-js/steps": "1.31.1",
-    "@zag-js/svelte": "1.31.1",
-    "@zag-js/switch": "1.31.1",
-    "@zag-js/tabs": "1.31.1",
-    "@zag-js/tags-input": "1.31.1",
-    "@zag-js/timer": "1.31.1",
-    "@zag-js/toast": "1.31.1",
-    "@zag-js/toggle": "1.31.1",
-    "@zag-js/toggle-group": "1.31.1",
-    "@zag-js/tooltip": "1.31.1",
-    "@zag-js/tour": "1.31.1",
-    "@zag-js/tree-view": "1.31.1",
-    "@zag-js/types": "1.31.1",
-    "@zag-js/utils": "1.31.1"
+    "@zag-js/accordion": "1.33.1",
+    "@zag-js/anatomy": "1.33.1",
+    "@zag-js/angle-slider": "1.33.1",
+    "@zag-js/async-list": "1.33.1",
+    "@zag-js/auto-resize": "1.33.1",
+    "@zag-js/avatar": "1.33.1",
+    "@zag-js/bottom-sheet": "1.33.1",
+    "@zag-js/carousel": "1.33.1",
+    "@zag-js/checkbox": "1.33.1",
+    "@zag-js/clipboard": "1.33.1",
+    "@zag-js/collapsible": "1.33.1",
+    "@zag-js/collection": "1.33.1",
+    "@zag-js/color-picker": "1.33.1",
+    "@zag-js/color-utils": "1.33.1",
+    "@zag-js/combobox": "1.33.1",
+    "@zag-js/core": "1.33.1",
+    "@zag-js/date-picker": "1.33.1",
+    "@zag-js/date-utils": "1.33.1",
+    "@zag-js/dialog": "1.33.1",
+    "@zag-js/dom-query": "1.33.1",
+    "@zag-js/editable": "1.33.1",
+    "@zag-js/file-upload": "1.33.1",
+    "@zag-js/file-utils": "1.33.1",
+    "@zag-js/floating-panel": "1.33.1",
+    "@zag-js/focus-trap": "1.33.1",
+    "@zag-js/highlight-word": "1.33.1",
+    "@zag-js/hover-card": "1.33.1",
+    "@zag-js/image-cropper": "1.33.1",
+    "@zag-js/i18n-utils": "1.33.1",
+    "@zag-js/json-tree-utils": "1.33.1",
+    "@zag-js/listbox": "1.33.1",
+    "@zag-js/marquee": "1.33.1",
+    "@zag-js/menu": "1.33.1",
+    "@zag-js/navigation-menu": "1.33.1",
+    "@zag-js/number-input": "1.33.1",
+    "@zag-js/pagination": "1.33.1",
+    "@zag-js/password-input": "1.33.1",
+    "@zag-js/pin-input": "1.33.1",
+    "@zag-js/popover": "1.33.1",
+    "@zag-js/presence": "1.33.1",
+    "@zag-js/progress": "1.33.1",
+    "@zag-js/qr-code": "1.33.1",
+    "@zag-js/radio-group": "1.33.1",
+    "@zag-js/rating-group": "1.33.1",
+    "@zag-js/scroll-area": "1.33.1",
+    "@zag-js/select": "1.33.1",
+    "@zag-js/signature-pad": "1.33.1",
+    "@zag-js/slider": "1.33.1",
+    "@zag-js/splitter": "1.33.1",
+    "@zag-js/steps": "1.33.1",
+    "@zag-js/svelte": "1.33.1",
+    "@zag-js/switch": "1.33.1",
+    "@zag-js/tabs": "1.33.1",
+    "@zag-js/tags-input": "1.33.1",
+    "@zag-js/timer": "1.33.1",
+    "@zag-js/toast": "1.33.1",
+    "@zag-js/toggle": "1.33.1",
+    "@zag-js/toggle-group": "1.33.1",
+    "@zag-js/tooltip": "1.33.1",
+    "@zag-js/tour": "1.33.1",
+    "@zag-js/tree-view": "1.33.1",
+    "@zag-js/types": "1.33.1",
+    "@zag-js/utils": "1.33.1"
   },
   "devDependencies": {
-    "@storybook/addon-a11y": "9.1.16",
-    "@storybook/svelte": "9.1.16",
-    "@storybook/sveltekit": "9.1.16",
+    "@storybook/addon-a11y": "10.1.11",
+    "@storybook/svelte": "10.1.11",
+    "@storybook/sveltekit": "10.1.11",
     "@sveltejs/adapter-auto": "7.0.0",
     "@sveltejs/kit": "2.49.0",
     "@sveltejs/package": "2.5.7",
     "@sveltejs/vite-plugin-svelte": "6.2.1",
     "@tanstack/svelte-form": "1.26.0",
+    "@tanstack/svelte-virtual": "3.13.10",
     "@testing-library/dom": "10.4.1",
     "@testing-library/jest-dom": "6.9.1",
     "@testing-library/svelte": "5.2.9",
@@ -220,12 +221,12 @@
     "image-conversion": "2.1.1",
     "jsdom": "26.1.0",
     "lucide-svelte": "0.555.0",
-    "storybook": "9.1.16",
+    "storybook": "10.1.11",
     "svelte": "5.45.2",
     "svelte-check": "4.3.4",
     "tslib": "2.8.1",
     "typescript": "5.9.3",
-    "vite": "7.2.4",
+    "vite": "7.3.0",
     "vitest": "^4.0.0",
     "vitest-axe": "1.0.0-pre.5"
   },