@ark-ui/svelte 5.11.2 → 5.12.1

package/dist/components/anatomy.d.ts

@@ -18,6 +18,7 @@ export { fileUploadAnatomy } from './file-upload/file-upload.anatomy';
 export { floatingPanelAnatomy } from './floating-panel/floating-panel.anatomy';
 export { hoverCardAnatomy } from './hover-card/hover-card.anatomy';
 export { listboxAnatomy } from './listbox/listbox.anatomy';
+export { marqueeAnatomy } from './marquee/marquee.anatomy';
 export { menuAnatomy } from './menu/menu.anatomy';
 export { numberInputAnatomy } from './number-input/number-input.anatomy';
 export { paginationAnatomy } from './pagination/pagination.anatomy';

package/dist/components/anatomy.js

@@ -18,6 +18,7 @@ export { fileUploadAnatomy } from './file-upload/file-upload.anatomy';
 export { floatingPanelAnatomy } from './floating-panel/floating-panel.anatomy';
 export { hoverCardAnatomy } from './hover-card/hover-card.anatomy';
 export { listboxAnatomy } from './listbox/listbox.anatomy';
+export { marqueeAnatomy } from './marquee/marquee.anatomy';
 export { menuAnatomy } from './menu/menu.anatomy';
 export { numberInputAnatomy } from './number-input/number-input.anatomy';
 export { paginationAnatomy } from './pagination/pagination.anatomy';

package/dist/components/index.d.ts

@@ -26,6 +26,7 @@ export * from './highlight';
 export * from './hover-card';
 export * from './json-tree-view';
 export * from './listbox';
+export * from './marquee';
 export * from './menu';
 export * from './number-input';
 export * from './pagination';

package/dist/components/index.js

@@ -26,6 +26,7 @@ export * from './highlight';
 export * from './hover-card';
 export * from './json-tree-view';
 export * from './listbox';
+export * from './marquee';
 export * from './menu';
 export * from './number-input';
 export * from './pagination';

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

@@ -0,0 +1,12 @@
+export type { PauseStatusDetails as MarqueePauseStatusDetails, Side as MarqueeSide } from '@zag-js/marquee';
+export { default as MarqueeContent, type MarqueeContentBaseProps, type MarqueeContentProps, } from './marquee-content.svelte';
+export { default as MarqueeContext, type MarqueeContextProps } from './marquee-context.svelte';
+export { default as MarqueeEdge, type MarqueeEdgeBaseProps, type MarqueeEdgeProps } from './marquee-edge.svelte';
+export { default as MarqueeItem, type MarqueeItemBaseProps, type MarqueeItemProps } from './marquee-item.svelte';
+export { default as MarqueeRoot, type MarqueeRootBaseProps, type MarqueeRootProps } from './marquee-root.svelte';
+export { default as MarqueeRootProvider, type MarqueeRootProviderBaseProps, type MarqueeRootProviderProps, } from './marquee-root-provider.svelte';
+export { default as MarqueeViewport, type MarqueeViewportBaseProps, type MarqueeViewportProps, } from './marquee-viewport.svelte';
+export { marqueeAnatomy } from './marquee.anatomy';
+export { useMarquee, type UseMarqueeProps, type UseMarqueeReturn } from './use-marquee.svelte';
+export { useMarqueeContext, type UseMarqueeContext } from './use-marquee-context';
+export * as Marquee from './marquee';

package/dist/components/marquee/index.js

@@ -0,0 +1,11 @@
+export { default as MarqueeContent, } from './marquee-content.svelte';
+export { default as MarqueeContext } from './marquee-context.svelte';
+export { default as MarqueeEdge } from './marquee-edge.svelte';
+export { default as MarqueeItem } from './marquee-item.svelte';
+export { default as MarqueeRoot } from './marquee-root.svelte';
+export { default as MarqueeRootProvider, } from './marquee-root-provider.svelte';
+export { default as MarqueeViewport, } from './marquee-viewport.svelte';
+export { marqueeAnatomy } from './marquee.anatomy';
+export { useMarquee } from './use-marquee.svelte';
+export { useMarqueeContext } from './use-marquee-context';
+export * as Marquee from './marquee';

package/dist/components/marquee/marquee-content.svelte

@@ -0,0 +1,36 @@
+<script module lang="ts">
+  import type { HTMLProps, PolymorphicProps, RefAttribute } from '../../types'
+  import type { Snippet } from 'svelte'
+
+  export interface MarqueeContentBaseProps extends PolymorphicProps<'div'>, RefAttribute {
+    children?: Snippet
+  }
+  export interface MarqueeContentProps extends HTMLProps<'div'>, MarqueeContentBaseProps {}
+</script>
+
+<script lang="ts">
+  import { useMarqueeContext } from './use-marquee-context'
+  import { mergeProps } from '@zag-js/svelte'
+  import { Ark } from '../factory'
+
+  let { ref = $bindable(null), children, ...props }: MarqueeContentProps = $props()
+
+  const marquee = useMarqueeContext()
+</script>
+
+{#each Array.from({ length: marquee().contentCount }) as _, index (index)}
+  {@const mergedProps = mergeProps(marquee().getContentProps({ index }), props)}
+  {#if index === 0}
+    <Ark as="div" bind:ref {...mergedProps}>
+      {#if children}
+        {@render children()}
+      {/if}
+    </Ark>
+  {:else}
+    <Ark as="div" {...mergedProps}>
+      {#if children}
+        {@render children()}
+      {/if}
+    </Ark>
+  {/if}
+{/each}

package/dist/components/marquee/marquee-content.svelte.d.ts

@@ -0,0 +1,10 @@
+import type { HTMLProps, PolymorphicProps, RefAttribute } from '../../types';
+import type { Snippet } from 'svelte';
+export interface MarqueeContentBaseProps extends PolymorphicProps<'div'>, RefAttribute {
+    children?: Snippet;
+}
+export interface MarqueeContentProps extends HTMLProps<'div'>, MarqueeContentBaseProps {
+}
+declare const MarqueeContent: import("svelte").Component<MarqueeContentProps, {}, "ref">;
+type MarqueeContent = ReturnType<typeof MarqueeContent>;
+export default MarqueeContent;

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

@@ -0,0 +1,18 @@
+<script module lang="ts">
+  import type { Snippet } from 'svelte'
+  import type { UseMarqueeContext } from './use-marquee-context'
+
+  export interface MarqueeContextProps {
+    children: Snippet<[UseMarqueeContext]>
+  }
+</script>
+
+<script lang="ts">
+  import { useMarqueeContext } from './use-marquee-context'
+
+  let { children }: MarqueeContextProps = $props()
+
+  const context = useMarqueeContext()
+</script>
+
+{@render children(context)}

package/dist/components/marquee/marquee-context.svelte.d.ts

@@ -0,0 +1,8 @@
+import type { Snippet } from 'svelte';
+import type { UseMarqueeContext } from './use-marquee-context';
+export interface MarqueeContextProps {
+    children: Snippet<[UseMarqueeContext]>;
+}
+declare const MarqueeContext: import("svelte").Component<MarqueeContextProps, {}, "">;
+type MarqueeContext = ReturnType<typeof MarqueeContext>;
+export default MarqueeContext;

package/dist/components/marquee/marquee-edge.svelte

@@ -0,0 +1,22 @@
+<script module lang="ts">
+  import type { EdgeProps } from '@zag-js/marquee'
+  import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../types'
+
+  export interface MarqueeEdgeBaseProps extends EdgeProps, PolymorphicProps<'div'>, RefAttribute {}
+  export interface MarqueeEdgeProps extends Assign<HTMLProps<'div'>, MarqueeEdgeBaseProps> {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from '@zag-js/svelte'
+  import { createSplitProps } from '../../utils/create-split-props'
+  import { Ark } from '../factory'
+  import { useMarqueeContext } from './use-marquee-context'
+
+  let { ref = $bindable(null), ...props }: MarqueeEdgeProps = $props()
+
+  const [edgeProps, localProps] = $derived(createSplitProps<EdgeProps>()(props, ['side']))
+  const marquee = useMarqueeContext()
+  const mergedProps = $derived(mergeProps(marquee().getEdgeProps(edgeProps), localProps))
+</script>
+
+<Ark as="div" bind:ref {...mergedProps} />

package/dist/components/marquee/marquee-edge.svelte.d.ts

@@ -0,0 +1,9 @@
+import type { EdgeProps } from '@zag-js/marquee';
+import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../types';
+export interface MarqueeEdgeBaseProps extends EdgeProps, PolymorphicProps<'div'>, RefAttribute {
+}
+export interface MarqueeEdgeProps extends Assign<HTMLProps<'div'>, MarqueeEdgeBaseProps> {
+}
+declare const MarqueeEdge: import("svelte").Component<MarqueeEdgeProps, {}, "ref">;
+type MarqueeEdge = ReturnType<typeof MarqueeEdge>;
+export default MarqueeEdge;

package/dist/components/marquee/marquee-item.svelte

@@ -0,0 +1,19 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../types'
+
+  export interface MarqueeItemBaseProps extends PolymorphicProps<'div'>, RefAttribute {}
+  export interface MarqueeItemProps extends Assign<HTMLProps<'div'>, MarqueeItemBaseProps> {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from '@zag-js/svelte'
+  import { Ark } from '../factory'
+  import { useMarqueeContext } from './use-marquee-context'
+
+  let { ref = $bindable(null), ...props }: MarqueeItemProps = $props()
+
+  const marquee = useMarqueeContext()
+  const mergedProps = $derived(mergeProps(marquee().getItemProps(), props))
+</script>
+
+<Ark as="div" bind:ref {...mergedProps} />

package/dist/components/marquee/marquee-item.svelte.d.ts

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

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

@@ -0,0 +1,25 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../types'
+  import type { UseMarqueeReturn } from './use-marquee.svelte'
+
+  interface RootProviderProps {
+    value: UseMarqueeReturn
+  }
+
+  export interface MarqueeRootProviderBaseProps extends RootProviderProps, PolymorphicProps<'div'>, RefAttribute {}
+  export interface MarqueeRootProviderProps extends Assign<HTMLProps<'div'>, MarqueeRootProviderBaseProps> {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from '@zag-js/svelte'
+  import { Ark } from '../factory'
+  import { MarqueeProvider } from './use-marquee-context'
+
+  let { ref = $bindable(null), ...props }: MarqueeRootProviderProps = $props()
+  const { value: marquee, ...localProps } = props
+  const mergedProps = $derived(mergeProps(marquee().getRootProps(), localProps))
+
+  MarqueeProvider(marquee)
+</script>
+
+<Ark as="div" bind:ref {...mergedProps} />

package/dist/components/marquee/marquee-root-provider.svelte.d.ts

@@ -0,0 +1,12 @@
+import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../types';
+import type { UseMarqueeReturn } from './use-marquee.svelte';
+interface RootProviderProps {
+    value: UseMarqueeReturn;
+}
+export interface MarqueeRootProviderBaseProps extends RootProviderProps, PolymorphicProps<'div'>, RefAttribute {
+}
+export interface MarqueeRootProviderProps extends Assign<HTMLProps<'div'>, MarqueeRootProviderBaseProps> {
+}
+declare const MarqueeRootProvider: import("svelte").Component<MarqueeRootProviderProps, {}, "ref">;
+type MarqueeRootProvider = ReturnType<typeof MarqueeRootProvider>;
+export default MarqueeRootProvider;

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

@@ -0,0 +1,51 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, Optional, PolymorphicProps, RefAttribute } from '../../types'
+  import type { UseMarqueeProps } from './use-marquee.svelte'
+
+  export interface MarqueeRootBaseProps extends Optional<UseMarqueeProps, 'id'>, PolymorphicProps<'div'>, RefAttribute {}
+  export interface MarqueeRootProps extends Assign<HTMLProps<'div'>, MarqueeRootBaseProps> {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from '@zag-js/svelte'
+  import { createSplitProps } from '../../utils/create-split-props'
+  import { Ark } from '../factory'
+  import { MarqueeProvider } from './use-marquee-context'
+  import { useMarquee } from './use-marquee.svelte'
+
+  let { ref = $bindable(null), ...props }: MarqueeRootProps = $props()
+  const providedId = $props.id()
+
+  const [useMarqueeProps, localProps] = $derived(
+    createSplitProps<Optional<UseMarqueeProps, 'id'>>()(props, [
+      'autoFill',
+      'defaultPaused',
+      'delay',
+      'id',
+      'ids',
+      'loopCount',
+      'onComplete',
+      'onLoopComplete',
+      'onPauseChange',
+      'paused',
+      'pauseOnInteraction',
+      'reverse',
+      'side',
+      'spacing',
+      'speed',
+      'translations',
+    ]),
+  )
+
+  const resolvedProps = $derived({
+    ...useMarqueeProps,
+    id: providedId,
+  })
+
+  const marquee = useMarquee(() => resolvedProps)
+  const mergedProps = $derived(mergeProps(marquee().getRootProps(), localProps))
+
+  MarqueeProvider(marquee)
+</script>
+
+<Ark as="div" bind:ref {...mergedProps} />

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

@@ -0,0 +1,9 @@
+import type { Assign, HTMLProps, Optional, PolymorphicProps, RefAttribute } from '../../types';
+import type { UseMarqueeProps } from './use-marquee.svelte';
+export interface MarqueeRootBaseProps extends Optional<UseMarqueeProps, 'id'>, PolymorphicProps<'div'>, RefAttribute {
+}
+export interface MarqueeRootProps extends Assign<HTMLProps<'div'>, MarqueeRootBaseProps> {
+}
+declare const MarqueeRoot: import("svelte").Component<MarqueeRootProps, {}, "ref">;
+type MarqueeRoot = ReturnType<typeof MarqueeRoot>;
+export default MarqueeRoot;

package/dist/components/marquee/marquee-viewport.svelte

@@ -0,0 +1,19 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../types'
+
+  export interface MarqueeViewportBaseProps extends PolymorphicProps<'div'>, RefAttribute {}
+  export interface MarqueeViewportProps extends Assign<HTMLProps<'div'>, MarqueeViewportBaseProps> {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from '@zag-js/svelte'
+  import { Ark } from '../factory'
+  import { useMarqueeContext } from './use-marquee-context'
+
+  let { ref = $bindable(null), ...props }: MarqueeViewportProps = $props()
+
+  const marquee = useMarqueeContext()
+  const mergedProps = $derived(mergeProps(marquee().getViewportProps(), props))
+</script>
+
+<Ark as="div" bind:ref {...mergedProps} />

package/dist/components/marquee/marquee-viewport.svelte.d.ts

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

package/dist/components/marquee/marquee.anatomy.d.ts

@@ -0,0 +1 @@
+export { anatomy as marqueeAnatomy } from '@zag-js/marquee';

package/dist/components/marquee/marquee.anatomy.js

@@ -0,0 +1 @@
+export { anatomy as marqueeAnatomy } from '@zag-js/marquee';

package/dist/components/marquee/marquee.d.ts

@@ -0,0 +1,8 @@
+export type { PauseStatusDetails, Side } from '@zag-js/marquee';
+export { default as Content, type MarqueeContentBaseProps as ContentBaseProps, type MarqueeContentProps as ContentProps, } from './marquee-content.svelte';
+export { default as Context, type MarqueeContextProps as ContextProps } from './marquee-context.svelte';
+export { default as Edge, type MarqueeEdgeBaseProps as EdgeBaseProps, type MarqueeEdgeProps as EdgeProps, } from './marquee-edge.svelte';
+export { default as Item, type MarqueeItemBaseProps as ItemBaseProps, type MarqueeItemProps as ItemProps, } from './marquee-item.svelte';
+export { default as Root, type MarqueeRootBaseProps as RootBaseProps, type MarqueeRootProps as RootProps, } from './marquee-root.svelte';
+export { default as RootProvider, type MarqueeRootProviderBaseProps as RootProviderBaseProps, type MarqueeRootProviderProps as RootProviderProps, } from './marquee-root-provider.svelte';
+export { default as Viewport, type MarqueeViewportBaseProps as ViewportBaseProps, type MarqueeViewportProps as ViewportProps, } from './marquee-viewport.svelte';

package/dist/components/marquee/marquee.js

@@ -0,0 +1,7 @@
+export { default as Content, } from './marquee-content.svelte';
+export { default as Context } from './marquee-context.svelte';
+export { default as Edge, } from './marquee-edge.svelte';
+export { default as Item, } from './marquee-item.svelte';
+export { default as Root, } from './marquee-root.svelte';
+export { default as RootProvider, } from './marquee-root-provider.svelte';
+export { default as Viewport, } from './marquee-viewport.svelte';

package/dist/components/marquee/use-marquee-context.d.ts

@@ -0,0 +1,4 @@
+import type { UseMarqueeReturn } from './use-marquee.svelte';
+export interface UseMarqueeContext extends UseMarqueeReturn {
+}
+export declare const MarqueeProvider: (opts: UseMarqueeContext) => void, useMarqueeContext: (fallback?: UseMarqueeContext | undefined) => UseMarqueeContext;

package/dist/components/marquee/use-marquee-context.js

@@ -0,0 +1,5 @@
+import { createContext } from '../../utils/create-context';
+export const [MarqueeProvider, useMarqueeContext] = createContext({
+    hookName: 'useMarqueeContext',
+    providerName: '<MarqueeProvider />',
+});

package/dist/components/marquee/use-marquee.svelte.d.ts

@@ -0,0 +1,9 @@
+import type { Accessor } from '../../types';
+import * as marquee from '@zag-js/marquee';
+import { type PropTypes } from '@zag-js/svelte';
+import { type MaybeFunction } from '@zag-js/utils';
+export interface UseMarqueeProps extends Omit<marquee.Props, 'dir' | 'getRootNode'> {
+}
+export interface UseMarqueeReturn extends Accessor<marquee.Api<PropTypes>> {
+}
+export declare const useMarquee: (props: MaybeFunction<UseMarqueeProps>) => () => marquee.Api<PropTypes>;

package/dist/components/marquee/use-marquee.svelte.js

@@ -0,0 +1,20 @@
+import { useEnvironmentContext } from '../../providers/environment';
+import { useLocaleContext } from '../../providers/locale';
+import * as marquee from '@zag-js/marquee';
+import { normalizeProps, useMachine } from '@zag-js/svelte';
+import { runIfFn } from '@zag-js/utils';
+export const useMarquee = (props) => {
+    const env = useEnvironmentContext();
+    const locale = useLocaleContext();
+    const machineProps = $derived.by(() => {
+        const resolvedProps = runIfFn(props);
+        return {
+            dir: locale().dir,
+            getRootNode: env().getRootNode,
+            ...resolvedProps,
+        };
+    });
+    const service = useMachine(marquee.machine, () => machineProps);
+    const api = $derived(marquee.connect(service, normalizeProps));
+    return () => api;
+};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@ark-ui/svelte",
   "type": "module",
-  "version": "5.11.2",
+  "version": "5.12.1",
   "description": "A collection of unstyled, accessible UI components for Svelte",
   "keywords": [
     "accordion",
@@ -137,76 +137,77 @@
   "sideEffects": false,
   "dependencies": {
     "@internationalized/date": "3.10.0",
-    "@zag-js/accordion": "1.26.3",
-    "@zag-js/anatomy": "1.26.3",
-    "@zag-js/angle-slider": "1.26.3",
-    "@zag-js/async-list": "1.26.3",
-    "@zag-js/auto-resize": "1.26.3",
-    "@zag-js/avatar": "1.26.3",
-    "@zag-js/bottom-sheet": "1.26.3",
-    "@zag-js/carousel": "1.26.3",
-    "@zag-js/checkbox": "1.26.3",
-    "@zag-js/clipboard": "1.26.3",
-    "@zag-js/collapsible": "1.26.3",
-    "@zag-js/collection": "1.26.3",
-    "@zag-js/color-picker": "1.26.3",
-    "@zag-js/color-utils": "1.26.3",
-    "@zag-js/combobox": "1.26.3",
-    "@zag-js/core": "1.26.3",
-    "@zag-js/date-picker": "1.26.3",
-    "@zag-js/date-utils": "1.26.3",
-    "@zag-js/dialog": "1.26.3",
-    "@zag-js/dom-query": "1.26.3",
-    "@zag-js/editable": "1.26.3",
-    "@zag-js/file-upload": "1.26.3",
-    "@zag-js/file-utils": "1.26.3",
-    "@zag-js/floating-panel": "1.26.3",
-    "@zag-js/focus-trap": "1.26.3",
-    "@zag-js/highlight-word": "1.26.3",
-    "@zag-js/hover-card": "1.26.3",
-    "@zag-js/i18n-utils": "1.26.3",
-    "@zag-js/json-tree-utils": "1.26.3",
-    "@zag-js/listbox": "1.26.3",
-    "@zag-js/menu": "1.26.3",
-    "@zag-js/number-input": "1.26.3",
-    "@zag-js/pagination": "1.26.3",
-    "@zag-js/password-input": "1.26.3",
-    "@zag-js/pin-input": "1.26.3",
-    "@zag-js/popover": "1.26.3",
-    "@zag-js/presence": "1.26.3",
-    "@zag-js/progress": "1.26.3",
-    "@zag-js/qr-code": "1.26.3",
-    "@zag-js/radio-group": "1.26.3",
-    "@zag-js/rating-group": "1.26.3",
-    "@zag-js/scroll-area": "1.26.3",
-    "@zag-js/select": "1.26.3",
-    "@zag-js/signature-pad": "1.26.3",
-    "@zag-js/slider": "1.26.3",
-    "@zag-js/splitter": "1.26.3",
-    "@zag-js/steps": "1.26.3",
-    "@zag-js/svelte": "1.26.3",
-    "@zag-js/switch": "1.26.3",
-    "@zag-js/tabs": "1.26.3",
-    "@zag-js/tags-input": "1.26.3",
-    "@zag-js/timer": "1.26.3",
-    "@zag-js/toast": "1.26.3",
-    "@zag-js/toggle": "1.26.3",
-    "@zag-js/toggle-group": "1.26.3",
-    "@zag-js/tooltip": "1.26.3",
-    "@zag-js/tour": "1.26.3",
-    "@zag-js/tree-view": "1.26.3",
-    "@zag-js/types": "1.26.3",
-    "@zag-js/utils": "1.26.3"
+    "@zag-js/accordion": "1.27.0",
+    "@zag-js/anatomy": "1.27.0",
+    "@zag-js/angle-slider": "1.27.0",
+    "@zag-js/async-list": "1.27.0",
+    "@zag-js/auto-resize": "1.27.0",
+    "@zag-js/avatar": "1.27.0",
+    "@zag-js/bottom-sheet": "1.27.0",
+    "@zag-js/carousel": "1.27.0",
+    "@zag-js/checkbox": "1.27.0",
+    "@zag-js/clipboard": "1.27.0",
+    "@zag-js/collapsible": "1.27.0",
+    "@zag-js/collection": "1.27.0",
+    "@zag-js/color-picker": "1.27.0",
+    "@zag-js/color-utils": "1.27.0",
+    "@zag-js/combobox": "1.27.0",
+    "@zag-js/core": "1.27.0",
+    "@zag-js/date-picker": "1.27.0",
+    "@zag-js/date-utils": "1.27.0",
+    "@zag-js/dialog": "1.27.0",
+    "@zag-js/dom-query": "1.27.0",
+    "@zag-js/editable": "1.27.0",
+    "@zag-js/file-upload": "1.27.0",
+    "@zag-js/file-utils": "1.27.0",
+    "@zag-js/floating-panel": "1.27.0",
+    "@zag-js/focus-trap": "1.27.0",
+    "@zag-js/highlight-word": "1.27.0",
+    "@zag-js/hover-card": "1.27.0",
+    "@zag-js/i18n-utils": "1.27.0",
+    "@zag-js/json-tree-utils": "1.27.0",
+    "@zag-js/listbox": "1.27.0",
+    "@zag-js/marquee": "1.27.0",
+    "@zag-js/menu": "1.27.0",
+    "@zag-js/number-input": "1.27.0",
+    "@zag-js/pagination": "1.27.0",
+    "@zag-js/password-input": "1.27.0",
+    "@zag-js/pin-input": "1.27.0",
+    "@zag-js/popover": "1.27.0",
+    "@zag-js/presence": "1.27.0",
+    "@zag-js/progress": "1.27.0",
+    "@zag-js/qr-code": "1.27.0",
+    "@zag-js/radio-group": "1.27.0",
+    "@zag-js/rating-group": "1.27.0",
+    "@zag-js/scroll-area": "1.27.0",
+    "@zag-js/select": "1.27.0",
+    "@zag-js/signature-pad": "1.27.0",
+    "@zag-js/slider": "1.27.0",
+    "@zag-js/splitter": "1.27.0",
+    "@zag-js/steps": "1.27.0",
+    "@zag-js/svelte": "1.27.0",
+    "@zag-js/switch": "1.27.0",
+    "@zag-js/tabs": "1.27.0",
+    "@zag-js/tags-input": "1.27.0",
+    "@zag-js/timer": "1.27.0",
+    "@zag-js/toast": "1.27.0",
+    "@zag-js/toggle": "1.27.0",
+    "@zag-js/toggle-group": "1.27.0",
+    "@zag-js/tooltip": "1.27.0",
+    "@zag-js/tour": "1.27.0",
+    "@zag-js/tree-view": "1.27.0",
+    "@zag-js/types": "1.27.0",
+    "@zag-js/utils": "1.27.0"
   },
   "devDependencies": {
-    "@storybook/addon-a11y": "9.1.10",
-    "@storybook/svelte": "9.1.10",
-    "@storybook/sveltekit": "9.1.10",
-    "@sveltejs/adapter-auto": "6.1.1",
-    "@sveltejs/kit": "2.46.5",
+    "@storybook/addon-a11y": "9.1.15",
+    "@storybook/svelte": "9.1.15",
+    "@storybook/sveltekit": "9.1.15",
+    "@sveltejs/adapter-auto": "7.0.0",
+    "@sveltejs/kit": "2.48.0",
     "@sveltejs/package": "2.5.4",
     "@sveltejs/vite-plugin-svelte": "6.2.1",
-    "@tanstack/svelte-form": "1.23.7",
+    "@tanstack/svelte-form": "1.23.8",
     "@testing-library/dom": "10.4.1",
     "@testing-library/jest-dom": "6.9.1",
     "@testing-library/svelte": "5.2.8",
@@ -216,13 +217,13 @@
     "clean-package": "2.2.0",
     "image-conversion": "2.1.1",
     "jsdom": "26.1.0",
-    "lucide-svelte": "0.545.0",
-    "storybook": "9.1.10",
-    "svelte": "5.39.12",
+    "lucide-svelte": "0.548.0",
+    "storybook": "9.1.15",
+    "svelte": "5.42.2",
     "svelte-check": "4.3.3",
     "tslib": "2.8.1",
     "typescript": "5.9.3",
-    "vite": "7.1.9",
+    "vite": "7.1.12",
     "vitest": "3.2.4",
     "vitest-axe": "1.0.0-pre.5"
   },