@ark-ui/svelte 5.12.1 → 5.14.0

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

@@ -0,0 +1,10 @@
+export type { CropChangeDetails, FlipChangeDetails, FlipState, GetCroppedImageOptions, HandlePosition, RotationChangeDetails, ZoomChangeDetails, } from '@zag-js/image-cropper';
+export { handles } from '@zag-js/image-cropper';
+export { default as Context, type ImageCropperContextProps as ContextProps } from './image-cropper-context.svelte';
+export { default as Grid, type ImageCropperGridBaseProps as GridBaseProps, type ImageCropperGridProps as GridProps, } from './image-cropper-grid.svelte';
+export { default as Handle, type ImageCropperHandleBaseProps as HandleBaseProps, type ImageCropperHandleProps as HandleProps, } from './image-cropper-handle.svelte';
+export { default as Image, type ImageCropperImageBaseProps as ImageBaseProps, type ImageCropperImageProps as ImageProps, } from './image-cropper-image.svelte';
+export { default as Root, type ImageCropperRootBaseProps as RootBaseProps, type ImageCropperRootProps as RootProps, } from './image-cropper-root.svelte';
+export { default as RootProvider, type ImageCropperRootProviderBaseProps as RootProviderBaseProps, type ImageCropperRootProviderProps as RootProviderProps, } from './image-cropper-root-provider.svelte';
+export { default as Selection, type ImageCropperSelectionBaseProps as SelectionBaseProps, type ImageCropperSelectionProps as SelectionProps, } from './image-cropper-selection.svelte';
+export { default as Viewport, type ImageCropperViewportBaseProps as ViewportBaseProps, type ImageCropperViewportProps as ViewportProps, } from './image-cropper-viewport.svelte';

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/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/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/splitter/index.d.ts

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

package/dist/components/splitter/index.js

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

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

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

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

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

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

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

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

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

package/dist/components/splitter/splitter.js

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

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

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

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

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

package/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>;