@ark-ui/svelte 5.0.5 → 5.1.1

package/dist/components/angle-slider/angle-slider-context.svelte

@@ -0,0 +1,17 @@
+<script lang="ts" module>
+  import type { Snippet } from 'svelte'
+  import type { UseAngleSliderContext } from './use-angle-slider-context'
+
+  export interface AngleSliderContextProps {
+    render: Snippet<[UseAngleSliderContext]>
+  }
+</script>
+
+<script lang="ts">
+  import { useAngleSliderContext } from './use-angle-slider-context'
+
+  const { render }: AngleSliderContextProps = $props()
+  const angleSlider = useAngleSliderContext()
+</script>
+
+{@render render?.(angleSlider)}

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

@@ -0,0 +1,8 @@
+import type { Snippet } from 'svelte';
+import type { UseAngleSliderContext } from './use-angle-slider-context';
+export interface AngleSliderContextProps {
+    render: Snippet<[UseAngleSliderContext]>;
+}
+declare const AngleSliderContext: import("svelte").Component<AngleSliderContextProps, {}, "">;
+type AngleSliderContext = ReturnType<typeof AngleSliderContext>;
+export default AngleSliderContext;

package/dist/components/angle-slider/angle-slider-control.svelte

@@ -0,0 +1,18 @@
+<script lang="ts" module>
+  import type { HTMLProps, PolymorphicProps, RefAttribute } from '../../types'
+
+  export interface AngleSliderControlBaseProps extends PolymorphicProps<'div'>, RefAttribute {}
+  export interface AngleSliderControlProps extends HTMLProps<'div'>, AngleSliderControlBaseProps {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from '@zag-js/svelte'
+  import { Ark } from '../factory'
+  import { useAngleSliderContext } from './use-angle-slider-context'
+
+  let { ref = $bindable(null), ...props }: AngleSliderControlProps = $props()
+  const angleSlider = useAngleSliderContext()
+  const mergedProps = $derived(mergeProps(angleSlider().getControlProps(), props))
+</script>
+
+<Ark as="div" bind:ref {...mergedProps} />

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

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

package/dist/components/angle-slider/angle-slider-hidden-input.svelte

@@ -0,0 +1,18 @@
+<script lang="ts" module>
+  import type { HTMLProps, PolymorphicProps, RefAttribute } from '../../types'
+
+  export interface AngleSliderHiddenInputBaseProps extends PolymorphicProps<'input'>, RefAttribute {}
+  export interface AngleSliderHiddenInputProps extends HTMLProps<'input'>, AngleSliderHiddenInputBaseProps {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from '@zag-js/svelte'
+  import { Ark } from '../factory'
+  import { useAngleSliderContext } from './use-angle-slider-context'
+
+  let { ref = $bindable(null), ...props }: AngleSliderHiddenInputProps = $props()
+  const angleSlider = useAngleSliderContext()
+  const mergedProps = $derived(mergeProps(angleSlider().getHiddenInputProps(), props))
+</script>
+
+<Ark as="input" bind:ref {...mergedProps} />

package/dist/components/angle-slider/angle-slider-hidden-input.svelte.d.ts

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

package/dist/components/angle-slider/angle-slider-label.svelte

@@ -0,0 +1,18 @@
+<script lang="ts" module>
+  import type { HTMLProps, PolymorphicProps, RefAttribute } from '../../types'
+
+  export interface AngleSliderLabelBaseProps extends PolymorphicProps<'label'>, RefAttribute {}
+  export interface AngleSliderLabelProps extends HTMLProps<'label'>, AngleSliderLabelBaseProps {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from '@zag-js/svelte'
+  import { Ark } from '../factory'
+  import { useAngleSliderContext } from './use-angle-slider-context'
+
+  let { ref = $bindable(null), ...props }: AngleSliderLabelProps = $props()
+  const angleSlider = useAngleSliderContext()
+  const mergedProps = $derived(mergeProps(angleSlider().getLabelProps(), props))
+</script>
+
+<Ark as="label" bind:ref {...mergedProps} />

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

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

package/dist/components/angle-slider/angle-slider-marker-group.svelte

@@ -0,0 +1,18 @@
+<script lang="ts" module>
+  import type { HTMLProps, PolymorphicProps, RefAttribute } from '../../types'
+
+  export interface AngleSliderMarkerGroupBaseProps extends PolymorphicProps<'div'>, RefAttribute {}
+  export interface AngleSliderMarkerGroupProps extends HTMLProps<'div'>, AngleSliderMarkerGroupBaseProps {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from '@zag-js/svelte'
+  import { Ark } from '../factory'
+  import { useAngleSliderContext } from './use-angle-slider-context'
+
+  let { ref = $bindable(null), ...props }: AngleSliderMarkerGroupProps = $props()
+  const angleSlider = useAngleSliderContext()
+  const mergedProps = $derived(mergeProps(angleSlider().getMarkerGroupProps(), props))
+</script>
+
+<Ark as="div" bind:ref {...mergedProps} />

package/dist/components/angle-slider/angle-slider-marker-group.svelte.d.ts

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

package/dist/components/angle-slider/angle-slider-marker.svelte

@@ -0,0 +1,22 @@
+<script lang="ts" module>
+  import type { HTMLProps, PolymorphicProps, RefAttribute } from '../../types'
+  import type { MarkerProps } from '@zag-js/angle-slider'
+
+  export interface AngleSliderMarkerBaseProps extends MarkerProps, PolymorphicProps<'span'>, RefAttribute {}
+  export interface AngleSliderMarkerProps extends HTMLProps<'span'>, AngleSliderMarkerBaseProps {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from '@zag-js/svelte'
+  import { createSplitProps } from '../../utils/create-split-props'
+  import { Ark } from '../factory'
+  import { useAngleSliderContext } from './use-angle-slider-context'
+
+  let { ref = $bindable(null), ...props }: AngleSliderMarkerProps = $props()
+  const [markerProps, localProps] = $derived(createSplitProps<MarkerProps>()(props, ['value']))
+
+  const angleSlider = useAngleSliderContext()
+  const mergedProps = $derived(mergeProps(angleSlider().getMarkerProps(markerProps), localProps))
+</script>
+
+<Ark as="span" bind:ref {...mergedProps} />

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

@@ -0,0 +1,9 @@
+import type { HTMLProps, PolymorphicProps, RefAttribute } from '../../types';
+import type { MarkerProps } from '@zag-js/angle-slider';
+export interface AngleSliderMarkerBaseProps extends MarkerProps, PolymorphicProps<'span'>, RefAttribute {
+}
+export interface AngleSliderMarkerProps extends HTMLProps<'span'>, AngleSliderMarkerBaseProps {
+}
+declare const AngleSliderMarker: import("svelte").Component<AngleSliderMarkerProps, {}, "ref">;
+type AngleSliderMarker = ReturnType<typeof AngleSliderMarker>;
+export default AngleSliderMarker;

package/dist/components/angle-slider/angle-slider-root-provider.svelte

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

package/dist/components/angle-slider/angle-slider-root-provider.svelte.d.ts

@@ -0,0 +1,12 @@
+import type { Assign, HTMLProps, RefAttribute } from '../../types';
+import type { UseAngleSliderReturn } from './use-angle-slider.svelte';
+interface RootProviderProps {
+    value: UseAngleSliderReturn;
+}
+export interface AngleSliderRootProviderBaseProps extends RootProviderProps, RefAttribute {
+}
+export interface AngleSliderRootProviderProps extends Assign<HTMLProps<'div'>, AngleSliderRootProviderBaseProps> {
+}
+declare const AngleSliderRootProvider: import("svelte").Component<AngleSliderRootProviderProps, {}, "ref">;
+type AngleSliderRootProvider = ReturnType<typeof AngleSliderRootProvider>;
+export default AngleSliderRootProvider;

package/dist/components/angle-slider/angle-slider-root.svelte

@@ -0,0 +1,54 @@
+<script lang="ts" module>
+  import type { Assign, HTMLProps, Optional, PolymorphicProps, RefAttribute } from '../../types'
+  import type { UseAngleSliderProps } from './use-angle-slider.svelte'
+
+  export interface AngleSliderRootBaseProps
+    extends Optional<UseAngleSliderProps, 'id'>,
+      PolymorphicProps<'div'>,
+      RefAttribute {}
+  export interface AngleSliderRootProps extends Assign<HTMLProps<'div'>, AngleSliderRootBaseProps> {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from '@zag-js/svelte'
+  import { createSplitProps } from '../../utils/create-split-props'
+  import { Ark } from '../factory'
+  import { AngleSliderProvider } from './use-angle-slider-context'
+  import { useAngleSlider } from './use-angle-slider.svelte'
+
+  let { ref = $bindable(null), value = $bindable(), ...props }: AngleSliderRootProps = $props()
+  const providedId = $props.id()
+
+  const [useAngleSliderProps, localProps] = $derived(
+    createSplitProps<Optional<UseAngleSliderProps, 'id'>>()(props, [
+      'id',
+      'ids',
+      'name',
+      'invalid',
+      'readOnly',
+      'disabled',
+      'onValueChangeEnd',
+      'onValueChange',
+      'defaultValue',
+      'value',
+      'step',
+    ]),
+  )
+
+  const resolvedProps = $derived<UseAngleSliderProps>({
+    ...useAngleSliderProps,
+    id: useAngleSliderProps.id ?? providedId,
+    value,
+    onValueChange(details) {
+      useAngleSliderProps.onValueChange?.(details)
+      if (value !== undefined) value = details.value
+    },
+  })
+
+  const angleSlider = useAngleSlider(() => resolvedProps)
+  const mergedProps = $derived(mergeProps(angleSlider().getRootProps(), localProps))
+
+  AngleSliderProvider(angleSlider)
+</script>
+
+<Ark as="div" bind:ref {...mergedProps} />

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

@@ -0,0 +1,9 @@
+import type { Assign, HTMLProps, Optional, PolymorphicProps, RefAttribute } from '../../types';
+import type { UseAngleSliderProps } from './use-angle-slider.svelte';
+export interface AngleSliderRootBaseProps extends Optional<UseAngleSliderProps, 'id'>, PolymorphicProps<'div'>, RefAttribute {
+}
+export interface AngleSliderRootProps extends Assign<HTMLProps<'div'>, AngleSliderRootBaseProps> {
+}
+declare const AngleSliderRoot: import("svelte").Component<AngleSliderRootProps, {}, "ref" | "value">;
+type AngleSliderRoot = ReturnType<typeof AngleSliderRoot>;
+export default AngleSliderRoot;

package/dist/components/angle-slider/angle-slider-thumb.svelte

@@ -0,0 +1,18 @@
+<script lang="ts" module>
+  import type { HTMLProps, PolymorphicProps, RefAttribute } from '../../types'
+
+  export interface AngleSliderThumbBaseProps extends PolymorphicProps<'div'>, RefAttribute {}
+  export interface AngleSliderThumbProps extends HTMLProps<'div'>, AngleSliderThumbBaseProps {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from '@zag-js/svelte'
+  import { Ark } from '../factory'
+  import { useAngleSliderContext } from './use-angle-slider-context'
+
+  let { ref = $bindable(null), ...props }: AngleSliderThumbProps = $props()
+  const angleSlider = useAngleSliderContext()
+  const mergedProps = $derived(mergeProps(angleSlider().getThumbProps(), props))
+</script>
+
+<Ark as="div" bind:ref {...mergedProps} />

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

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

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

@@ -0,0 +1,18 @@
+<script lang="ts" module>
+  import type { HTMLProps, PolymorphicProps, RefAttribute } from '../../types'
+
+  export interface AngleSliderValueTextBaseProps extends PolymorphicProps<'div'>, RefAttribute {}
+  export interface AngleSliderValueTextProps extends HTMLProps<'div'>, AngleSliderValueTextBaseProps {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from '@zag-js/svelte'
+  import { Ark } from '../factory'
+  import { useAngleSliderContext } from './use-angle-slider-context'
+
+  let { ref = $bindable(null), ...props }: AngleSliderValueTextProps = $props()
+  const angleSlider = useAngleSliderContext()
+  const mergedProps = $derived(mergeProps(angleSlider().getValueTextProps(), props))
+</script>
+
+<Ark as="span" bind:ref {...mergedProps} />

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

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

package/dist/components/angle-slider/angle-slider.anatomy.d.ts

@@ -0,0 +1 @@
+export { anatomy as angleSliderAnatomy } from '@zag-js/angle-slider';

package/dist/components/angle-slider/angle-slider.anatomy.js

@@ -0,0 +1 @@
+export { anatomy as angleSliderAnatomy } from '@zag-js/angle-slider';

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

@@ -0,0 +1,10 @@
+export { default as Context, type AngleSliderContextProps as ContextProps } from './angle-slider-context.svelte';
+export { default as Root, type AngleSliderRootProps as RootProps, type AngleSliderRootBaseProps as RootBaseProps, } from './angle-slider-root.svelte';
+export { default as RootProvider, type AngleSliderRootProviderProps as RootProviderProps, type AngleSliderRootProviderBaseProps as RootProviderBaseProps, } from './angle-slider-root-provider.svelte';
+export { default as Label, type AngleSliderLabelBaseProps as LabelBaseProps, type AngleSliderLabelProps as LabelProps, } from './angle-slider-label.svelte';
+export { default as Control, type AngleSliderControlBaseProps as ControlBaseProps, type AngleSliderControlProps as ControlProps, } from './angle-slider-control.svelte';
+export { default as Thumb, type AngleSliderThumbBaseProps as ThumbBaseProps, type AngleSliderThumbProps as ThumbProps, } from './angle-slider-thumb.svelte';
+export { default as MarkerGroup, type AngleSliderMarkerGroupBaseProps as MarkerGroupBaseProps, type AngleSliderMarkerGroupProps as MarkerGroupProps, } from './angle-slider-marker-group.svelte';
+export { default as Marker, type AngleSliderMarkerBaseProps as MarkerBaseProps, type AngleSliderMarkerProps as MarkerProps, } from './angle-slider-marker.svelte';
+export { default as ValueText, type AngleSliderValueTextBaseProps as ValueTextBaseProps, type AngleSliderValueTextProps as ValueTextProps, } from './angle-slider-value-text.svelte';
+export { default as HiddenInput, type AngleSliderHiddenInputBaseProps as HiddenInputBaseProps, type AngleSliderHiddenInputProps as HiddenInputProps, } from './angle-slider-hidden-input.svelte';

package/dist/components/angle-slider/angle-slider.js

@@ -0,0 +1,10 @@
+export { default as Context } from './angle-slider-context.svelte';
+export { default as Root, } from './angle-slider-root.svelte';
+export { default as RootProvider, } from './angle-slider-root-provider.svelte';
+export { default as Label, } from './angle-slider-label.svelte';
+export { default as Control, } from './angle-slider-control.svelte';
+export { default as Thumb, } from './angle-slider-thumb.svelte';
+export { default as MarkerGroup, } from './angle-slider-marker-group.svelte';
+export { default as Marker, } from './angle-slider-marker.svelte';
+export { default as ValueText, } from './angle-slider-value-text.svelte';
+export { default as HiddenInput, } from './angle-slider-hidden-input.svelte';

package/dist/components/angle-slider/index.d.ts

@@ -0,0 +1,14 @@
+export { default as AngleSliderContext, type AngleSliderContextProps } from './angle-slider-context.svelte';
+export { default as AngleSliderControl, type AngleSliderControlBaseProps, type AngleSliderControlProps, } from './angle-slider-control.svelte';
+export { default as AngleSliderHiddenInput, type AngleSliderHiddenInputBaseProps, type AngleSliderHiddenInputProps, } from './angle-slider-hidden-input.svelte';
+export { default as AngleSliderLabel, type AngleSliderLabelBaseProps, type AngleSliderLabelProps, } from './angle-slider-label.svelte';
+export { default as AngleSliderMarker, type AngleSliderMarkerBaseProps, type AngleSliderMarkerProps, } from './angle-slider-marker.svelte';
+export { default as AngleSliderMarkerGroup, type AngleSliderMarkerGroupBaseProps, type AngleSliderMarkerGroupProps, } from './angle-slider-marker-group.svelte';
+export { default as AngleSliderRoot, type AngleSliderRootBaseProps, type AngleSliderRootProps, } from './angle-slider-root.svelte';
+export { default as AngleSliderRootProvider, type AngleSliderRootProviderBaseProps, type AngleSliderRootProviderProps, } from './angle-slider-root-provider.svelte';
+export { default as AngleSliderThumb, type AngleSliderThumbBaseProps, type AngleSliderThumbProps, } from './angle-slider-thumb.svelte';
+export { default as AngleSliderValueText, type AngleSliderValueTextBaseProps, type AngleSliderValueTextProps, } from './angle-slider-value-text.svelte';
+export { angleSliderAnatomy } from './angle-slider.anatomy';
+export { useAngleSliderContext, type UseAngleSliderContext } from './use-angle-slider-context';
+export { useAngleSlider, type UseAngleSliderProps, type UseAngleSliderReturn } from './use-angle-slider.svelte';
+export * as AngleSlider from './angle-slider';

package/dist/components/angle-slider/index.js

@@ -0,0 +1,14 @@
+export { default as AngleSliderContext } from './angle-slider-context.svelte';
+export { default as AngleSliderControl, } from './angle-slider-control.svelte';
+export { default as AngleSliderHiddenInput, } from './angle-slider-hidden-input.svelte';
+export { default as AngleSliderLabel, } from './angle-slider-label.svelte';
+export { default as AngleSliderMarker, } from './angle-slider-marker.svelte';
+export { default as AngleSliderMarkerGroup, } from './angle-slider-marker-group.svelte';
+export { default as AngleSliderRoot, } from './angle-slider-root.svelte';
+export { default as AngleSliderRootProvider, } from './angle-slider-root-provider.svelte';
+export { default as AngleSliderThumb, } from './angle-slider-thumb.svelte';
+export { default as AngleSliderValueText, } from './angle-slider-value-text.svelte';
+export { angleSliderAnatomy } from './angle-slider.anatomy';
+export { useAngleSliderContext } from './use-angle-slider-context';
+export { useAngleSlider } from './use-angle-slider.svelte';
+export * as AngleSlider from './angle-slider';

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

@@ -0,0 +1,4 @@
+import type { UseAngleSliderReturn } from './use-angle-slider.svelte';
+export interface UseAngleSliderContext extends UseAngleSliderReturn {
+}
+export declare const AngleSliderProvider: (opts: UseAngleSliderContext) => void, useAngleSliderContext: (fallback?: UseAngleSliderContext | undefined) => UseAngleSliderContext;

package/dist/components/angle-slider/use-angle-slider-context.js

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

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

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

package/dist/components/angle-slider/use-angle-slider.svelte.js

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

package/dist/components/checkbox/split-checkbox-props.svelte.d.ts

@@ -1,2 +1,2 @@
 import type { UseCheckboxProps } from './use-checkbox.svelte';
-export declare const splitCheckboxProps: <T extends UseCheckboxProps>(props: T) => [UseCheckboxProps, Omit<T, "form" | "name" | "value" | "ids" | "disabled" | "id" | "readOnly" | "invalid" | "required" | "checked" | "defaultChecked" | "onCheckedChange">];
+export declare const splitCheckboxProps: <T extends UseCheckboxProps>(props: T) => [UseCheckboxProps, Omit<T, "form" | "name" | "value" | "ids" | "disabled" | "id" | "readOnly" | "invalid" | "checked" | "required" | "defaultChecked" | "onCheckedChange">];

package/dist/components/collection/use-list-collection.svelte.d.ts

@@ -8,27 +8,81 @@ export interface UseListCollectionProps<T> extends Omit<CollectionOptions<T>, 'i
     /**
      * The filter function to use to filter the items.
      */
-    filter?: (itemText: string, filterText: string) => boolean;
+    filter?: (itemText: string, filterText: string, item: T) => boolean;
     /**
      * The maximum number of items to display in the collection.
      * Useful for performance when you have a large number of items.
      */
     limit?: number;
 }
-export declare function useListCollection<T>(inProps: MaybeFunction<UseListCollectionProps<T>>): {
-    collection(): ListCollection<T>;
+export declare function useListCollection<T>(props: MaybeFunction<UseListCollectionProps<T>>): UseListCollectionReturn<T>;
+export interface UseListCollectionReturn<T> {
+    /**
+     * The collection of items.
+     */
+    collection: () => ListCollection<T>;
+    /**
+     * The function to filter the items.
+     */
     filter: (inputValue: string) => void;
+    /**
+     * The function to set the items.
+     */
     set: (items: T[]) => void;
+    /**
+     * The function to reset the items.
+     */
     reset: () => void;
+    /**
+     * The function to clear the items.
+     */
     clear: () => void;
+    /**
+     * The function to insert items at a specific index.
+     */
     insert: (index: number, ...items: T[]) => void;
+    /**
+     * The function to insert items before a specific value.
+     */
     insertBefore: (value: string, ...items: T[]) => void;
+    /**
+     * The function to insert items after a specific value.
+     */
     insertAfter: (value: string, ...items: T[]) => void;
-    remove: (...itemOrValues: T[]) => void;
+    /**
+     * The function to remove items.
+     */
+    remove: (...itemOrValues: Array<T | string>) => void;
+    /**
+     * The function to move an item to a specific index.
+     */
     move: (value: string, to: number) => void;
+    /**
+     * The function to move an item before a specific value.
+     */
     moveBefore: (value: string, ...values: string[]) => void;
+    /**
+     * The function to move an item after a specific value.
+     */
     moveAfter: (value: string, ...values: string[]) => void;
+    /**
+     * The function to reorder items.
+     */
     reorder: (from: number, to: number) => void;
+    /**
+     * The function to append items.
+     */
+    append: (...items: T[]) => void;
+    /**
+     * The function to upsert an item.
+     */
+    upsert: (value: string, item: T, mode?: 'append' | 'prepend') => void;
+    /**
+     * The function to prepend items.
+     */
     prepend: (...items: T[]) => void;
+    /**
+     * The function to update an item.
+     */
     update: (value: string, item: T) => void;
-};
+}

package/dist/components/collection/use-list-collection.svelte.js

@@ -1,67 +1,94 @@
 import { runIfFn } from '@zag-js/utils';
-import { flushSync, untrack } from 'svelte';
+import { untrack } from 'svelte';
 import { createListCollection } from './list-collection';
-export function useListCollection(inProps) {
-    const [props, collectionOptions] = $derived.by(() => {
-        const { initialItems = [], filter, limit, ...collectionOptions } = runIfFn(inProps);
+export function useListCollection(props) {
+    const [localProps, collectionOptions] = $derived.by(() => {
+        const { initialItems = [], filter, limit, ...collectionOptions } = runIfFn(props);
         return [{ initialItems, filter, limit }, collectionOptions];
     });
-    const create = (items) => {
-        return createListCollection({ ...collectionOptions, items });
+    let items = $state(untrack(() => localProps.initialItems));
+    let filterText = $state('');
+    const setItems = (newItems) => {
+        items = newItems;
+        filterText = '';
     };
-    let collection = $state(untrack(() => create(props.limit != null ? props.initialItems.slice(0, props.limit) : props.initialItems)));
-    const setCollection = (v) => {
-        collection = props.limit == null ? v : v.copy(v.items.slice(0, props.limit));
+    const create = (itemsToCreate) => {
+        return createListCollection({ ...collectionOptions, items: itemsToCreate });
     };
+    const collection = $derived.by(() => {
+        let activeItems = items;
+        // Apply filter if we have filter text and a filter function
+        const filter = localProps.filter;
+        if (filterText && filter) {
+            activeItems = create(items).filter((itemString, _index, item) => filter(itemString, filterText, item)).items;
+        }
+        // Apply limit
+        const limitedItems = localProps.limit == null ? activeItems : activeItems.slice(0, localProps.limit);
+        return createListCollection({ ...collectionOptions, items: limitedItems });
+    });
     return {
         collection() {
             return collection;
         },
-        filter: (inputValue) => {
-            const filterFn = props.filter;
-            if (!filterFn)
-                return;
-            const filtered = create(props.initialItems).filter((itemString) => filterFn(itemString, inputValue));
-            setCollection(filtered);
+        filter: (inputValue = '') => {
+            filterText = inputValue;
         },
-        set: (items) => {
-            setCollection(create(items));
+        set: (newItems) => {
+            setItems(newItems);
         },
         reset: () => {
-            setCollection(create(props.initialItems));
+            setItems(localProps.initialItems);
         },
         clear: () => {
-            setCollection(create([]));
+            setItems([]);
         },
-        insert: (index, ...items) => {
-            setCollection(collection.insert(index, ...items));
+        insert: (index, ...itemsToInsert) => {
+            const newItems = create(items).insert(index, ...itemsToInsert).items;
+            setItems(newItems);
         },
-        insertBefore: (value, ...items) => {
-            setCollection(collection.insertBefore(value, ...items));
+        insertBefore: (value, ...itemsToInsert) => {
+            const newItems = create(items).insertBefore(value, ...itemsToInsert).items;
+            setItems(newItems);
         },
-        insertAfter: (value, ...items) => {
-            setCollection(collection.insertAfter(value, ...items));
+        insertAfter: (value, ...itemsToInsert) => {
+            const newItems = create(items).insertAfter(value, ...itemsToInsert).items;
+            setItems(newItems);
         },
         remove: (...itemOrValues) => {
-            setCollection(collection.remove(...itemOrValues));
+            const newItems = create(items).remove(...itemOrValues).items;
+            setItems(newItems);
         },
         move: (value, to) => {
-            setCollection(collection.move(value, to));
+            const newItems = create(items).move(value, to).items;
+            setItems(newItems);
         },
         moveBefore: (value, ...values) => {
-            setCollection(collection.moveBefore(value, ...values));
+            const newItems = create(items).moveBefore(value, ...values).items;
+            setItems(newItems);
         },
         moveAfter: (value, ...values) => {
-            setCollection(collection.moveAfter(value, ...values));
+            const newItems = create(items).moveAfter(value, ...values).items;
+            setItems(newItems);
         },
         reorder: (from, to) => {
-            setCollection(collection.reorder(from, to));
+            const newItems = create(items).reorder(from, to).items;
+            setItems(newItems);
+        },
+        append: (...itemsToAppend) => {
+            const newItems = create(items).append(...itemsToAppend).items;
+            setItems(newItems);
+        },
+        upsert: (value, item, mode = 'append') => {
+            const newItems = create(items).upsert(value, item, mode).items;
+            setItems(newItems);
         },
-        prepend: (...items) => {
-            setCollection(collection.prepend(...items));
+        prepend: (...itemsToPrepend) => {
+            const newItems = create(items).prepend(...itemsToPrepend).items;
+            setItems(newItems);
         },
         update: (value, item) => {
-            setCollection(collection.update(value, item));
+            const newItems = create(items).update(value, item).items;
+            setItems(newItems);
         },
     };
 }

package/dist/components/color-picker/color-picker-content.svelte

@@ -11,7 +11,7 @@
   import { usePresenceContext } from '../presence'
   import { useColorPickerContext } from './use-color-picker-context'
 
-  let { ref = $bindable<Element | null>(), ...props }: ColorPickerContentProps = $props()
+  let { ref = $bindable(null), ...props }: ColorPickerContentProps = $props()
 
   const colorPicker = useColorPickerContext()
   const presence = usePresenceContext()

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" | "onValueChange" | "readOnly" | "invalid" | "required" | "onValueChangeEnd" | "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" | "positioning" | "initialFocusEl" | "format" | "defaultFormat" | "onFormatChange" | "closeOnSelect" | "openAutoFocus" | "onPointerDownOutside" | "onFocusOutside" | "onInteractOutside">];

package/dist/components/color-picker/split-color-picker-props.svelte.js

@@ -25,4 +25,5 @@ export const splitColorPickerProps = (props) => splitFn(props, [
     'readOnly',
     'required',
     'value',
+    'inline',
 ]);

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

@@ -11,7 +11,7 @@
   import { useComboboxContext } from './use-combobox-context'
   import { usePresenceContext } from '../presence'
 
-  let { ref = $bindable<Element | null>(), ...props }: ComboboxContentProps = $props()
+  let { ref = $bindable(null), ...props }: ComboboxContentProps = $props()
 
   const combobox = useComboboxContext()
   const presence = usePresenceContext()
@@ -22,6 +22,6 @@
   }
 </script>
 
-{#if presence().present}
+{#if !presence().unmounted}
   <Ark as="div" bind:ref {...mergedProps} {@attach setNode} />
 {/if}

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

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

package/dist/components/date-picker/date-picker-root.svelte

@@ -67,6 +67,7 @@
       'translations',
       'value',
       'view',
+      'inline',
     ]),
   )
 

package/dist/components/dialog/dialog-backdrop.svelte

@@ -14,7 +14,7 @@
   import { usePresence } from '../presence'
   import { useDialogContext } from './use-dialog-context'
 
-  let { ref = $bindable<Element | null>(), ...props }: DialogBackdropProps = $props()
+  let { ref = $bindable(null), ...props }: DialogBackdropProps = $props()
 
   const dialog = useDialogContext()
   const renderStrategyProps = useRenderStrategyPropsContext()

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

@@ -13,7 +13,7 @@
   import { usePresenceContext } from '../presence'
   import { useDialogContext } from './use-dialog-context'
 
-  let { ref = $bindable<Element | null>(), ...props }: DialogContentProps = $props()
+  let { ref = $bindable(null), ...props }: DialogContentProps = $props()
 
   const dialog = useDialogContext()
   const presence = usePresenceContext()

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" | "translations" | "readOnly" | "invalid" | "required" | "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" | "translations" | "onPointerDownOutside" | "onFocusOutside" | "onInteractOutside" | "finalFocusEl" | "autoResize" | "activationMode" | "submitMode" | "selectOnFocus" | "edit" | "defaultEdit" | "onEditChange" | "maxLength" | "onValueRevert" | "onValueCommit">];

package/dist/components/factory/svg-factory.svelte

@@ -10,7 +10,7 @@
       ref?: Element | null
     }
 
-  let { as, ref = $bindable<Element | null>(null), ...props }: Props = $props()
+  let { as, ref = $bindable(null), ...props }: Props = $props()
 </script>
 
 <svelte:element this={as} {...props} bind:this={ref} />

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

@@ -13,7 +13,7 @@
   import { FieldProvider } from './use-field-context'
   import { useField } from './use-field.svelte'
 
-  let { ref = $bindable<Element | null>(null), ...props }: FieldRootProps = $props()
+  let { ref = $bindable(null), ...props }: FieldRootProps = $props()
 
   const [useFieldProps, localProps] = $derived(
     createSplitProps<UseFieldProps>()(props, ['id', 'ids', 'disabled', 'invalid', 'readOnly', 'required']),

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

@@ -13,7 +13,7 @@
   import { FieldsetProvider } from './use-fieldset-context'
   import { useFieldset } from './use-fieldset.svelte'
 
-  let { ref = $bindable<Element | null>(null), ...props }: FieldsetRootProps = $props()
+  let { ref = $bindable(null), ...props }: FieldsetRootProps = $props()
 
   const [useFieldsetProps, localProps] = $derived(
     createSplitProps<UseFieldsetProps>()(props, ['id', 'disabled', 'invalid']),

package/dist/components/focus-trap/focus-trap.svelte

@@ -18,7 +18,7 @@
   export interface FocusTrapBaseProps extends PolymorphicProps<'div'>, RefAttribute, TrapOptions {}
   export interface FocusTrapProps extends Assign<HTMLProps<'div'>, FocusTrapBaseProps> {}
 
-  let { ref = $bindable<Element | null>(), ...props }: FocusTrapProps = $props()
+  let { ref = $bindable(null), ...props }: FocusTrapProps = $props()
 
   const [trapProps, localProps] = $derived(
     createSplitProps<TrapOptions>()(props, [

package/dist/components/index.d.ts

@@ -1,4 +1,5 @@
 export * from './accordion';
+export * from './angle-slider';
 export * from './avatar';
 export * from './carousel';
 export * from './checkbox';

package/dist/components/index.js

@@ -1,4 +1,5 @@
 export * from './accordion';
+export * from './angle-slider';
 export * from './avatar';
 export * from './carousel';
 export * from './checkbox';

package/dist/components/number-input/split-number-input-props.svelte.d.ts

@@ -1,2 +1,2 @@
 import type { UseNumberInputProps } from './use-number-input.svelte';
-export declare const splitNumberInputProps: <T extends UseNumberInputProps>(props: T) => [UseNumberInputProps, Omit<T, "form" | "pattern" | "name" | "defaultValue" | "value" | "locale" | "ids" | "disabled" | "id" | "step" | "onValueChange" | "onFocusChange" | "translations" | "readOnly" | "invalid" | "required" | "max" | "min" | "allowOverflow" | "allowMouseWheel" | "clampValueOnBlur" | "focusInputOnChange" | "formatOptions" | "inputMode" | "onValueInvalid" | "spinOnPress">];
+export declare const splitNumberInputProps: <T extends UseNumberInputProps>(props: T) => [UseNumberInputProps, Omit<T, "form" | "pattern" | "name" | "defaultValue" | "value" | "locale" | "ids" | "disabled" | "id" | "step" | "onValueChange" | "onFocusChange" | "readOnly" | "invalid" | "max" | "min" | "required" | "translations" | "allowOverflow" | "allowMouseWheel" | "clampValueOnBlur" | "focusInputOnChange" | "formatOptions" | "inputMode" | "onValueInvalid" | "spinOnPress">];

package/dist/components/rating-group/split-rating-group-props.svelte.d.ts

@@ -1,2 +1,2 @@
 import type { UseRatingGroupProps } from './use-rating-group.svelte';
-export declare const splitRatingGroupProps: <T extends UseRatingGroupProps>(props: T) => [UseRatingGroupProps, Omit<T, "form" | "name" | "defaultValue" | "value" | "ids" | "disabled" | "id" | "onValueChange" | "translations" | "readOnly" | "required" | "autoFocus" | "count" | "allowHalf" | "onHoverChange">];
+export declare const splitRatingGroupProps: <T extends UseRatingGroupProps>(props: T) => [UseRatingGroupProps, Omit<T, "form" | "name" | "defaultValue" | "value" | "ids" | "disabled" | "id" | "onValueChange" | "readOnly" | "required" | "translations" | "autoFocus" | "count" | "allowHalf" | "onHoverChange">];

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

@@ -1,19 +1,21 @@
-export { default as Root, type SelectRootProps as RootProps, type SelectRootBaseProps as RootBaseProps, } from './select-root.svelte';
-export { default as RootProvider, type SelectRootProviderProps as RootProviderProps, type SelectRootProviderBaseProps as RootProviderBaseProps, } from './select-root-provider.svelte';
-export { default as Context, type SelectContextProps as ContextProps } from './select-context.svelte';
-export { default as Control, type SelectControlProps as ControlProps, type SelectControlBaseProps as ControlBaseProps, } from './select-control.svelte';
-export { default as Trigger, type SelectTriggerProps as TriggerProps } from './select-trigger.svelte';
-export { default as Label, type SelectLabelProps as LabelProps } from './select-label.svelte';
+export type { HighlightChangeDetails, OpenChangeDetails, 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 Indicator, type SelectIndicatorProps as IndicatorProps } from './select-indicator.svelte';
-export { default as ValueText, type SelectValueTextProps as ValueTextProps } from './select-value-text.svelte';
-export { default as Positioner, type SelectPositionerProps as PositionerProps } from './select-positioner.svelte';
 export { default as Content, type SelectContentProps as ContentProps } from './select-content.svelte';
-export { default as List, type SelectListProps as ListProps } from './select-list.svelte';
+export { default as Context, type SelectContextProps as ContextProps } from './select-context.svelte';
+export { default as Control, type SelectControlBaseProps as ControlBaseProps, type SelectControlProps as ControlProps, } from './select-control.svelte';
 export { default as HiddenSelect, type SelectHiddenSelectProps as HiddenSelectProps, } from './select-hidden-select.svelte';
-export { default as Item, type SelectItemProps as ItemProps } from './select-item.svelte';
+export { default as Indicator, type SelectIndicatorProps as IndicatorProps } from './select-indicator.svelte';
 export { default as ItemContext, type SelectItemContextProps as ItemContextProps } from './select-item-context.svelte';
-export { default as ItemGroup, type SelectItemGroupProps as ItemGroupProps } from './select-item-group.svelte';
 export { default as ItemGroupLabel, type SelectItemGroupLabelProps as ItemGroupLabelProps, } from './select-item-group-label.svelte';
-export { default as ItemText, type SelectItemTextProps as ItemTextProps } from './select-item-text.svelte';
+export { default as ItemGroup, type SelectItemGroupProps as ItemGroupProps } from './select-item-group.svelte';
 export { default as ItemIndicator, type SelectItemIndicatorProps as ItemIndicatorProps, } from './select-item-indicator.svelte';
+export { default as ItemText, type SelectItemTextProps as ItemTextProps } from './select-item-text.svelte';
+export { default as Item, type SelectItemProps as ItemProps } from './select-item.svelte';
+export { default as Label, type SelectLabelProps as LabelProps } from './select-label.svelte';
+export { default as List, type SelectListProps as ListProps } from './select-list.svelte';
+export { default as Positioner, type SelectPositionerProps as PositionerProps } from './select-positioner.svelte';
+export { default as RootProvider, type SelectRootProviderBaseProps as RootProviderBaseProps, type SelectRootProviderProps as RootProviderProps, } from './select-root-provider.svelte';
+export { default as Root, type SelectRootBaseProps as RootBaseProps, type SelectRootProps as RootProps, } from './select-root.svelte';
+export { default as Trigger, type SelectTriggerProps as TriggerProps } from './select-trigger.svelte';
+export { default as ValueText, type SelectValueTextProps as ValueTextProps } from './select-value-text.svelte';

package/dist/components/select/select.js

@@ -1,19 +1,19 @@
-export { default as Root, } from './select-root.svelte';
-export { default as RootProvider, } from './select-root-provider.svelte';
-export { default as Context } from './select-context.svelte';
-export { default as Control, } from './select-control.svelte';
-export { default as Trigger } from './select-trigger.svelte';
-export { default as Label } from './select-label.svelte';
 export { default as ClearTrigger, } from './select-clear-trigger.svelte';
-export { default as Indicator } from './select-indicator.svelte';
-export { default as ValueText } from './select-value-text.svelte';
-export { default as Positioner } from './select-positioner.svelte';
 export { default as Content } from './select-content.svelte';
-export { default as List } from './select-list.svelte';
+export { default as Context } from './select-context.svelte';
+export { default as Control, } from './select-control.svelte';
 export { default as HiddenSelect, } from './select-hidden-select.svelte';
-export { default as Item } from './select-item.svelte';
+export { default as Indicator } from './select-indicator.svelte';
 export { default as ItemContext } from './select-item-context.svelte';
-export { default as ItemGroup } from './select-item-group.svelte';
 export { default as ItemGroupLabel, } from './select-item-group-label.svelte';
-export { default as ItemText } from './select-item-text.svelte';
+export { default as ItemGroup } from './select-item-group.svelte';
 export { default as ItemIndicator, } from './select-item-indicator.svelte';
+export { default as ItemText } from './select-item-text.svelte';
+export { default as Item } from './select-item.svelte';
+export { default as Label } from './select-label.svelte';
+export { default as List } from './select-list.svelte';
+export { default as Positioner } from './select-positioner.svelte';
+export { default as RootProvider, } from './select-root-provider.svelte';
+export { default as Root, } from './select-root.svelte';
+export { default as Trigger } from './select-trigger.svelte';
+export { default as ValueText } from './select-value-text.svelte';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@ark-ui/svelte",
   "type": "module",
-  "version": "5.0.5",
+  "version": "5.1.1",
   "description": "A collection of unstyled, accessible UI components for Svelte",
   "keywords": [
     "accordion",
@@ -120,85 +120,85 @@
   "sideEffects": false,
   "dependencies": {
     "@internationalized/date": "3.8.2",
-    "@zag-js/accordion": "1.17.4",
-    "@zag-js/angle-slider": "1.17.4",
-    "@zag-js/anatomy": "1.17.4",
-    "@zag-js/auto-resize": "1.17.4",
-    "@zag-js/avatar": "1.17.4",
-    "@zag-js/carousel": "1.17.4",
-    "@zag-js/checkbox": "1.17.4",
-    "@zag-js/clipboard": "1.17.4",
-    "@zag-js/collapsible": "1.17.4",
-    "@zag-js/collection": "1.17.4",
-    "@zag-js/color-picker": "1.17.4",
-    "@zag-js/color-utils": "1.17.4",
-    "@zag-js/combobox": "1.17.4",
-    "@zag-js/core": "1.17.4",
-    "@zag-js/date-picker": "1.17.4",
-    "@zag-js/date-utils": "1.17.4",
-    "@zag-js/dialog": "1.17.4",
-    "@zag-js/dom-query": "1.17.4",
-    "@zag-js/editable": "1.17.4",
-    "@zag-js/file-upload": "1.17.4",
-    "@zag-js/file-utils": "1.17.4",
-    "@zag-js/focus-trap": "1.17.4",
-    "@zag-js/floating-panel": "1.17.4",
-    "@zag-js/highlight-word": "1.17.4",
-    "@zag-js/hover-card": "1.17.4",
-    "@zag-js/i18n-utils": "1.17.4",
-    "@zag-js/listbox": "1.17.4",
-    "@zag-js/menu": "1.17.4",
-    "@zag-js/number-input": "1.17.4",
-    "@zag-js/pagination": "1.17.4",
-    "@zag-js/password-input": "1.17.4",
-    "@zag-js/pin-input": "1.17.4",
-    "@zag-js/popover": "1.17.4",
-    "@zag-js/presence": "1.17.4",
-    "@zag-js/progress": "1.17.4",
-    "@zag-js/qr-code": "1.17.4",
-    "@zag-js/radio-group": "1.17.4",
-    "@zag-js/rating-group": "1.17.4",
-    "@zag-js/svelte": "1.17.4",
-    "@zag-js/select": "1.17.4",
-    "@zag-js/signature-pad": "1.17.4",
-    "@zag-js/slider": "1.17.4",
-    "@zag-js/splitter": "1.17.4",
-    "@zag-js/steps": "1.17.4",
-    "@zag-js/switch": "1.17.4",
-    "@zag-js/tabs": "1.17.4",
-    "@zag-js/tags-input": "1.17.4",
-    "@zag-js/time-picker": "1.17.4",
-    "@zag-js/timer": "1.17.4",
-    "@zag-js/toast": "1.17.4",
-    "@zag-js/toggle": "1.17.4",
-    "@zag-js/toggle-group": "1.17.4",
-    "@zag-js/tooltip": "1.17.4",
-    "@zag-js/tour": "1.17.4",
-    "@zag-js/tree-view": "1.17.4",
-    "@zag-js/types": "1.17.4",
-    "@zag-js/utils": "1.17.4"
+    "@zag-js/accordion": "1.18.2",
+    "@zag-js/angle-slider": "1.18.2",
+    "@zag-js/anatomy": "1.18.2",
+    "@zag-js/auto-resize": "1.18.2",
+    "@zag-js/avatar": "1.18.2",
+    "@zag-js/carousel": "1.18.2",
+    "@zag-js/checkbox": "1.18.2",
+    "@zag-js/clipboard": "1.18.2",
+    "@zag-js/collapsible": "1.18.2",
+    "@zag-js/collection": "1.18.2",
+    "@zag-js/color-picker": "1.18.2",
+    "@zag-js/color-utils": "1.18.2",
+    "@zag-js/combobox": "1.18.2",
+    "@zag-js/core": "1.18.2",
+    "@zag-js/date-picker": "1.18.2",
+    "@zag-js/date-utils": "1.18.2",
+    "@zag-js/dialog": "1.18.2",
+    "@zag-js/dom-query": "1.18.2",
+    "@zag-js/editable": "1.18.2",
+    "@zag-js/file-upload": "1.18.2",
+    "@zag-js/file-utils": "1.18.2",
+    "@zag-js/focus-trap": "1.18.2",
+    "@zag-js/floating-panel": "1.18.2",
+    "@zag-js/highlight-word": "1.18.2",
+    "@zag-js/hover-card": "1.18.2",
+    "@zag-js/i18n-utils": "1.18.2",
+    "@zag-js/listbox": "1.18.2",
+    "@zag-js/menu": "1.18.2",
+    "@zag-js/number-input": "1.18.2",
+    "@zag-js/pagination": "1.18.2",
+    "@zag-js/password-input": "1.18.2",
+    "@zag-js/pin-input": "1.18.2",
+    "@zag-js/popover": "1.18.2",
+    "@zag-js/presence": "1.18.2",
+    "@zag-js/progress": "1.18.2",
+    "@zag-js/qr-code": "1.18.2",
+    "@zag-js/radio-group": "1.18.2",
+    "@zag-js/rating-group": "1.18.2",
+    "@zag-js/svelte": "1.18.2",
+    "@zag-js/select": "1.18.2",
+    "@zag-js/signature-pad": "1.18.2",
+    "@zag-js/slider": "1.18.2",
+    "@zag-js/splitter": "1.18.2",
+    "@zag-js/steps": "1.18.2",
+    "@zag-js/switch": "1.18.2",
+    "@zag-js/tabs": "1.18.2",
+    "@zag-js/tags-input": "1.18.2",
+    "@zag-js/time-picker": "1.18.2",
+    "@zag-js/timer": "1.18.2",
+    "@zag-js/toast": "1.18.2",
+    "@zag-js/toggle": "1.18.2",
+    "@zag-js/toggle-group": "1.18.2",
+    "@zag-js/tooltip": "1.18.2",
+    "@zag-js/tour": "1.18.2",
+    "@zag-js/tree-view": "1.18.2",
+    "@zag-js/types": "1.18.2",
+    "@zag-js/utils": "1.18.2"
   },
   "devDependencies": {
-    "@storybook/addon-a11y": "9.0.10",
-    "@storybook/sveltekit": "9.0.10",
+    "@storybook/addon-a11y": "9.0.15",
+    "@storybook/sveltekit": "9.0.15",
     "@sveltejs/adapter-auto": "6.0.1",
-    "@sveltejs/kit": "2.21.5",
-    "@sveltejs/package": "2.3.11",
+    "@sveltejs/kit": "2.22.2",
+    "@sveltejs/package": "2.3.12",
     "@sveltejs/vite-plugin-svelte": "5.1.0",
-    "@tanstack/svelte-form": "1.12.3",
+    "@tanstack/svelte-form": "1.12.4",
     "@testing-library/jest-dom": "6.6.3",
     "@testing-library/svelte": "5.2.8",
     "@testing-library/user-event": "14.6.1",
-    "@vitest/coverage-v8": "3.2.3",
+    "@vitest/coverage-v8": "3.2.4",
     "clean-package": "2.2.0",
-    "lucide-svelte": "0.515.0",
-    "storybook": "9.0.10",
-    "svelte": "5.34.3",
-    "svelte-check": "4.2.1",
+    "lucide-svelte": "0.525.0",
+    "storybook": "9.0.15",
+    "svelte": "5.35.2",
+    "svelte-check": "4.2.2",
     "tslib": "2.8.1",
     "typescript": "5.8.3",
-    "vite": "6.3.5",
-    "vitest": "3.2.3"
+    "vite": "7.0.2",
+    "vitest": "3.2.4"
   },
   "peerDependencies": {
     "svelte": ">=5.20.0"