@ark-ui/svelte 5.9.1 → 5.10.1

package/dist/components/anatomy.d.ts

@@ -2,6 +2,7 @@ export * from '@zag-js/anatomy';
 export { accordionAnatomy } from './accordion/accordion.anatomy';
 export { angleSliderAnatomy } from './angle-slider/angle-slider.anatomy';
 export { avatarAnatomy } from './avatar/avatar.anatomy';
+export { bottomSheetAnatomy } from './bottom-sheet/bottom-sheet.anatomy';
 export { carouselAnatomy } from './carousel/carousel.anatomy';
 export { checkboxAnatomy } from './checkbox/checkbox.anatomy';
 export { clipboardAnatomy } from './clipboard/clipboard.anatomy';

package/dist/components/anatomy.js

@@ -2,6 +2,7 @@ export * from '@zag-js/anatomy';
 export { accordionAnatomy } from './accordion/accordion.anatomy';
 export { angleSliderAnatomy } from './angle-slider/angle-slider.anatomy';
 export { avatarAnatomy } from './avatar/avatar.anatomy';
+export { bottomSheetAnatomy } from './bottom-sheet/bottom-sheet.anatomy';
 export { carouselAnatomy } from './carousel/carousel.anatomy';
 export { checkboxAnatomy } from './checkbox/checkbox.anatomy';
 export { clipboardAnatomy } from './clipboard/clipboard.anatomy';

package/dist/components/angle-slider/use-angle-slider.svelte.d.ts

@@ -6,4 +6,4 @@ export interface UseAngleSliderProps extends Omit<angleSlider.Props, 'dir' | 'ge
 }
 export interface UseAngleSliderReturn extends Accessor<angleSlider.Api<PropTypes>> {
 }
-export declare const useAngleSlider: (props: MaybeFunction<UseAngleSliderProps>) => () => angleSlider.Api<import("@zag-js/types").PropTypes>;
+export declare const useAngleSlider: (props: MaybeFunction<UseAngleSliderProps>) => () => angleSlider.Api<PropTypes>;

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

@@ -6,4 +6,4 @@ export interface UseAvatarProps extends Omit<avatar.Props, 'dir' | 'getRootNode'
 }
 export interface UseAvatarReturn extends Accessor<avatar.Api<PropTypes>> {
 }
-export declare const useAvatar: (props: MaybeFunction<UseAvatarProps>) => () => avatar.Api<import("@zag-js/types").PropTypes>;
+export declare const useAvatar: (props: MaybeFunction<UseAvatarProps>) => () => avatar.Api<PropTypes>;

package/dist/components/bottom-sheet/bottom-sheet-backdrop.svelte

@@ -0,0 +1,32 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../types'
+
+  export interface BottomSheetBackdropBaseProps extends PolymorphicProps<'div'>, RefAttribute {
+    ref?: Element | null
+  }
+  export interface BottomSheetBackdropProps extends Assign<HTMLProps<'div'>, BottomSheetBackdropBaseProps> {}
+</script>
+
+<script lang="ts">
+  import { useRenderStrategyPropsContext } from '../../utils/render-strategy'
+  import { mergeProps } from '@zag-js/svelte'
+  import { Ark } from '../factory'
+  import { usePresence } from '../presence'
+  import { useBottomSheetContext } from './use-bottom-sheet-context'
+
+  let { ref = $bindable(null), ...props }: BottomSheetBackdropProps = $props()
+
+  const bottomSheet = useBottomSheetContext()
+  const renderStrategyProps = useRenderStrategyPropsContext()
+
+  const presence = usePresence(() => ({ ...renderStrategyProps, present: bottomSheet().open }))
+  const mergedProps = $derived(mergeProps(bottomSheet().getBackdropProps(), presence().getPresenceProps(), props))
+
+  function setNode(node: Element | null) {
+    presence().setNode(node)
+  }
+</script>
+
+{#if !presence().unmounted}
+  <Ark as="div" bind:ref {...mergedProps} {@attach setNode} />
+{/if}

package/dist/components/bottom-sheet/bottom-sheet-backdrop.svelte.d.ts

@@ -0,0 +1,9 @@
+import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../types';
+export interface BottomSheetBackdropBaseProps extends PolymorphicProps<'div'>, RefAttribute {
+    ref?: Element | null;
+}
+export interface BottomSheetBackdropProps extends Assign<HTMLProps<'div'>, BottomSheetBackdropBaseProps> {
+}
+declare const BottomSheetBackdrop: import("svelte").Component<BottomSheetBackdropProps, {}, "ref">;
+type BottomSheetBackdrop = ReturnType<typeof BottomSheetBackdrop>;
+export default BottomSheetBackdrop;

package/dist/components/bottom-sheet/bottom-sheet-close-trigger.svelte

@@ -0,0 +1,19 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../types'
+
+  export interface BottomSheetCloseTriggerBaseProps extends PolymorphicProps<'button'>, RefAttribute {}
+  export interface BottomSheetCloseTriggerProps extends Assign<HTMLProps<'button'>, BottomSheetCloseTriggerBaseProps> {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from '@zag-js/svelte'
+  import { Ark } from '../factory'
+  import { useBottomSheetContext } from './use-bottom-sheet-context'
+
+  let { ref = $bindable(null), ...props }: BottomSheetCloseTriggerProps = $props()
+
+  const bottomSheet = useBottomSheetContext()
+  const mergedProps = $derived(mergeProps(bottomSheet().getCloseTriggerProps(), props))
+</script>
+
+<Ark as="button" bind:ref {...mergedProps} />

package/dist/components/bottom-sheet/bottom-sheet-close-trigger.svelte.d.ts

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

package/dist/components/bottom-sheet/bottom-sheet-content.svelte

@@ -0,0 +1,39 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../types'
+  import type { ContentProps } from '@zag-js/bottom-sheet'
+
+  export interface BottomSheetContentBaseProps extends PolymorphicProps<'div'>, ContentProps, RefAttribute {
+    ref?: Element | null
+  }
+  export interface BottomSheetContentProps
+    extends Assign<Omit<HTMLProps<'div'>, 'draggable'>, BottomSheetContentBaseProps> {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from '@zag-js/svelte'
+  import { Ark } from '../factory'
+  import { usePresenceContext } from '../presence'
+  import { createSplitProps } from '../../utils/create-split-props'
+  import { useBottomSheetContext } from './use-bottom-sheet-context'
+
+  let { ref = $bindable(null), ...props }: BottomSheetContentProps = $props()
+
+  const [contentProps, localProps] = $derived(createSplitProps<ContentProps>()(props, ['draggable']))
+  const bottomSheet = useBottomSheetContext()
+  const presence = usePresenceContext()
+  const mergedProps = $derived(
+    mergeProps(
+      bottomSheet().getContentProps({ draggable: true, ...contentProps }),
+      presence().getPresenceProps(),
+      localProps,
+    ),
+  )
+
+  function setNode(node: Element | null) {
+    presence().setNode(node)
+  }
+</script>
+
+{#if !presence().unmounted}
+  <Ark as="div" bind:ref {...mergedProps} {@attach setNode} />
+{/if}

package/dist/components/bottom-sheet/bottom-sheet-content.svelte.d.ts

@@ -0,0 +1,10 @@
+import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../types';
+import type { ContentProps } from '@zag-js/bottom-sheet';
+export interface BottomSheetContentBaseProps extends PolymorphicProps<'div'>, ContentProps, RefAttribute {
+    ref?: Element | null;
+}
+export interface BottomSheetContentProps extends Assign<Omit<HTMLProps<'div'>, 'draggable'>, BottomSheetContentBaseProps> {
+}
+declare const BottomSheetContent: import("svelte").Component<BottomSheetContentProps, {}, "ref">;
+type BottomSheetContent = ReturnType<typeof BottomSheetContent>;
+export default BottomSheetContent;

package/dist/components/bottom-sheet/bottom-sheet-context.svelte

@@ -0,0 +1,18 @@
+<script module lang="ts">
+  import type { Snippet } from 'svelte'
+  import type { UseBottomSheetContext } from './use-bottom-sheet-context'
+
+  export interface BottomSheetContextProps {
+    children: Snippet<[UseBottomSheetContext]>
+  }
+</script>
+
+<script lang="ts">
+  import { useBottomSheetContext } from './use-bottom-sheet-context'
+
+  const { children }: BottomSheetContextProps = $props()
+
+  const bottomSheet = useBottomSheetContext()
+</script>
+
+{@render children(bottomSheet)}

package/dist/components/bottom-sheet/bottom-sheet-context.svelte.d.ts

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

package/dist/components/bottom-sheet/bottom-sheet-grabber-indicator.svelte

@@ -0,0 +1,20 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../types'
+
+  export interface BottomSheetGrabberIndicatorBaseProps extends PolymorphicProps<'div'>, RefAttribute {}
+  export interface BottomSheetGrabberIndicatorProps
+    extends Assign<HTMLProps<'div'>, BottomSheetGrabberIndicatorBaseProps> {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from '@zag-js/svelte'
+  import { Ark } from '../factory'
+  import { useBottomSheetContext } from './use-bottom-sheet-context'
+
+  let { ref = $bindable(null), ...props }: BottomSheetGrabberIndicatorProps = $props()
+
+  const bottomSheet = useBottomSheetContext()
+  const mergedProps = $derived(mergeProps(bottomSheet().getGrabberIndicatorProps(), props))
+</script>
+
+<Ark as="div" bind:ref {...mergedProps} />

package/dist/components/bottom-sheet/bottom-sheet-grabber-indicator.svelte.d.ts

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

package/dist/components/bottom-sheet/bottom-sheet-grabber.svelte

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

package/dist/components/bottom-sheet/bottom-sheet-grabber.svelte.d.ts

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

package/dist/components/bottom-sheet/bottom-sheet-root-provider.svelte

@@ -0,0 +1,36 @@
+<script module lang="ts">
+  import type { Snippet } from 'svelte'
+  import type { UseBottomSheetReturn } from './use-bottom-sheet.svelte'
+
+  export interface BottomSheetRootProviderBaseProps {
+    value: UseBottomSheetReturn
+  }
+  export interface BottomSheetRootProviderProps extends BottomSheetRootProviderBaseProps {
+    children?: Snippet
+  }
+</script>
+
+<script lang="ts">
+  import { RenderStrategyPropsProvider, splitRenderStrategyProps } from '../../utils/render-strategy'
+  import { PresenceProvider, usePresence } from '../presence'
+  import { splitPresenceProps } from '../presence/split-presence-props.svelte'
+  import { BottomSheetProvider } from './use-bottom-sheet-context'
+
+  let { value, children, ...props }: BottomSheetRootProviderProps = $props()
+
+  const [presenceProps] = $derived(splitPresenceProps(props))
+  const [renderStrategyProps] = $derived(splitRenderStrategyProps(presenceProps))
+
+  const presenceMachineProps = $derived.by(() => ({
+    ...presenceProps,
+    present: value().open,
+  }))
+
+  const presence = usePresence(() => presenceMachineProps)
+
+  BottomSheetProvider(value)
+  RenderStrategyPropsProvider(() => renderStrategyProps)
+  PresenceProvider(presence)
+</script>
+
+{@render children?.()}

package/dist/components/bottom-sheet/bottom-sheet-root-provider.svelte.d.ts

@@ -0,0 +1,11 @@
+import type { Snippet } from 'svelte';
+import type { UseBottomSheetReturn } from './use-bottom-sheet.svelte';
+export interface BottomSheetRootProviderBaseProps {
+    value: UseBottomSheetReturn;
+}
+export interface BottomSheetRootProviderProps extends BottomSheetRootProviderBaseProps {
+    children?: Snippet;
+}
+declare const BottomSheetRootProvider: import("svelte").Component<BottomSheetRootProviderProps, {}, "">;
+type BottomSheetRootProvider = ReturnType<typeof BottomSheetRootProvider>;
+export default BottomSheetRootProvider;

package/dist/components/bottom-sheet/bottom-sheet-root.svelte

@@ -0,0 +1,52 @@
+<script module lang="ts">
+  import type { Snippet } from 'svelte'
+  import type { UsePresenceProps } from '../presence'
+  import type { UseBottomSheetProps } from './use-bottom-sheet.svelte'
+
+  export interface BottomSheetRootBaseProps extends UseBottomSheetProps, UsePresenceProps {}
+  export interface BottomSheetRootProps extends BottomSheetRootBaseProps {
+    children?: Snippet
+  }
+</script>
+
+<script lang="ts">
+  import { PresenceProvider, usePresence } from '../presence'
+  import { splitPresenceProps } from '../presence/split-presence-props.svelte'
+  import { RenderStrategyPropsProvider, splitRenderStrategyProps } from '../../utils/render-strategy'
+  import { BottomSheetProvider } from './use-bottom-sheet-context'
+  import { useBottomSheet } from './use-bottom-sheet.svelte'
+
+  let { open = $bindable(), children, ...props }: BottomSheetRootProps = $props()
+
+  const providedId = $props.id()
+
+  const [presenceProps, localProps] = $derived(splitPresenceProps(props))
+  const [renderStrategyProps] = $derived(splitRenderStrategyProps(presenceProps))
+
+  const machineProps = $derived.by<UseBottomSheetProps>(() => {
+    return {
+      ...localProps,
+      id: localProps.id ?? providedId,
+      open,
+      onOpenChange(details) {
+        localProps.onOpenChange?.(details)
+        if (open !== undefined) open = details.open
+      },
+    }
+  })
+
+  const bottomSheet = useBottomSheet(() => machineProps)
+
+  const presenceMachineProps = $derived.by<UsePresenceProps>(() => ({
+    ...presenceProps,
+    present: bottomSheet().open,
+  }))
+
+  const presence = usePresence(() => presenceMachineProps)
+
+  BottomSheetProvider(bottomSheet)
+  RenderStrategyPropsProvider(() => renderStrategyProps)
+  PresenceProvider(presence)
+</script>
+
+{@render children?.()}

package/dist/components/bottom-sheet/bottom-sheet-root.svelte.d.ts

@@ -0,0 +1,11 @@
+import type { Snippet } from 'svelte';
+import type { UsePresenceProps } from '../presence';
+import type { UseBottomSheetProps } from './use-bottom-sheet.svelte';
+export interface BottomSheetRootBaseProps extends UseBottomSheetProps, UsePresenceProps {
+}
+export interface BottomSheetRootProps extends BottomSheetRootBaseProps {
+    children?: Snippet;
+}
+declare const BottomSheetRoot: import("svelte").Component<BottomSheetRootProps, {}, "open">;
+type BottomSheetRoot = ReturnType<typeof BottomSheetRoot>;
+export default BottomSheetRoot;

package/dist/components/bottom-sheet/bottom-sheet-title.svelte

@@ -0,0 +1,19 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../types'
+
+  export interface BottomSheetTitleBaseProps extends PolymorphicProps<'h2'>, RefAttribute {}
+  export interface BottomSheetTitleProps extends Assign<HTMLProps<'h2'>, BottomSheetTitleBaseProps> {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from '@zag-js/svelte'
+  import { Ark } from '../factory'
+  import { useBottomSheetContext } from './use-bottom-sheet-context'
+
+  let { ref = $bindable(null), ...props }: BottomSheetTitleProps = $props()
+
+  const bottomSheet = useBottomSheetContext()
+  const mergedProps = $derived(mergeProps(bottomSheet().getTitleProps(), props))
+</script>
+
+<Ark as="h2" bind:ref {...mergedProps} />

package/dist/components/bottom-sheet/bottom-sheet-title.svelte.d.ts

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

package/dist/components/bottom-sheet/bottom-sheet-trigger.svelte

@@ -0,0 +1,29 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../types'
+
+  export interface BottomSheetTriggerBaseProps extends PolymorphicProps<'button'>, RefAttribute {}
+  export interface BottomSheetTriggerProps extends Assign<HTMLProps<'button'>, BottomSheetTriggerBaseProps> {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from '@zag-js/svelte'
+  import { Ark } from '../factory'
+  import { usePresenceContext } from '../presence'
+  import { useBottomSheetContext } from './use-bottom-sheet-context'
+
+  let { ref = $bindable(null), ...props }: BottomSheetTriggerProps = $props()
+
+  const bottomSheet = useBottomSheetContext()
+  const presence = usePresenceContext()
+  const mergedProps = $derived(
+    mergeProps(
+      {
+        ...bottomSheet().getTriggerProps(),
+        'aria-controls': presence().unmounted ? undefined : bottomSheet().getTriggerProps()['aria-controls'],
+      },
+      props,
+    ),
+  )
+</script>
+
+<Ark as="button" bind:ref {...mergedProps} />

package/dist/components/bottom-sheet/bottom-sheet-trigger.svelte.d.ts

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

package/dist/components/bottom-sheet/bottom-sheet.anatomy.d.ts

@@ -0,0 +1 @@
+export { anatomy as bottomSheetAnatomy } from '@zag-js/bottom-sheet';

package/dist/components/bottom-sheet/bottom-sheet.anatomy.js

@@ -0,0 +1 @@
+export { anatomy as bottomSheetAnatomy } from '@zag-js/bottom-sheet';

package/dist/components/bottom-sheet/bottom-sheet.d.ts

@@ -0,0 +1,11 @@
+export type { OpenChangeDetails } from '@zag-js/bottom-sheet';
+export { default as Backdrop, type BottomSheetBackdropBaseProps as BackdropBaseProps, type BottomSheetBackdropProps as BackdropProps, } from './bottom-sheet-backdrop.svelte';
+export { default as CloseTrigger, type BottomSheetCloseTriggerBaseProps as CloseTriggerBaseProps, type BottomSheetCloseTriggerProps as CloseTriggerProps, } from './bottom-sheet-close-trigger.svelte';
+export { default as Content, type BottomSheetContentBaseProps as ContentBaseProps, type BottomSheetContentProps as ContentProps, } from './bottom-sheet-content.svelte';
+export { default as Context, type BottomSheetContextProps as ContextProps } from './bottom-sheet-context.svelte';
+export { default as Grabber, type BottomSheetGrabberBaseProps as GrabberBaseProps, type BottomSheetGrabberProps as GrabberProps, } from './bottom-sheet-grabber.svelte';
+export { default as GrabberIndicator, type BottomSheetGrabberIndicatorBaseProps as GrabberIndicatorBaseProps, type BottomSheetGrabberIndicatorProps as GrabberIndicatorProps, } from './bottom-sheet-grabber-indicator.svelte';
+export { default as Root, type BottomSheetRootBaseProps as RootBaseProps, type BottomSheetRootProps as RootProps, } from './bottom-sheet-root.svelte';
+export { default as RootProvider, type BottomSheetRootProviderBaseProps as RootProviderBaseProps, type BottomSheetRootProviderProps as RootProviderProps, } from './bottom-sheet-root-provider.svelte';
+export { default as Title, type BottomSheetTitleBaseProps as TitleBaseProps, type BottomSheetTitleProps as TitleProps, } from './bottom-sheet-title.svelte';
+export { default as Trigger, type BottomSheetTriggerBaseProps as TriggerBaseProps, type BottomSheetTriggerProps as TriggerProps, } from './bottom-sheet-trigger.svelte';

package/dist/components/bottom-sheet/bottom-sheet.js

@@ -0,0 +1,10 @@
+export { default as Backdrop, } from './bottom-sheet-backdrop.svelte';
+export { default as CloseTrigger, } from './bottom-sheet-close-trigger.svelte';
+export { default as Content, } from './bottom-sheet-content.svelte';
+export { default as Context } from './bottom-sheet-context.svelte';
+export { default as Grabber, } from './bottom-sheet-grabber.svelte';
+export { default as GrabberIndicator, } from './bottom-sheet-grabber-indicator.svelte';
+export { default as Root, } from './bottom-sheet-root.svelte';
+export { default as RootProvider, } from './bottom-sheet-root-provider.svelte';
+export { default as Title, } from './bottom-sheet-title.svelte';
+export { default as Trigger, } from './bottom-sheet-trigger.svelte';

package/dist/components/bottom-sheet/index.d.ts

@@ -0,0 +1,15 @@
+export type { OpenChangeDetails as BottomSheetOpenChangeDetails } from '@zag-js/bottom-sheet';
+export { default as BottomSheetBackdrop, type BottomSheetBackdropBaseProps, type BottomSheetBackdropProps, } from './bottom-sheet-backdrop.svelte';
+export { default as BottomSheetCloseTrigger, type BottomSheetCloseTriggerBaseProps, type BottomSheetCloseTriggerProps, } from './bottom-sheet-close-trigger.svelte';
+export { default as BottomSheetContent, type BottomSheetContentBaseProps, type BottomSheetContentProps, } from './bottom-sheet-content.svelte';
+export { default as BottomSheetContext, type BottomSheetContextProps } from './bottom-sheet-context.svelte';
+export { default as BottomSheetGrabber, type BottomSheetGrabberBaseProps, type BottomSheetGrabberProps, } from './bottom-sheet-grabber.svelte';
+export { default as BottomSheetGrabberIndicator, type BottomSheetGrabberIndicatorBaseProps, type BottomSheetGrabberIndicatorProps, } from './bottom-sheet-grabber-indicator.svelte';
+export { default as BottomSheetRoot, type BottomSheetRootBaseProps, type BottomSheetRootProps, } from './bottom-sheet-root.svelte';
+export { default as BottomSheetRootProvider, type BottomSheetRootProviderBaseProps, type BottomSheetRootProviderProps, } from './bottom-sheet-root-provider.svelte';
+export { default as BottomSheetTitle, type BottomSheetTitleBaseProps, type BottomSheetTitleProps, } from './bottom-sheet-title.svelte';
+export { default as BottomSheetTrigger, type BottomSheetTriggerBaseProps, type BottomSheetTriggerProps, } from './bottom-sheet-trigger.svelte';
+export { bottomSheetAnatomy } from './bottom-sheet.anatomy';
+export { useBottomSheetContext, type UseBottomSheetContext } from './use-bottom-sheet-context';
+export { useBottomSheet, type UseBottomSheetProps, type UseBottomSheetReturn } from './use-bottom-sheet.svelte';
+export * as BottomSheet from './bottom-sheet';

package/dist/components/bottom-sheet/index.js

@@ -0,0 +1,14 @@
+export { default as BottomSheetBackdrop, } from './bottom-sheet-backdrop.svelte';
+export { default as BottomSheetCloseTrigger, } from './bottom-sheet-close-trigger.svelte';
+export { default as BottomSheetContent, } from './bottom-sheet-content.svelte';
+export { default as BottomSheetContext } from './bottom-sheet-context.svelte';
+export { default as BottomSheetGrabber, } from './bottom-sheet-grabber.svelte';
+export { default as BottomSheetGrabberIndicator, } from './bottom-sheet-grabber-indicator.svelte';
+export { default as BottomSheetRoot, } from './bottom-sheet-root.svelte';
+export { default as BottomSheetRootProvider, } from './bottom-sheet-root-provider.svelte';
+export { default as BottomSheetTitle, } from './bottom-sheet-title.svelte';
+export { default as BottomSheetTrigger, } from './bottom-sheet-trigger.svelte';
+export { bottomSheetAnatomy } from './bottom-sheet.anatomy';
+export { useBottomSheetContext } from './use-bottom-sheet-context';
+export { useBottomSheet } from './use-bottom-sheet.svelte';
+export * as BottomSheet from './bottom-sheet';

package/dist/components/bottom-sheet/use-bottom-sheet-context.d.ts

@@ -0,0 +1,4 @@
+import type { UseBottomSheetReturn } from './use-bottom-sheet.svelte';
+export interface UseBottomSheetContext extends UseBottomSheetReturn {
+}
+export declare const BottomSheetProvider: (opts: UseBottomSheetContext) => void, useBottomSheetContext: (fallback?: UseBottomSheetContext | undefined) => UseBottomSheetContext;

package/dist/components/bottom-sheet/use-bottom-sheet-context.js

@@ -0,0 +1,4 @@
+import { createContext } from '../../utils/create-context';
+export const [BottomSheetProvider, useBottomSheetContext] = createContext({
+    name: 'BottomSheetContext',
+});

package/dist/components/bottom-sheet/use-bottom-sheet.svelte.d.ts

@@ -0,0 +1,9 @@
+import type { Accessor, Optional } from '../../types';
+import * as bottomSheet from '@zag-js/bottom-sheet';
+import { type PropTypes } from '@zag-js/svelte';
+import { type MaybeFunction } from '@zag-js/utils';
+export interface UseBottomSheetProps extends Optional<Omit<bottomSheet.Props, 'getRootNode' | 'dir'>, 'id'> {
+}
+export interface UseBottomSheetReturn extends Accessor<bottomSheet.Api<PropTypes>> {
+}
+export declare const useBottomSheet: (props: MaybeFunction<UseBottomSheetProps>) => UseBottomSheetReturn;

package/dist/components/bottom-sheet/use-bottom-sheet.svelte.js

@@ -0,0 +1,20 @@
+import { useEnvironmentContext } from '../../providers/environment';
+import { useLocaleContext } from '../../providers/locale';
+import * as bottomSheet from '@zag-js/bottom-sheet';
+import { normalizeProps, useMachine } from '@zag-js/svelte';
+import { runIfFn } from '@zag-js/utils';
+export const useBottomSheet = (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(bottomSheet.machine, () => machineProps);
+    const api = $derived(bottomSheet.connect(service, normalizeProps));
+    return () => api;
+};

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

@@ -6,4 +6,4 @@ export interface UseCarouselProps extends Optional<Omit<carousel.Props, 'dir' |
 }
 export interface UseCarouselReturn extends Accessor<carousel.Api<PropTypes>> {
 }
-export declare const useCarousel: (props?: MaybeFunction<UseCarouselProps>) => () => carousel.Api<import("@zag-js/types").PropTypes>;
+export declare const useCarousel: (props?: MaybeFunction<UseCarouselProps>) => () => carousel.Api<PropTypes>;

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

@@ -1 +1 @@
-export declare const checkboxAnatomy: import("@zag-js/anatomy").AnatomyInstance<"label" | "group" | "root" | "control" | "indicator">;
+export declare const checkboxAnatomy: import("@zag-js/anatomy").AnatomyInstance<"label" | "root" | "group" | "control" | "indicator">;

package/dist/components/color-picker/color-picker.anatomy.d.ts

@@ -1 +1 @@
-export declare const colorPickerAnatomy: import("@zag-js/anatomy").AnatomyInstance<"area" | "label" | "view" | "root" | "content" | "trigger" | "control" | "positioner" | "formatSelect" | "areaThumb" | "channelInput" | "channelSliderTrack" | "channelSliderThumb" | "valueText" | "areaBackground" | "channelSlider" | "channelSliderLabel" | "channelSliderValueText" | "transparencyGrid" | "swatchGroup" | "swatchTrigger" | "swatchIndicator" | "swatch" | "eyeDropperTrigger" | "formatTrigger">;
+export declare const colorPickerAnatomy: import("@zag-js/anatomy").AnatomyInstance<"area" | "label" | "view" | "root" | "content" | "trigger" | "control" | "valueText" | "positioner" | "formatSelect" | "areaThumb" | "channelInput" | "channelSliderTrack" | "channelSliderThumb" | "areaBackground" | "channelSlider" | "channelSliderLabel" | "channelSliderValueText" | "transparencyGrid" | "swatchGroup" | "swatchTrigger" | "swatchIndicator" | "swatch" | "eyeDropperTrigger" | "formatTrigger">;

package/dist/components/color-picker/split-color-picker-props.svelte.d.ts

@@ -1,2 +1,2 @@
 import type { UseColorPickerProps } from './use-color-picker.svelte';
-export declare const splitColorPickerProps: <T extends UseColorPickerProps>(props: T) => [UseColorPickerProps, Omit<T, "name" | "defaultValue" | "value" | "open" | "ids" | "defaultOpen" | "onOpenChange" | "disabled" | "id" | "inline" | "onValueChange" | "onValueChangeEnd" | "readOnly" | "invalid" | "required" | "positioning" | "initialFocusEl" | "format" | "defaultFormat" | "onFormatChange" | "closeOnSelect" | "openAutoFocus" | "onPointerDownOutside" | "onFocusOutside" | "onInteractOutside">];
+export declare const splitColorPickerProps: <T extends UseColorPickerProps>(props: T) => [UseColorPickerProps, Omit<T, "name" | "defaultValue" | "value" | "open" | "ids" | "defaultOpen" | "onOpenChange" | "disabled" | "id" | "inline" | "onValueChange" | "onValueChangeEnd" | "readOnly" | "invalid" | "required" | "initialFocusEl" | "onPointerDownOutside" | "onFocusOutside" | "onInteractOutside" | "positioning" | "format" | "defaultFormat" | "onFormatChange" | "closeOnSelect" | "openAutoFocus">];

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

@@ -1 +1 @@
-export declare const comboboxAnatomy: import("@zag-js/anatomy").AnatomyInstance<"input" | "label" | "list" | "root" | "content" | "trigger" | "control" | "positioner" | "clearTrigger" | "item" | "itemGroup" | "itemGroupLabel" | "itemIndicator" | "itemText" | "empty">;
+export declare const comboboxAnatomy: import("@zag-js/anatomy").AnatomyInstance<"input" | "label" | "root" | "content" | "trigger" | "list" | "item" | "control" | "itemGroup" | "positioner" | "clearTrigger" | "itemGroupLabel" | "itemIndicator" | "itemText" | "empty">;

package/dist/components/date-picker/date-picker.anatomy.d.ts

@@ -1 +1 @@
-export declare const datePickerAnatomy: import("@zag-js/anatomy").AnatomyInstance<"input" | "label" | "table" | "view" | "root" | "content" | "trigger" | "control" | "positioner" | "clearTrigger" | "monthSelect" | "nextTrigger" | "presetTrigger" | "prevTrigger" | "rangeText" | "tableBody" | "tableCell" | "tableCellTrigger" | "tableHead" | "tableHeader" | "tableRow" | "viewControl" | "viewTrigger" | "yearSelect">;
+export declare const datePickerAnatomy: import("@zag-js/anatomy").AnatomyInstance<"input" | "label" | "table" | "view" | "root" | "content" | "trigger" | "control" | "nextTrigger" | "prevTrigger" | "positioner" | "clearTrigger" | "tableHeader" | "tableBody" | "tableRow" | "viewTrigger" | "monthSelect" | "yearSelect" | "presetTrigger" | "rangeText" | "tableCell" | "tableCellTrigger" | "tableHead" | "viewControl">;

package/dist/components/editable/editable-split-props.d.ts

@@ -1,2 +1,2 @@
 import type { UseEditableProps } from './use-editable.svelte';
-export declare function splitEditableProps<T extends UseEditableProps>(props: T): [UseEditableProps, Omit<T, "form" | "name" | "defaultValue" | "value" | "ids" | "disabled" | "id" | "placeholder" | "onValueChange" | "readOnly" | "invalid" | "required" | "translations" | "onPointerDownOutside" | "onFocusOutside" | "onInteractOutside" | "finalFocusEl" | "autoResize" | "activationMode" | "submitMode" | "selectOnFocus" | "edit" | "defaultEdit" | "onEditChange" | "maxLength" | "onValueRevert" | "onValueCommit">];
+export declare function splitEditableProps<T extends UseEditableProps>(props: T): [UseEditableProps, Omit<T, "form" | "name" | "defaultValue" | "value" | "ids" | "disabled" | "id" | "placeholder" | "onValueChange" | "readOnly" | "invalid" | "required" | "finalFocusEl" | "onPointerDownOutside" | "onFocusOutside" | "onInteractOutside" | "translations" | "autoResize" | "activationMode" | "submitMode" | "selectOnFocus" | "edit" | "defaultEdit" | "onEditChange" | "maxLength" | "onValueRevert" | "onValueCommit">];

package/dist/components/format/format-byte.svelte

@@ -8,6 +8,10 @@
      * The unit display
      */
     unitDisplay?: 'long' | 'short' | 'narrow'
+    /**
+     * The unit system to use for formatting
+     */
+    unitSystem?: 'decimal' | 'binary'
     /**
      * The byte size to format
      */

package/dist/components/format/format-byte.svelte.d.ts

@@ -7,6 +7,10 @@ export interface FormatByteProps {
      * The unit display
      */
     unitDisplay?: 'long' | 'short' | 'narrow';
+    /**
+     * The unit system to use for formatting
+     */
+    unitSystem?: 'decimal' | 'binary';
     /**
      * The byte size to format
      */

package/dist/components/index.d.ts

@@ -1,6 +1,7 @@
 export * from './accordion';
 export * from './angle-slider';
 export * from './avatar';
+export * from './bottom-sheet';
 export * from './carousel';
 export * from './checkbox';
 export * from './client-only';

package/dist/components/index.js

@@ -1,6 +1,7 @@
 export * from './accordion';
 export * from './angle-slider';
 export * from './avatar';
+export * from './bottom-sheet';
 export * from './carousel';
 export * from './checkbox';
 export * from './client-only';

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

@@ -1 +1 @@
-export declare const listboxAnatomy: import("@zag-js/anatomy").AnatomyInstance<"input" | "label" | "root" | "content" | "valueText" | "item" | "itemGroup" | "itemGroupLabel" | "itemIndicator" | "itemText" | "empty">;
+export declare const listboxAnatomy: import("@zag-js/anatomy").AnatomyInstance<"input" | "label" | "root" | "content" | "item" | "valueText" | "itemGroup" | "itemGroupLabel" | "itemIndicator" | "itemText" | "empty">;

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

@@ -6,4 +6,4 @@ export interface UseProgressProps extends Omit<progress.Props, 'dir' | 'getRootN
 }
 export interface UseProgressReturn extends Accessor<progress.Api<PropTypes>> {
 }
-export declare const useProgress: (props: MaybeFunction<UseProgressProps>) => () => progress.Api<import("@zag-js/types").PropTypes>;
+export declare const useProgress: (props: MaybeFunction<UseProgressProps>) => () => progress.Api<PropTypes>;

package/dist/components/qr-code/use-qr-code.svelte.d.ts

@@ -6,4 +6,4 @@ export interface UseQrCodeProps extends Omit<qrcode.Props, 'dir' | 'getRootNode'
 }
 export interface UseQrCodeReturn extends Accessor<qrcode.Api<PropTypes>> {
 }
-export declare const useQrCode: (props: MaybeFunction<UseQrCodeProps>) => () => qrcode.Api<import("@zag-js/types").PropTypes>;
+export declare const useQrCode: (props: MaybeFunction<UseQrCodeProps>) => () => qrcode.Api<PropTypes>;

package/dist/components/segment-group/segment-group.anatomy.d.ts

@@ -1,2 +1,2 @@
-export declare const segmentGroupAnatomy: import("@zag-js/anatomy").Anatomy<"label" | "root" | "indicator" | "item" | "itemText" | "itemControl">;
-export declare const parts: Record<"label" | "root" | "indicator" | "item" | "itemText" | "itemControl", import("@zag-js/anatomy").AnatomyPart>;
+export declare const segmentGroupAnatomy: import("@zag-js/anatomy").Anatomy<"label" | "root" | "item" | "indicator" | "itemText" | "itemControl">;
+export declare const parts: Record<"label" | "root" | "item" | "indicator" | "itemText" | "itemControl", import("@zag-js/anatomy").AnatomyPart>;

package/dist/components/select/select-positioner.svelte

@@ -8,11 +8,15 @@
 <script lang="ts">
   import { mergeProps } from '@zag-js/svelte'
   import { Ark } from '../factory'
+  import { usePresenceContext } from '../presence'
   import { useSelectContext } from './use-select-context'
 
   let { ref = $bindable(null), ...props }: SelectPositionerProps = $props()
   const select = useSelectContext()
+  const presence = usePresenceContext()
   const mergedProps = $derived(mergeProps(select().getPositionerProps(), props))
 </script>
 
-<Ark as="div" bind:ref {...mergedProps} />
+{#if !presence().unmounted}
+  <Ark as="div" bind:ref {...mergedProps} />
+{/if}

package/dist/components/signature-pad/use-signature-pad.svelte.d.ts

@@ -6,4 +6,4 @@ export interface UseSignaturePadProps extends Optional<Omit<signaturePad.Props,
 }
 export interface UseSignaturePadReturn extends Accessor<signaturePad.Api<PropTypes>> {
 }
-export declare const useSignaturePad: (props?: MaybeFunction<UseSignaturePadProps>) => () => signaturePad.Api<import("@zag-js/types").PropTypes>;
+export declare const useSignaturePad: (props?: MaybeFunction<UseSignaturePadProps>) => () => signaturePad.Api<PropTypes>;

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

@@ -6,4 +6,4 @@ export interface UseSliderProps extends Omit<slider.Props, 'dir' | 'getRootNode'
 }
 export interface UseSliderReturn extends Accessor<slider.Api<PropTypes>> {
 }
-export declare const useSlider: (props: MaybeFunction<UseSliderProps>) => () => slider.Api<import("@zag-js/types").PropTypes>;
+export declare const useSlider: (props: MaybeFunction<UseSliderProps>) => () => slider.Api<PropTypes>;

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

@@ -6,4 +6,4 @@ export interface UseStepsProps extends Optional<Omit<steps.Props, 'dir' | 'getRo
 }
 export interface UseStepsReturn extends Accessor<steps.Api<PropTypes>> {
 }
-export declare const useSteps: (props?: MaybeFunction<UseStepsProps>) => () => steps.Api<import("@zag-js/types").PropTypes>;
+export declare const useSteps: (props?: MaybeFunction<UseStepsProps>) => () => steps.Api<PropTypes>;

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

@@ -6,4 +6,4 @@ export interface UseSwitchProps extends Optional<Omit<zagSwitch.Props, 'dir' | '
 }
 export interface UseSwitchReturn extends Accessor<zagSwitch.Api<PropTypes>> {
 }
-export declare const useSwitch: (props?: MaybeFunction<UseSwitchProps>) => () => zagSwitch.Api<import("@zag-js/types").PropTypes>;
+export declare const useSwitch: (props?: MaybeFunction<UseSwitchProps>) => () => zagSwitch.Api<PropTypes>;

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

@@ -6,4 +6,4 @@ export interface UseTimerProps extends Omit<timer.Props, 'dir' | 'getRootNode'>
 }
 export interface UseTimerReturn extends Accessor<timer.Api<PropTypes>> {
 }
-export declare const useTimer: (props: MaybeFunction<UseTimerProps>) => () => timer.Api<import("@zag-js/types").PropTypes>;
+export declare const useTimer: (props: MaybeFunction<UseTimerProps>) => () => timer.Api<PropTypes>;

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

@@ -1 +1 @@
-export declare const tourAnatomy: import("@zag-js/anatomy").AnatomyInstance<"title" | "content" | "control" | "positioner" | "description" | "arrow" | "actionTrigger" | "closeTrigger" | "progressText" | "arrowTip" | "backdrop" | "spotlight">;
+export declare const tourAnatomy: import("@zag-js/anatomy").AnatomyInstance<"title" | "content" | "control" | "backdrop" | "closeTrigger" | "positioner" | "description" | "arrow" | "actionTrigger" | "progressText" | "arrowTip" | "spotlight">;

package/dist/index.d.ts

@@ -1,3 +1,4 @@
 export * from './components';
 export * from './providers';
+export * from './utils';
 export type { Assign, Optional } from './types';

package/dist/index.js

@@ -1,2 +1,3 @@
 export * from './components';
 export * from './providers';
+export * from './utils';

package/dist/utils/index.d.ts

@@ -0,0 +1,2 @@
+export { createContext } from './create-context';
+export { mergeProps } from '@zag-js/core';

package/dist/utils/index.js

@@ -0,0 +1,2 @@
+export { createContext } from './create-context';
+export { mergeProps } from '@zag-js/core';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@ark-ui/svelte",
   "type": "module",
-  "version": "5.9.1",
+  "version": "5.10.1",
   "description": "A collection of unstyled, accessible UI components for Svelte",
   "keywords": [
     "accordion",
@@ -38,7 +38,6 @@
     "switch",
     "tabs",
     "tags input",
-    "time picker",
     "timer",
     "toast",
     "toggle group",
@@ -67,23 +66,33 @@
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
-      "svelte": "./dist/index.js"
+      "svelte": "./dist/index.js",
+      "default": "./dist/index.js"
     },
     "./anatomy": {
       "types": "./dist/components/anatomy.d.ts",
-      "svelte": "./dist/components/anatomy.js"
+      "svelte": "./dist/components/anatomy.js",
+      "default": "./dist/components/anatomy.js"
     },
     "./environment": {
       "types": "./dist/providers/environment/index.d.ts",
-      "svelte": "./dist/providers/environment/index.js"
+      "svelte": "./dist/providers/environment/index.js",
+      "default": "./dist/providers/environment/index.js"
     },
     "./locale": {
       "types": "./dist/providers/locale/index.d.ts",
-      "svelte": "./dist/providers/locale/index.js"
+      "svelte": "./dist/providers/locale/index.js",
+      "default": "./dist/providers/locale/index.js"
+    },
+    "./utils": {
+      "types": "./dist/utils/index.d.ts",
+      "svelte": "./dist/utils/index.js",
+      "default": "./dist/utils/index.js"
     },
     "./*": {
       "types": "./dist/components/*/index.d.ts",
-      "svelte": "./dist/components/*/index.js"
+      "svelte": "./dist/components/*/index.js",
+      "default": "./dist/components/*/index.js"
     }
   },
   "scripts": {
@@ -104,14 +113,22 @@
       "svelte": "./dist/index.js",
       "exports.\\..svelte": "./dist/index.js",
       "exports.\\..types": "./dist/index.d.ts",
+      "exports.\\..default": "./dist/index.js",
       "exports.\\./anatomy.svelte": "./dist/components/anatomy.js",
       "exports.\\./anatomy.types": "./dist/components/anatomy.d.ts",
+      "exports.\\./anatomy.default": "./dist/components/anatomy.js",
       "exports.\\./locale.svelte": "./dist/providers/locale/index.js",
       "exports.\\./locale.types": "./dist/providers/locale/index.d.ts",
+      "exports.\\./locale.default": "./dist/providers/locale/index.js",
       "exports.\\./environment.svelte": "./dist/providers/environment/index.js",
       "exports.\\./environment.types": "./dist/providers/environment/index.d.ts",
+      "exports.\\./environment.default": "./dist/providers/environment/index.js",
+      "exports.\\./utils.svelte": "./dist/utils/index.js",
+      "exports.\\./utils.types": "./dist/utils/index.d.ts",
+      "exports.\\./utils.default": "./dist/utils/index.js",
       "exports.\\./*.svelte": "./dist/components/*/index.js",
-      "exports.\\./*.types": "./dist/components/*/index.d.ts"
+      "exports.\\./*.types": "./dist/components/*/index.d.ts",
+      "exports.\\./*.default": "./dist/components/*/index.js"
     }
   },
   "publishConfig": {
@@ -120,74 +137,75 @@
   "sideEffects": false,
   "dependencies": {
     "@internationalized/date": "3.9.0",
-    "@zag-js/accordion": "1.24.1",
-    "@zag-js/anatomy": "1.24.1",
-    "@zag-js/angle-slider": "1.24.1",
-    "@zag-js/async-list": "1.24.1",
-    "@zag-js/auto-resize": "1.24.1",
-    "@zag-js/avatar": "1.24.1",
-    "@zag-js/carousel": "1.24.1",
-    "@zag-js/checkbox": "1.24.1",
-    "@zag-js/clipboard": "1.24.1",
-    "@zag-js/collapsible": "1.24.1",
-    "@zag-js/collection": "1.24.1",
-    "@zag-js/color-picker": "1.24.1",
-    "@zag-js/color-utils": "1.24.1",
-    "@zag-js/combobox": "1.24.1",
-    "@zag-js/core": "1.24.1",
-    "@zag-js/date-picker": "1.24.1",
-    "@zag-js/date-utils": "1.24.1",
-    "@zag-js/dialog": "1.24.1",
-    "@zag-js/dom-query": "1.24.1",
-    "@zag-js/editable": "1.24.1",
-    "@zag-js/file-upload": "1.24.1",
-    "@zag-js/file-utils": "1.24.1",
-    "@zag-js/floating-panel": "1.24.1",
-    "@zag-js/focus-trap": "1.24.1",
-    "@zag-js/highlight-word": "1.24.1",
-    "@zag-js/hover-card": "1.24.1",
-    "@zag-js/i18n-utils": "1.24.1",
-    "@zag-js/json-tree-utils": "1.24.1",
-    "@zag-js/listbox": "1.24.1",
-    "@zag-js/menu": "1.24.1",
-    "@zag-js/number-input": "1.24.1",
-    "@zag-js/pagination": "1.24.1",
-    "@zag-js/password-input": "1.24.1",
-    "@zag-js/pin-input": "1.24.1",
-    "@zag-js/popover": "1.24.1",
-    "@zag-js/presence": "1.24.1",
-    "@zag-js/progress": "1.24.1",
-    "@zag-js/qr-code": "1.24.1",
-    "@zag-js/radio-group": "1.24.1",
-    "@zag-js/rating-group": "1.24.1",
-    "@zag-js/scroll-area": "1.24.1",
-    "@zag-js/select": "1.24.1",
-    "@zag-js/signature-pad": "1.24.1",
-    "@zag-js/slider": "1.24.1",
-    "@zag-js/splitter": "1.24.1",
-    "@zag-js/steps": "1.24.1",
-    "@zag-js/svelte": "1.24.1",
-    "@zag-js/switch": "1.24.1",
-    "@zag-js/tabs": "1.24.1",
-    "@zag-js/tags-input": "1.24.1",
-    "@zag-js/timer": "1.24.1",
-    "@zag-js/toast": "1.24.1",
-    "@zag-js/toggle": "1.24.1",
-    "@zag-js/toggle-group": "1.24.1",
-    "@zag-js/tooltip": "1.24.1",
-    "@zag-js/tour": "1.24.1",
-    "@zag-js/tree-view": "1.24.1",
-    "@zag-js/types": "1.24.1",
-    "@zag-js/utils": "1.24.1"
+    "@zag-js/accordion": "1.24.2",
+    "@zag-js/anatomy": "1.24.2",
+    "@zag-js/angle-slider": "1.24.2",
+    "@zag-js/async-list": "1.24.2",
+    "@zag-js/auto-resize": "1.24.2",
+    "@zag-js/avatar": "1.24.2",
+    "@zag-js/bottom-sheet": "1.24.2",
+    "@zag-js/carousel": "1.24.2",
+    "@zag-js/checkbox": "1.24.2",
+    "@zag-js/clipboard": "1.24.2",
+    "@zag-js/collapsible": "1.24.2",
+    "@zag-js/collection": "1.24.2",
+    "@zag-js/color-picker": "1.24.2",
+    "@zag-js/color-utils": "1.24.2",
+    "@zag-js/combobox": "1.24.2",
+    "@zag-js/core": "1.24.2",
+    "@zag-js/date-picker": "1.24.2",
+    "@zag-js/date-utils": "1.24.2",
+    "@zag-js/dialog": "1.24.2",
+    "@zag-js/dom-query": "1.24.2",
+    "@zag-js/editable": "1.24.2",
+    "@zag-js/file-upload": "1.24.2",
+    "@zag-js/file-utils": "1.24.2",
+    "@zag-js/floating-panel": "1.24.2",
+    "@zag-js/focus-trap": "1.24.2",
+    "@zag-js/highlight-word": "1.24.2",
+    "@zag-js/hover-card": "1.24.2",
+    "@zag-js/i18n-utils": "1.24.2",
+    "@zag-js/json-tree-utils": "1.24.2",
+    "@zag-js/listbox": "1.24.2",
+    "@zag-js/menu": "1.24.2",
+    "@zag-js/number-input": "1.24.2",
+    "@zag-js/pagination": "1.24.2",
+    "@zag-js/password-input": "1.24.2",
+    "@zag-js/pin-input": "1.24.2",
+    "@zag-js/popover": "1.24.2",
+    "@zag-js/presence": "1.24.2",
+    "@zag-js/progress": "1.24.2",
+    "@zag-js/qr-code": "1.24.2",
+    "@zag-js/radio-group": "1.24.2",
+    "@zag-js/rating-group": "1.24.2",
+    "@zag-js/scroll-area": "1.24.2",
+    "@zag-js/select": "1.24.2",
+    "@zag-js/signature-pad": "1.24.2",
+    "@zag-js/slider": "1.24.2",
+    "@zag-js/splitter": "1.24.2",
+    "@zag-js/steps": "1.24.2",
+    "@zag-js/svelte": "1.24.2",
+    "@zag-js/switch": "1.24.2",
+    "@zag-js/tabs": "1.24.2",
+    "@zag-js/tags-input": "1.24.2",
+    "@zag-js/timer": "1.24.2",
+    "@zag-js/toast": "1.24.2",
+    "@zag-js/toggle": "1.24.2",
+    "@zag-js/toggle-group": "1.24.2",
+    "@zag-js/tooltip": "1.24.2",
+    "@zag-js/tour": "1.24.2",
+    "@zag-js/tree-view": "1.24.2",
+    "@zag-js/types": "1.24.2",
+    "@zag-js/utils": "1.24.2"
   },
   "devDependencies": {
-    "@storybook/addon-a11y": "9.1.5",
-    "@storybook/sveltekit": "9.1.5",
+    "@storybook/addon-a11y": "9.1.7",
+    "@storybook/sveltekit": "9.1.7",
     "@sveltejs/adapter-auto": "6.1.0",
-    "@sveltejs/kit": "2.39.0",
-    "@sveltejs/package": "2.5.0",
+    "@sveltejs/kit": "2.42.2",
+    "@sveltejs/package": "2.5.3",
     "@sveltejs/vite-plugin-svelte": "6.2.0",
-    "@tanstack/svelte-form": "1.19.5",
+    "@tanstack/svelte-form": "1.23.0",
     "@testing-library/dom": "10.4.1",
     "@testing-library/jest-dom": "6.8.0",
     "@testing-library/svelte": "5.2.8",
@@ -197,12 +215,12 @@
     "image-conversion": "2.1.1",
     "jsdom": "26.1.0",
     "lucide-svelte": "0.544.0",
-    "storybook": "9.1.5",
-    "svelte": "5.38.10",
+    "storybook": "9.1.7",
+    "svelte": "5.39.4",
     "svelte-check": "4.3.1",
     "tslib": "2.8.1",
     "typescript": "5.9.2",
-    "vite": "7.1.5",
+    "vite": "7.1.6",
     "vitest": "3.2.4",
     "vitest-axe": "1.0.0-pre.5"
   },