@ark-ui/svelte 5.13.0 → 5.14.0

package/dist/components/carousel/carousel-autoplay-indicator.svelte

@@ -8,7 +8,8 @@
      */
     fallback?: Snippet
   }
-  export interface CarouselAutoplayIndicatorProps extends Assign<HTMLProps<'span'>, CarouselAutoplayIndicatorBaseProps> {
+  export interface CarouselAutoplayIndicatorProps
+    extends Assign<HTMLProps<'span'>, CarouselAutoplayIndicatorBaseProps> {
     children?: Snippet
   }
 </script>

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

@@ -20,6 +20,7 @@
     createSplitProps<UseCarouselProps>()(props, [
       'allowMouseDrag',
       'autoplay',
+      'autoSize',
       'defaultPage',
       'id',
       'ids',

package/dist/components/listbox/listbox-context.svelte

@@ -1,6 +1,6 @@
 <script module lang="ts">
   import type { Snippet } from 'svelte'
-    import type { CollectionItem } from '../collection'
+  import type { CollectionItem } from '../collection'
 
   export interface ListboxContextProps<T extends CollectionItem> {
     render: Snippet<[UseListboxContext<T>]>

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

@@ -1,7 +1,9 @@
+export { layout as getSplitterLayout } from '@zag-js/splitter';
 export type { ExpandCollapseDetails as SplitterExpandCollapseDetails, PanelData as SplitterPanelData, ResizeDetails as SplitterResizeDetails, ResizeEndDetails as SplitterResizeEndDetails, } from '@zag-js/splitter';
 export { default as SplitterContext, type SplitterContextProps } from './splitter-context.svelte';
 export { default as SplitterPanel, type SplitterPanelBaseProps, type SplitterPanelProps } from './splitter-panel.svelte';
 export { default as SplitterResizeTrigger, type SplitterResizeTriggerBaseProps, type SplitterResizeTriggerProps, } from './splitter-resize-trigger.svelte';
+export { default as SplitterResizeTriggerIndicator, type SplitterResizeTriggerIndicatorBaseProps, type SplitterResizeTriggerIndicatorProps, } from './splitter-resize-trigger-indicator.svelte';
 export { default as SplitterRootProvider, type SplitterRootProviderBaseProps, type SplitterRootProviderProps, } from './splitter-root-provider.svelte';
 export { default as SplitterRoot, type SplitterRootBaseProps, type SplitterRootProps } from './splitter-root.svelte';
 export { useSplitterContext, type UseSplitterContext } from './use-splitter-context';

package/dist/components/splitter/index.js

@@ -1,6 +1,8 @@
+export { layout as getSplitterLayout } from '@zag-js/splitter';
 export { default as SplitterContext } from './splitter-context.svelte';
 export { default as SplitterPanel } from './splitter-panel.svelte';
 export { default as SplitterResizeTrigger, } from './splitter-resize-trigger.svelte';
+export { default as SplitterResizeTriggerIndicator, } from './splitter-resize-trigger-indicator.svelte';
 export { default as SplitterRootProvider, } from './splitter-root-provider.svelte';
 export { default as SplitterRoot } from './splitter-root.svelte';
 export { useSplitterContext } from './use-splitter-context';

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

@@ -0,0 +1,22 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../types'
+
+  export interface SplitterResizeTriggerIndicatorBaseProps extends PolymorphicProps<'div'>, RefAttribute {}
+  export interface SplitterResizeTriggerIndicatorProps
+    extends Assign<HTMLProps<'div'>, SplitterResizeTriggerIndicatorBaseProps> {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from '@zag-js/svelte'
+  import { Ark } from '../factory'
+  import { useSplitterContext } from './use-splitter-context'
+  import { useSplitterResizeTriggerPropsContext } from './use-splitter-resize-trigger-props-context'
+
+  let { ref = $bindable(null), ...props }: SplitterResizeTriggerIndicatorProps = $props()
+
+  const splitter = useSplitterContext()
+  const triggerProps = useSplitterResizeTriggerPropsContext()
+  const mergedProps = $derived(mergeProps(splitter().getResizeTriggerIndicator(triggerProps()), props))
+</script>
+
+<Ark as="div" bind:ref {...mergedProps} />

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

@@ -0,0 +1,8 @@
+import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../types';
+export interface SplitterResizeTriggerIndicatorBaseProps extends PolymorphicProps<'div'>, RefAttribute {
+}
+export interface SplitterResizeTriggerIndicatorProps extends Assign<HTMLProps<'div'>, SplitterResizeTriggerIndicatorBaseProps> {
+}
+declare const SplitterResizeTriggerIndicator: import("svelte").Component<SplitterResizeTriggerIndicatorProps, {}, "ref">;
+type SplitterResizeTriggerIndicator = ReturnType<typeof SplitterResizeTriggerIndicator>;
+export default SplitterResizeTriggerIndicator;

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

@@ -14,6 +14,7 @@
   import { mergeProps } from '@zag-js/svelte'
   import { Ark } from '../factory'
   import { useSplitterContext } from './use-splitter-context'
+  import { SplitterResizeTriggerPropsProvider } from './use-splitter-resize-trigger-props-context'
 
   let { ref = $bindable(null), ...props }: SplitterResizeTriggerProps = $props()
 
@@ -21,6 +22,8 @@
 
   const splitter = useSplitterContext()
   const mergedProps = $derived(mergeProps(splitter().getResizeTriggerProps(triggerProps), localProps))
+
+  SplitterResizeTriggerPropsProvider(() => triggerProps)
 </script>
 
 <Ark as="button" bind:ref {...mergedProps} />

package/dist/components/splitter/splitter.d.ts

@@ -1,6 +1,8 @@
+export { layout as getLayout } from '@zag-js/splitter';
 export type { ExpandCollapseDetails, PanelData, ResizeDetails, ResizeEndDetails } from '@zag-js/splitter';
 export { default as Context, type SplitterContextProps as ContextProps } from './splitter-context.svelte';
 export { default as Panel, type SplitterPanelBaseProps as PanelBaseProps, type SplitterPanelProps as PanelProps, } from './splitter-panel.svelte';
 export { default as ResizeTrigger, type SplitterResizeTriggerBaseProps as ResizeTriggerBaseProps, type SplitterResizeTriggerProps as ResizeTriggerProps, } from './splitter-resize-trigger.svelte';
-export { default as Root, type SplitterRootBaseProps as RootBaseProps, type SplitterRootProps as RootProps, } from './splitter-root.svelte';
+export { default as ResizeTriggerIndicator, type SplitterResizeTriggerIndicatorBaseProps as ResizeTriggerIndicatorBaseProps, type SplitterResizeTriggerIndicatorProps as ResizeTriggerIndicatorProps, } from './splitter-resize-trigger-indicator.svelte';
 export { default as RootProvider, type SplitterRootProviderBaseProps as RootProviderBaseProps, type SplitterRootProviderProps as RootProviderProps, } from './splitter-root-provider.svelte';
+export { default as Root, type SplitterRootBaseProps as RootBaseProps, type SplitterRootProps as RootProps, } from './splitter-root.svelte';

package/dist/components/splitter/splitter.js

@@ -1,5 +1,7 @@
+export { layout as getLayout } from '@zag-js/splitter';
 export { default as Context } from './splitter-context.svelte';
 export { default as Panel, } from './splitter-panel.svelte';
 export { default as ResizeTrigger, } from './splitter-resize-trigger.svelte';
-export { default as Root, } from './splitter-root.svelte';
+export { default as ResizeTriggerIndicator, } from './splitter-resize-trigger-indicator.svelte';
 export { default as RootProvider, } from './splitter-root-provider.svelte';
+export { default as Root, } from './splitter-root.svelte';

package/dist/components/splitter/use-splitter-resize-trigger-props-context.d.ts

@@ -0,0 +1,3 @@
+import type { Accessor } from '../../types';
+import type { ResizeTriggerProps } from '@zag-js/splitter';
+export declare const SplitterResizeTriggerPropsProvider: (opts: Accessor<ResizeTriggerProps>) => void, useSplitterResizeTriggerPropsContext: (fallback?: Accessor<ResizeTriggerProps> | undefined) => Accessor<ResizeTriggerProps>;

package/dist/components/splitter/use-splitter-resize-trigger-props-context.js

@@ -0,0 +1,6 @@
+import { createContext } from '../../utils/create-context';
+export const [SplitterResizeTriggerPropsProvider, useSplitterResizeTriggerPropsContext] = createContext({
+    name: 'SplitterResizeTriggerPropsContext',
+    hookName: 'useSplitterResizeTriggerPropsContext',
+    providerName: '<SplitterResizeTriggerPropsProvider />',
+});

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@ark-ui/svelte",
   "type": "module",
-  "version": "5.13.0",
+  "version": "5.14.0",
   "description": "A collection of unstyled, accessible UI components for Svelte",
   "keywords": [
     "accordion",
@@ -137,95 +137,95 @@
   "sideEffects": false,
   "dependencies": {
     "@internationalized/date": "3.10.0",
-    "@zag-js/accordion": "1.27.1",
-    "@zag-js/anatomy": "1.27.1",
-    "@zag-js/angle-slider": "1.27.1",
-    "@zag-js/async-list": "1.27.1",
-    "@zag-js/auto-resize": "1.27.1",
-    "@zag-js/avatar": "1.27.1",
-    "@zag-js/bottom-sheet": "1.27.1",
-    "@zag-js/carousel": "1.27.1",
-    "@zag-js/checkbox": "1.27.1",
-    "@zag-js/clipboard": "1.27.1",
-    "@zag-js/collapsible": "1.27.1",
-    "@zag-js/collection": "1.27.1",
-    "@zag-js/color-picker": "1.27.1",
-    "@zag-js/color-utils": "1.27.1",
-    "@zag-js/combobox": "1.27.1",
-    "@zag-js/core": "1.27.1",
-    "@zag-js/date-picker": "1.27.1",
-    "@zag-js/date-utils": "1.27.1",
-    "@zag-js/dialog": "1.27.1",
-    "@zag-js/dom-query": "1.27.1",
-    "@zag-js/editable": "1.27.1",
-    "@zag-js/file-upload": "1.27.1",
-    "@zag-js/file-utils": "1.27.1",
-    "@zag-js/floating-panel": "1.27.1",
-    "@zag-js/focus-trap": "1.27.1",
-    "@zag-js/highlight-word": "1.27.1",
-    "@zag-js/hover-card": "1.27.1",
-    "@zag-js/image-cropper": "1.27.1",
-    "@zag-js/i18n-utils": "1.27.1",
-    "@zag-js/json-tree-utils": "1.27.1",
-    "@zag-js/listbox": "1.27.1",
-    "@zag-js/marquee": "1.27.1",
-    "@zag-js/menu": "1.27.1",
-    "@zag-js/number-input": "1.27.1",
-    "@zag-js/pagination": "1.27.1",
-    "@zag-js/password-input": "1.27.1",
-    "@zag-js/pin-input": "1.27.1",
-    "@zag-js/popover": "1.27.1",
-    "@zag-js/presence": "1.27.1",
-    "@zag-js/progress": "1.27.1",
-    "@zag-js/qr-code": "1.27.1",
-    "@zag-js/radio-group": "1.27.1",
-    "@zag-js/rating-group": "1.27.1",
-    "@zag-js/scroll-area": "1.27.1",
-    "@zag-js/select": "1.27.1",
-    "@zag-js/signature-pad": "1.27.1",
-    "@zag-js/slider": "1.27.1",
-    "@zag-js/splitter": "1.27.1",
-    "@zag-js/steps": "1.27.1",
-    "@zag-js/svelte": "1.27.1",
-    "@zag-js/switch": "1.27.1",
-    "@zag-js/tabs": "1.27.1",
-    "@zag-js/tags-input": "1.27.1",
-    "@zag-js/timer": "1.27.1",
-    "@zag-js/toast": "1.27.1",
-    "@zag-js/toggle": "1.27.1",
-    "@zag-js/toggle-group": "1.27.1",
-    "@zag-js/tooltip": "1.27.1",
-    "@zag-js/tour": "1.27.1",
-    "@zag-js/tree-view": "1.27.1",
-    "@zag-js/types": "1.27.1",
-    "@zag-js/utils": "1.27.1"
+    "@zag-js/accordion": "1.29.0",
+    "@zag-js/anatomy": "1.29.0",
+    "@zag-js/angle-slider": "1.29.0",
+    "@zag-js/async-list": "1.29.0",
+    "@zag-js/auto-resize": "1.29.0",
+    "@zag-js/avatar": "1.29.0",
+    "@zag-js/bottom-sheet": "1.29.0",
+    "@zag-js/carousel": "1.29.0",
+    "@zag-js/checkbox": "1.29.0",
+    "@zag-js/clipboard": "1.29.0",
+    "@zag-js/collapsible": "1.29.0",
+    "@zag-js/collection": "1.29.0",
+    "@zag-js/color-picker": "1.29.0",
+    "@zag-js/color-utils": "1.29.0",
+    "@zag-js/combobox": "1.29.0",
+    "@zag-js/core": "1.29.0",
+    "@zag-js/date-picker": "1.29.0",
+    "@zag-js/date-utils": "1.29.0",
+    "@zag-js/dialog": "1.29.0",
+    "@zag-js/dom-query": "1.29.0",
+    "@zag-js/editable": "1.29.0",
+    "@zag-js/file-upload": "1.29.0",
+    "@zag-js/file-utils": "1.29.0",
+    "@zag-js/floating-panel": "1.29.0",
+    "@zag-js/focus-trap": "1.29.0",
+    "@zag-js/highlight-word": "1.29.0",
+    "@zag-js/hover-card": "1.29.0",
+    "@zag-js/image-cropper": "1.29.0",
+    "@zag-js/i18n-utils": "1.29.0",
+    "@zag-js/json-tree-utils": "1.29.0",
+    "@zag-js/listbox": "1.29.0",
+    "@zag-js/marquee": "1.29.0",
+    "@zag-js/menu": "1.29.0",
+    "@zag-js/number-input": "1.29.0",
+    "@zag-js/pagination": "1.29.0",
+    "@zag-js/password-input": "1.29.0",
+    "@zag-js/pin-input": "1.29.0",
+    "@zag-js/popover": "1.29.0",
+    "@zag-js/presence": "1.29.0",
+    "@zag-js/progress": "1.29.0",
+    "@zag-js/qr-code": "1.29.0",
+    "@zag-js/radio-group": "1.29.0",
+    "@zag-js/rating-group": "1.29.0",
+    "@zag-js/scroll-area": "1.29.0",
+    "@zag-js/select": "1.29.0",
+    "@zag-js/signature-pad": "1.29.0",
+    "@zag-js/slider": "1.29.0",
+    "@zag-js/splitter": "1.29.0",
+    "@zag-js/steps": "1.29.0",
+    "@zag-js/svelte": "1.29.0",
+    "@zag-js/switch": "1.29.0",
+    "@zag-js/tabs": "1.29.0",
+    "@zag-js/tags-input": "1.29.0",
+    "@zag-js/timer": "1.29.0",
+    "@zag-js/toast": "1.29.0",
+    "@zag-js/toggle": "1.29.0",
+    "@zag-js/toggle-group": "1.29.0",
+    "@zag-js/tooltip": "1.29.0",
+    "@zag-js/tour": "1.29.0",
+    "@zag-js/tree-view": "1.29.0",
+    "@zag-js/types": "1.29.0",
+    "@zag-js/utils": "1.29.0"
   },
   "devDependencies": {
     "@storybook/addon-a11y": "9.1.16",
     "@storybook/svelte": "9.1.16",
     "@storybook/sveltekit": "9.1.16",
     "@sveltejs/adapter-auto": "7.0.0",
-    "@sveltejs/kit": "2.48.4",
+    "@sveltejs/kit": "2.48.5",
     "@sveltejs/package": "2.5.4",
     "@sveltejs/vite-plugin-svelte": "6.2.1",
-    "@tanstack/svelte-form": "1.23.8",
+    "@tanstack/svelte-form": "1.25.0",
     "@testing-library/dom": "10.4.1",
     "@testing-library/jest-dom": "6.9.1",
-    "@testing-library/svelte": "5.2.8",
+    "@testing-library/svelte": "5.2.9",
     "@testing-library/user-event": "14.6.1",
-    "@vitest/coverage-v8": "3.2.4",
+    "@vitest/coverage-v8": "^4.0.0",
     "check-password-strength": "3.0.0",
     "clean-package": "2.2.0",
     "image-conversion": "2.1.1",
     "jsdom": "26.1.0",
-    "lucide-svelte": "0.553.0",
+    "lucide-svelte": "0.554.0",
     "storybook": "9.1.16",
-    "svelte": "5.43.5",
-    "svelte-check": "4.3.3",
+    "svelte": "5.43.8",
+    "svelte-check": "4.3.4",
     "tslib": "2.8.1",
     "typescript": "5.9.3",
     "vite": "7.2.2",
-    "vitest": "3.2.4",
+    "vitest": "^4.0.0",
     "vitest-axe": "1.0.0-pre.5"
   },
   "peerDependencies": {