@ark-ui/svelte 5.12.0 → 5.13.0

package/dist/components/image-cropper/image-cropper.js

@@ -0,0 +1,9 @@
+export { handles } from '@zag-js/image-cropper';
+export { default as Context } from './image-cropper-context.svelte';
+export { default as Grid, } from './image-cropper-grid.svelte';
+export { default as Handle, } from './image-cropper-handle.svelte';
+export { default as Image, } from './image-cropper-image.svelte';
+export { default as Root, } from './image-cropper-root.svelte';
+export { default as RootProvider, } from './image-cropper-root-provider.svelte';
+export { default as Selection, } from './image-cropper-selection.svelte';
+export { default as Viewport, } from './image-cropper-viewport.svelte';

package/dist/components/image-cropper/index.d.ts

@@ -0,0 +1,13 @@
+export type { CropChangeDetails as ImageCropperCropChangeDetails, FlipChangeDetails as ImageCropperFlipChangeDetails, FlipState as ImageCropperFlipState, GetCroppedImageOptions as ImageCropperGetCroppedImageOptions, HandlePosition as ImageCropperHandlePosition, RotationChangeDetails as ImageCropperRotationChangeDetails, ZoomChangeDetails as ImageCropperZoomChangeDetails, } from '@zag-js/image-cropper';
+export { default as ImageCropperContext, type ImageCropperContextProps } from './image-cropper-context.svelte';
+export { default as ImageCropperGrid, type ImageCropperGridBaseProps, type ImageCropperGridProps, } from './image-cropper-grid.svelte';
+export { default as ImageCropperHandle, type ImageCropperHandleBaseProps, type ImageCropperHandleProps, } from './image-cropper-handle.svelte';
+export { default as ImageCropperImage, type ImageCropperImageBaseProps, type ImageCropperImageProps, } from './image-cropper-image.svelte';
+export { default as ImageCropperRoot, type ImageCropperRootBaseProps, type ImageCropperRootProps, } from './image-cropper-root.svelte';
+export { default as ImageCropperRootProvider, type ImageCropperRootProviderBaseProps, type ImageCropperRootProviderProps, } from './image-cropper-root-provider.svelte';
+export { default as ImageCropperSelection, type ImageCropperSelectionBaseProps, type ImageCropperSelectionProps, } from './image-cropper-selection.svelte';
+export { default as ImageCropperViewport, type ImageCropperViewportBaseProps, type ImageCropperViewportProps, } from './image-cropper-viewport.svelte';
+export { imageCropperAnatomy } from './image-cropper.anatomy';
+export { useImageCropperContext, type UseImageCropperContext } from './use-image-cropper-context';
+export { useImageCropper, type UseImageCropperProps, type UseImageCropperReturn } from './use-image-cropper.svelte';
+export * as ImageCropper from './image-cropper';

package/dist/components/image-cropper/index.js

@@ -0,0 +1,12 @@
+export { default as ImageCropperContext } from './image-cropper-context.svelte';
+export { default as ImageCropperGrid, } from './image-cropper-grid.svelte';
+export { default as ImageCropperHandle, } from './image-cropper-handle.svelte';
+export { default as ImageCropperImage, } from './image-cropper-image.svelte';
+export { default as ImageCropperRoot, } from './image-cropper-root.svelte';
+export { default as ImageCropperRootProvider, } from './image-cropper-root-provider.svelte';
+export { default as ImageCropperSelection, } from './image-cropper-selection.svelte';
+export { default as ImageCropperViewport, } from './image-cropper-viewport.svelte';
+export { imageCropperAnatomy } from './image-cropper.anatomy';
+export { useImageCropperContext } from './use-image-cropper-context';
+export { useImageCropper } from './use-image-cropper.svelte';
+export * as ImageCropper from './image-cropper';

package/dist/components/image-cropper/use-image-cropper-context.d.ts

@@ -0,0 +1,4 @@
+import type { UseImageCropperReturn } from './use-image-cropper.svelte';
+export interface UseImageCropperContext extends UseImageCropperReturn {
+}
+export declare const ImageCropperProvider: (opts: UseImageCropperContext) => void, useImageCropperContext: (fallback?: UseImageCropperContext | undefined) => UseImageCropperContext;

package/dist/components/image-cropper/use-image-cropper-context.js

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

package/dist/components/image-cropper/use-image-cropper.svelte.d.ts

@@ -0,0 +1,9 @@
+import type { Accessor, Optional } from '../../types';
+import * as imageCropper from '@zag-js/image-cropper';
+import { type PropTypes } from '@zag-js/svelte';
+import { type MaybeFunction } from '@zag-js/utils';
+export interface UseImageCropperProps extends Optional<Omit<imageCropper.Props, 'dir' | 'getRootNode'>, 'id'> {
+}
+export interface UseImageCropperReturn extends Accessor<imageCropper.Api<PropTypes>> {
+}
+export declare const useImageCropper: (props?: MaybeFunction<UseImageCropperProps>) => UseImageCropperReturn;

package/dist/components/image-cropper/use-image-cropper.svelte.js

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

package/dist/components/index.d.ts

@@ -24,6 +24,7 @@ export * from './format';
 export * from './frame';
 export * from './highlight';
 export * from './hover-card';
+export * from './image-cropper';
 export * from './json-tree-view';
 export * from './listbox';
 export * from './marquee';

package/dist/components/index.js

@@ -24,6 +24,7 @@ export * from './format';
 export * from './frame';
 export * from './highlight';
 export * from './hover-card';
+export * from './image-cropper';
 export * from './json-tree-view';
 export * from './listbox';
 export * from './marquee';

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

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

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

@@ -1,5 +1,5 @@
 import type { Snippet } from 'svelte';
-import type { CollectionItem } from '../../types.js';
+import type { CollectionItem } from '../collection';
 export interface ListboxContextProps<T extends CollectionItem> {
     render: Snippet<[UseListboxContext<T>]>;
 }

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

@@ -2,6 +2,7 @@ export type { PauseStatusDetails as MarqueePauseStatusDetails, Side as MarqueeSi
 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';

package/dist/components/marquee/index.js

@@ -1,6 +1,7 @@
 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';

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.svelte

@@ -2,7 +2,10 @@
   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 MarqueeRootBaseProps
+    extends Optional<UseMarqueeProps, 'id'>,
+      PolymorphicProps<'div'>,
+      RefAttribute {}
   export interface MarqueeRootProps extends Assign<HTMLProps<'div'>, MarqueeRootBaseProps> {}
 </script>
 

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

@@ -2,6 +2,7 @@ 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

@@ -1,6 +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/menu/index.d.ts

@@ -1,4 +1,4 @@
-export type { HighlightChangeDetails as MenuHighlightChangeDetails, OpenChangeDetails as MenuOpenChangeDetails, SelectionDetails as MenuSelectionDetails, } from '@zag-js/menu';
+export type { FocusOutsideEvent as MenuFocusOutsideEvent, HighlightChangeDetails as MenuHighlightChangeDetails, InteractOutsideEvent as MenuInteractOutsideEvent, OpenChangeDetails as MenuOpenChangeDetails, PointerDownOutsideEvent as MenuPointerDownOutsideEvent, SelectionDetails as MenuSelectionDetails, } from '@zag-js/menu';
 export { default as MenuArrowTip, type MenuArrowTipBaseProps, type MenuArrowTipProps } from './menu-arrow-tip.svelte';
 export { default as MenuArrow, type MenuArrowBaseProps, type MenuArrowProps } from './menu-arrow.svelte';
 export { default as MenuCheckboxItem, type MenuCheckboxItemBaseProps, type MenuCheckboxItemProps, } from './menu-checkbox-item.svelte';

package/dist/components/menu/menu.d.ts

@@ -1,4 +1,4 @@
-export type { HighlightChangeDetails, OpenChangeDetails, SelectionDetails } from '@zag-js/menu';
+export type { FocusOutsideEvent, HighlightChangeDetails, InteractOutsideEvent, OpenChangeDetails, PointerDownOutsideEvent, SelectionDetails, } from '@zag-js/menu';
 export { default as ArrowTip, type MenuArrowTipBaseProps as ArrowTipBaseProps, type MenuArrowTipProps as ArrowTipProps, } from './menu-arrow-tip.svelte';
 export { default as Arrow, type MenuArrowBaseProps as ArrowBaseProps, type MenuArrowProps as ArrowProps, } from './menu-arrow.svelte';
 export { default as CheckboxItem, type MenuCheckboxItemBaseProps as CheckboxItemBaseProps, type MenuCheckboxItemProps as CheckboxItemProps, } from './menu-checkbox-item.svelte';

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

@@ -1,4 +1,4 @@
-export type { OpenChangeDetails as PopoverOpenChangeDetails } from '@zag-js/popover';
+export type { FocusOutsideEvent as PopoverFocusOutsideEvent, InteractOutsideEvent as PopoverInteractOutsideEvent, OpenChangeDetails as PopoverOpenChangeDetails, PointerDownOutsideEvent as PopoverPointerDownOutsideEvent, } from '@zag-js/popover';
 export { default as PopoverAnchor, type PopoverAnchorBaseProps, type PopoverAnchorProps } from './popover-anchor.svelte';
 export { default as PopoverArrowTip, type PopoverArrowTipBaseProps, type PopoverArrowTipProps, } from './popover-arrow-tip.svelte';
 export { default as PopoverArrow, type PopoverArrowBaseProps, type PopoverArrowProps } from './popover-arrow.svelte';

package/dist/components/popover/popover.d.ts

@@ -1,4 +1,4 @@
-export type { OpenChangeDetails } from '@zag-js/popover';
+export type { FocusOutsideEvent, InteractOutsideEvent, OpenChangeDetails, PointerDownOutsideEvent, } from '@zag-js/popover';
 export { default as Anchor, type PopoverAnchorBaseProps as AnchorBaseProps, type PopoverAnchorProps as AnchorProps, } from './popover-anchor.svelte';
 export { default as Arrow, type PopoverArrowBaseProps as ArrowBaseProps, type PopoverArrowProps as ArrowProps, } from './popover-arrow.svelte';
 export { default as ArrowTip, type PopoverArrowTipBaseProps as ArrowTipBaseProps, type PopoverArrowTipProps as ArrowTipProps, } from './popover-arrow-tip.svelte';

package/dist/components/scroll-area/scroll-area-content.svelte

@@ -16,4 +16,4 @@
   const mergedProps = $derived(mergeProps(scrollArea().getContentProps(), props))
 </script>
 
-<Ark as="div" bind:ref {...mergedProps} />
+<Ark as="div" bind:ref {...mergedProps} />

package/dist/components/scroll-area/scroll-area-context.svelte

@@ -15,4 +15,4 @@
   const context = useScrollAreaContext()
 </script>
 
-{@render render(context)}
+{@render render(context)}

package/dist/components/scroll-area/scroll-area-corner.svelte

@@ -16,4 +16,4 @@
   const mergedProps = $derived(mergeProps(scrollArea().getCornerProps(), props))
 </script>
 
-<Ark as="div" bind:ref {...mergedProps} />
+<Ark as="div" bind:ref {...mergedProps} />

package/dist/components/scroll-area/scroll-area-root-provider.svelte

@@ -17,4 +17,4 @@
   ScrollAreaProvider(value)
 </script>
 
-<Ark as="div" bind:ref {...props} />
+<Ark as="div" bind:ref {...props} />

package/dist/components/scroll-area/scroll-area-viewport.svelte

@@ -16,4 +16,4 @@
   const mergedProps = $derived(mergeProps(scrollArea().getViewportProps(), props))
 </script>
 
-<Ark as="div" bind:ref {...mergedProps} />
+<Ark as="div" bind:ref {...mergedProps} />

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

@@ -1,4 +1,4 @@
-export type { HighlightChangeDetails as SelectHighlightChangeDetails, OpenChangeDetails as SelectOpenChangeDetails, ValueChangeDetails as SelectValueChangeDetails, } from '@zag-js/select';
+export type { FocusOutsideEvent as SelectFocusOutsideEvent, HighlightChangeDetails as SelectHighlightChangeDetails, InteractOutsideEvent as SelectInteractOutsideEvent, OpenChangeDetails as SelectOpenChangeDetails, PointerDownOutsideEvent as SelectPointerDownOutsideEvent, ValueChangeDetails as SelectValueChangeDetails, } from '@zag-js/select';
 export { createListCollection, type CollectionItem, type ListCollection, useListCollection, type UseListCollectionProps, } from '../collection';
 export { default as SelectClearTrigger, type SelectClearTriggerBaseProps, type SelectClearTriggerProps, } from './select-clear-trigger.svelte';
 export { default as SelectContent, type SelectContentBaseProps, type SelectContentProps } from './select-content.svelte';

package/dist/components/select/select.d.ts

@@ -1,4 +1,4 @@
-export type { HighlightChangeDetails, OpenChangeDetails, ValueChangeDetails } from '@zag-js/select';
+export type { FocusOutsideEvent, HighlightChangeDetails, InteractOutsideEvent, OpenChangeDetails, PointerDownOutsideEvent, ValueChangeDetails, } from '@zag-js/select';
 export type { CollectionItem, ListCollection } from '../collection';
 export { default as ClearTrigger, type SelectClearTriggerProps as ClearTriggerProps, } from './select-clear-trigger.svelte';
 export { default as Content, type SelectContentProps as ContentProps } from './select-content.svelte';

package/dist/components/slider/slider-thumb-props-provider.svelte

@@ -1,9 +1,18 @@
-<script lang="ts">
+<script module lang="ts">
+  import type { Snippet } from 'svelte'
   import type { ThumbProps } from '@zag-js/slider'
+
+  export interface SliderThumbPropsProviderProps {
+    value: ThumbProps
+    children?: Snippet
+  }
+</script>
+
+<script lang="ts">
   import { SliderThumbPropsProvider } from './use-slider-thumb-props-context'
 
-  export let value: ThumbProps
+  let { value, children }: SliderThumbPropsProviderProps = $props()
   SliderThumbPropsProvider(value)
 </script>
 
-<slot />
+{@render children?.()}

package/dist/components/slider/slider-thumb-props-provider.svelte.d.ts

@@ -1,31 +1,10 @@
+import type { Snippet } from 'svelte';
 import type { ThumbProps } from '@zag-js/slider';
-import { SliderThumbPropsProvider } from './use-slider-thumb-props-context';
-interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
-    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
-        $$bindings?: Bindings;
-    } & Exports;
-    (internal: unknown, props: Props & {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
-    };
-    z_$$bindings?: Bindings;
-}
-type $$__sveltets_2_PropsWithChildren<Props, Slots> = Props & (Slots extends {
-    default: any;
-} ? Props extends Record<string, never> ? any : {
-    children?: any;
-} : {});
-declare const SliderThumbPropsProvider: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<{
+export interface SliderThumbPropsProviderProps {
     value: ThumbProps;
-}, {
-    default: {};
-}>, {
-    [evt: string]: CustomEvent<any>;
-}, {
-    default: {};
-}, {}, string>;
-type SliderThumbPropsProvider = InstanceType<typeof SliderThumbPropsProvider>;
+    children?: Snippet;
+}
+import { SliderThumbPropsProvider } from './use-slider-thumb-props-context';
+declare const SliderThumbPropsProvider: import("svelte").Component<SliderThumbPropsProviderProps, {}, "">;
+type SliderThumbPropsProvider = ReturnType<typeof SliderThumbPropsProvider>;
 export default SliderThumbPropsProvider;

package/dist/components/slider/slider-value-text.svelte

@@ -1,7 +1,10 @@
 <script module lang="ts">
+  import type { Snippet } from 'svelte'
   import type { HTMLProps, PolymorphicProps, RefAttribute } from '../../types'
 
-  export interface SliderValueTextBaseProps extends PolymorphicProps<'div'>, RefAttribute {}
+  export interface SliderValueTextBaseProps extends PolymorphicProps<'div'>, RefAttribute {
+    children?: Snippet
+  }
   export interface SliderValueTextProps extends HTMLProps<'div'>, SliderValueTextBaseProps {}
 </script>
 
@@ -10,9 +13,15 @@
   import { Ark } from '../factory'
   import { useSliderContext } from './use-slider-context'
 
-  let { ref = $bindable(null), ...props }: SliderValueTextProps = $props()
+  let { ref = $bindable(null), children, ...props }: SliderValueTextProps = $props()
   const slider = useSliderContext()
   const mergedProps = $derived(mergeProps(slider().getValueTextProps(), props))
 </script>
 
-<Ark as="div" bind:ref {...mergedProps} />
+<Ark as="div" bind:ref {...mergedProps}>
+  {#if children}
+    {@render children()}
+  {:else}
+    {slider().value.join(', ')}
+  {/if}
+</Ark>

package/dist/components/slider/slider-value-text.svelte.d.ts

@@ -1,5 +1,7 @@
+import type { Snippet } from 'svelte';
 import type { HTMLProps, PolymorphicProps, RefAttribute } from '../../types';
 export interface SliderValueTextBaseProps extends PolymorphicProps<'div'>, RefAttribute {
+    children?: Snippet;
 }
 export interface SliderValueTextProps extends HTMLProps<'div'>, SliderValueTextBaseProps {
 }

package/dist/components/tags-input/index.d.ts

@@ -1,4 +1,4 @@
-export type { HighlightChangeDetails as TagsInputHighlightChangeDetails, ValidityChangeDetails as TagsInputValidityChangeDetails, ValueChangeDetails as TagsInputValueChangeDetails, InputValueChangeDetails as TagsInputInputValueChangeDetails, } from '@zag-js/tags-input';
+export type { FocusOutsideEvent as TagsInputFocusOutsideEvent, HighlightChangeDetails as TagsInputHighlightChangeDetails, InputValueChangeDetails as TagsInputInputValueChangeDetails, InteractOutsideEvent as TagsInputInteractOutsideEvent, PointerDownOutsideEvent as TagsInputPointerDownOutsideEvent, ValidityChangeDetails as TagsInputValidityChangeDetails, ValueChangeDetails as TagsInputValueChangeDetails, } from '@zag-js/tags-input';
 export { default as TagsInputClearTrigger, type TagsInputClearTriggerBaseProps, type TagsInputClearTriggerProps, } from './tags-input-clear-trigger.svelte';
 export { default as TagsInputContext, type TagsInputContextProps } from './tags-input-context.svelte';
 export { default as TagsInputControl, type TagsInputControlBaseProps, type TagsInputControlProps, } from './tags-input-control.svelte';

package/dist/components/tags-input/tags-input.d.ts

@@ -1,4 +1,4 @@
-export type { HighlightChangeDetails, ValidityChangeDetails, ValueChangeDetails, InputValueChangeDetails, } from '@zag-js/tags-input';
+export type { FocusOutsideEvent, HighlightChangeDetails, InputValueChangeDetails, InteractOutsideEvent, PointerDownOutsideEvent, ValidityChangeDetails, ValueChangeDetails, } from '@zag-js/tags-input';
 export { default as Root, type TagsInputRootProps as RootProps, type TagsInputRootBaseProps as RootBaseProps, } from './tags-input-root.svelte';
 export { default as RootProvider, type TagsInputRootProviderProps as RootProviderProps, type TagsInputRootProviderBaseProps as RootProviderBaseProps, } from './tags-input-root-provider.svelte';
 export { default as Context, type TagsInputContextProps as ContextProps } from './tags-input-context.svelte';

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

@@ -1,4 +1,4 @@
-export type { ActionOptions as ToastActionOptions, Placement as ToastPlacement, PromiseOptions as ToastPromiseOptions, Status as ToastStatus, StatusChangeDetails as ToastStatusChangeDetails, Type as ToastType, } from '@zag-js/toast';
+export type { ActionOptions as ToastActionOptions, Placement as ToastPlacement, PromiseOptions as ToastPromiseOptions, Status as ToastStatus, StatusChangeDetails as ToastStatusChangeDetails, StoreProps as ToastStoreProps, Type as ToastType, } from '@zag-js/toast';
 export { createToaster, type CreateToasterProps, type CreateToasterReturn } from './create-toaster.js';
 export { default as ToastActionTrigger, type ToastActionTriggerBaseProps, type ToastActionTriggerProps, } from './toast-action-trigger.svelte';
 export { default as ToastCloseTrigger, type ToastCloseTriggerBaseProps, type ToastCloseTriggerProps, } from './toast-close-trigger.svelte';
@@ -7,6 +7,6 @@ export { default as ToastDescription, type ToastDescriptionBaseProps, type Toast
 export { default as ToastRoot, type ToastRootBaseProps, type ToastRootProps } from './toast-root.svelte';
 export { default as ToastTitle, type ToastTitleBaseProps, type ToastTitleProps } from './toast-title.svelte';
 export { toastAnatomy } from './toast.anatomy.js';
-export { default as Toaster, type ToasterBaseProps, type ToasterProps } from './toaster.svelte';
+export { default as Toaster, type ToasterBaseProps, type ToasterProps, type ToastOptions } from './toaster.svelte';
 export { useToastContext, type UseToastContext } from './use-toast-context.js';
 export * as Toast from './toast.js';

package/dist/components/toast/toast.d.ts

@@ -1,3 +1,5 @@
+export type { ActionOptions, Placement, PromiseOptions, Status, StatusChangeDetails, StoreProps, Type, } from '@zag-js/toast';
+export type { ToastOptions as Options } from './toaster.svelte';
 export { default as ActionTrigger, type ToastActionTriggerBaseProps as ActionTriggerBaseProps, type ToastActionTriggerProps as ActionTriggerProps, } from './toast-action-trigger.svelte';
 export { default as CloseTrigger, type ToastCloseTriggerBaseProps as CloseTriggerBaseProps, type ToastCloseTriggerProps as CloseTriggerProps, } from './toast-close-trigger.svelte';
 export { default as Context, type ToastContextProps as ContextProps } from './toast-context.svelte';

package/dist/components/toast/toaster.svelte

@@ -8,6 +8,8 @@
   import type { CreateToasterReturn } from './create-toaster.js'
   import ToasterItem from './toaster-item.svelte'
 
+  export type ToastOptions = toast.Options<Snippet>
+
   export interface ToasterBaseProps extends Omit<toast.GroupProps, 'store' | 'id'>, RefAttribute {
     /**
      * The toaster instance.
@@ -16,7 +18,7 @@
     /**
      * The children of the toaster.
      */
-    children: Snippet<[Accessor<toast.Options<Snippet>>]>
+    children: Snippet<[Accessor<ToastOptions>]>
   }
 
   export interface ToasterProps extends Assign<HTMLProps<'div'>, ToasterBaseProps> {}

package/dist/components/toast/toaster.svelte.d.ts

@@ -2,6 +2,7 @@ import type { Accessor, Assign, HTMLProps, RefAttribute } from '../../types.js';
 import * as toast from '@zag-js/toast';
 import type { Snippet } from 'svelte';
 import type { CreateToasterReturn } from './create-toaster.js';
+export type ToastOptions = toast.Options<Snippet>;
 export interface ToasterBaseProps extends Omit<toast.GroupProps, 'store' | 'id'>, RefAttribute {
     /**
      * The toaster instance.
@@ -10,7 +11,7 @@ export interface ToasterBaseProps extends Omit<toast.GroupProps, 'store' | 'id'>
     /**
      * The children of the toaster.
      */
-    children: Snippet<[Accessor<toast.Options<Snippet>>]>;
+    children: Snippet<[Accessor<ToastOptions>]>;
 }
 export interface ToasterProps extends Assign<HTMLProps<'div'>, ToasterBaseProps> {
 }

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

@@ -1,4 +1,4 @@
-export type { StepDetails as TourStepDetails } from '@zag-js/tour';
+export type { FocusOutsideEvent as TourFocusOutsideEvent, InteractOutsideEvent as TourInteractOutsideEvent, PointerDownOutsideEvent as TourPointerDownOutsideEvent, StepDetails as TourStepDetails, } 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/tour.anatomy.d.ts

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

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

@@ -1,5 +1,5 @@
 export type { WaitForOptions as WaitOptions } from '@zag-js/dom-query';
-export type { Point, ProgressTextDetails, StatusChangeDetails, StepAction, StepActionMap, StepActionTriggerProps, StepBaseDetails, StepChangeDetails, StepDetails, StepEffectArgs, StepPlacement, StepStatus, StepType, } from '@zag-js/tour';
+export type { FocusOutsideEvent, InteractOutsideEvent, Point, PointerDownOutsideEvent, ProgressTextDetails, StatusChangeDetails, StepAction, StepActionMap, StepActionTriggerProps, StepBaseDetails, StepChangeDetails, StepDetails, StepEffectArgs, StepPlacement, StepStatus, StepType, } from '@zag-js/tour';
 export { default as ActionTrigger, type TourActionTriggerBaseProps as ActionTriggerBaseProps, type TourActionTriggerProps as ActionTriggerProps, } from './tour-action-trigger.svelte';
 export { default as Actions } from './tour-actions.svelte';
 export { default as Arrow, type TourArrowBaseProps as ArrowBaseProps, type TourArrowProps as ArrowProps, } from './tour-arrow.svelte';

package/dist/components/tree-view/tree-view-node-checkbox-indicator.svelte

@@ -24,4 +24,4 @@
   {@render children()}
 {:else if fallback}
   {@render fallback()}
-{/if}
+{/if}

package/dist/types.d.ts

@@ -2,7 +2,6 @@ import type { Snippet } from 'svelte';
 import type { HTMLAttributes, SvelteHTMLElements } from 'svelte/elements';
 export type Assign<T, U> = Omit<T, keyof U> & U;
 export type Optional<T, K extends keyof T> = Pick<Partial<T>, K> & Omit<T, K>;
-export type CollectionItem = string | object;
 export type Accessor<T> = () => T;
 export type HTMLTag = keyof SvelteHTMLElements;
 export type PropsFn<T extends HTMLTag> = (props?: HTMLProps<T>) => HTMLAttributes<HTMLElement>;