ui-ingredients 0.0.1

package/dist/select/list.svelte.d.ts

@@ -0,0 +1,22 @@
+import type { Assign } from '../types.js';
+import type { SvelteHTMLElements } from 'svelte/elements';
+export interface SelectListProps extends Assign<SvelteHTMLElements['div'], {}> {
+}
+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;
+}
+declare const List: $$__sveltets_2_IsomorphicComponent<SelectListProps, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, "">;
+type List = InstanceType<typeof List>;
+export default List;

package/dist/select/positioner.svelte

@@ -0,0 +1,12 @@
+<script lang="ts" context="module"></script>
+
+<script lang="ts">import { mergeProps } from "@zag-js/svelte";
+import { useSelectContext } from "./context.svelte.js";
+let { children, ...props } = $props();
+let context = useSelectContext();
+let attrs = $derived(mergeProps(props, context.getPositionerProps()));
+</script>
+
+<div {...attrs}>
+  {@render children?.()}
+</div>

package/dist/select/positioner.svelte.d.ts

@@ -0,0 +1,22 @@
+import type { Assign } from '../types.js';
+import type { SvelteHTMLElements } from 'svelte/elements';
+export interface SelectPositionerProps extends Assign<SvelteHTMLElements['div'], {}> {
+}
+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;
+}
+declare const Positioner: $$__sveltets_2_IsomorphicComponent<SelectPositionerProps, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, "">;
+type Positioner = InstanceType<typeof Positioner>;
+export default Positioner;

package/dist/select/root.svelte

@@ -0,0 +1,78 @@
+<script lang="ts" context="module"></script>
+
+<script lang="ts" generics="T">import { mergeProps } from "@zag-js/svelte";
+import { nanoid } from "nanoid/non-secure";
+import { createSelectContext, setSelectContext } from "./context.svelte.js";
+let {
+  id = nanoid(),
+  ids,
+  dir,
+  form,
+  name,
+  open,
+  "open.controlled": openControlled,
+  value,
+  items,
+  invalid,
+  multiple,
+  disabled,
+  readOnly,
+  required,
+  loopFocus,
+  composite,
+  positioning,
+  closeOnSelect,
+  highlightedValue,
+  itemToValue,
+  itemToString,
+  isItemDisabled,
+  onOpenChange,
+  onValueChange,
+  onFocusOutside,
+  onHighlightChange,
+  onInteractOutside,
+  onPointerDownOutside,
+  scrollToIndexFn,
+  getRootNode,
+  children,
+  ...props
+} = $props();
+let context = createSelectContext({
+  id,
+  ids,
+  dir,
+  form,
+  name,
+  open,
+  "open.controlled": openControlled,
+  value: $state.snapshot(value),
+  items,
+  invalid,
+  multiple,
+  disabled,
+  readOnly,
+  required,
+  loopFocus,
+  composite,
+  positioning,
+  closeOnSelect,
+  highlightedValue,
+  itemToValue,
+  itemToString,
+  isItemDisabled,
+  onOpenChange,
+  onValueChange,
+  onFocusOutside,
+  onHighlightChange,
+  onInteractOutside,
+  onPointerDownOutside,
+  scrollToIndexFn,
+  getRootNode
+});
+let attrs = $derived(mergeProps(props, context.getRootProps()));
+setSelectContext(context);
+</script>
+
+<div {...attrs}>
+  {@render children?.(context)}
+</div>

package/dist/select/root.svelte.d.ts

@@ -0,0 +1,28 @@
+import type { Assign, OptionalId, WithoutChildren } from '../types.js';
+import type { Snippet } from 'svelte';
+import type { SvelteHTMLElements } from 'svelte/elements';
+import type { CreateSelectContextProps, CreateSelectContextReturn } from './context.svelte.js';
+export interface SelectProps<T> extends Assign<WithoutChildren<SvelteHTMLElements['div']>, OptionalId<CreateSelectContextProps<T>>> {
+    children?: Snippet<[CreateSelectContextReturn]>;
+}
+declare class __sveltets_Render<T> {
+    props(): SelectProps<T>;
+    events(): {} & {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots(): {};
+    bindings(): "";
+    exports(): {};
+}
+interface $$IsomorphicComponent {
+    new <T>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<T>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<T>['props']>, ReturnType<__sveltets_Render<T>['events']>, ReturnType<__sveltets_Render<T>['slots']>> & {
+        $$bindings?: ReturnType<__sveltets_Render<T>['bindings']>;
+    } & ReturnType<__sveltets_Render<T>['exports']>;
+    <T>(internal: unknown, props: ReturnType<__sveltets_Render<T>['props']> & {
+        $$events?: ReturnType<__sveltets_Render<T>['events']>;
+    }): ReturnType<__sveltets_Render<T>['exports']>;
+    z_$$bindings?: ReturnType<__sveltets_Render<any>['bindings']>;
+}
+declare const Root: $$IsomorphicComponent;
+type Root<T> = InstanceType<typeof Root<T>>;
+export default Root;

package/dist/select/trigger.svelte

@@ -0,0 +1,12 @@
+<script lang="ts" context="module"></script>
+
+<script lang="ts">import { mergeProps } from "@zag-js/svelte";
+import { useSelectContext } from "./context.svelte.js";
+let { children, ...props } = $props();
+let context = useSelectContext();
+let attrs = $derived(mergeProps(props, context.getTriggerProps()));
+</script>
+
+<button type="button" {...attrs}>
+  {@render children?.()}
+</button>

package/dist/select/trigger.svelte.d.ts

@@ -0,0 +1,22 @@
+import type { Assign } from '../types.js';
+import type { SvelteHTMLElements } from 'svelte/elements';
+export interface SelectTriggerProps extends Assign<SvelteHTMLElements['button'], {}> {
+}
+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;
+}
+declare const Trigger: $$__sveltets_2_IsomorphicComponent<SelectTriggerProps, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, "">;
+type Trigger = InstanceType<typeof Trigger>;
+export default Trigger;

package/dist/select/value-text.svelte

@@ -0,0 +1,18 @@
+<script lang="ts" context="module"></script>
+
+<script lang="ts">import { mergeProps } from "@zag-js/svelte";
+import { useSelectContext } from "./context.svelte.js";
+let { children, placeholder, ...props } = $props();
+let context = useSelectContext();
+let attrs = $derived(mergeProps(props, context.getValueTextProps()));
+</script>
+
+<span {...attrs}>
+  {#if children}
+    {@render children?.()}
+  {:else if context.value.length}
+    {context.valueAsString}
+  {:else}
+    {placeholder}
+  {/if}
+</span>

package/dist/select/value-text.svelte.d.ts

@@ -0,0 +1,22 @@
+import type { Assign } from '../types.js';
+import type { SvelteHTMLElements } from 'svelte/elements';
+export interface SelectValueTextProps extends Assign<SvelteHTMLElements['span'], {}> {
+}
+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;
+}
+declare const ValueText: $$__sveltets_2_IsomorphicComponent<SelectValueTextProps, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, "">;
+type ValueText = InstanceType<typeof ValueText>;
+export default ValueText;

package/dist/slider/context.svelte.d.ts

@@ -0,0 +1,10 @@
+import * as slider from '@zag-js/slider';
+export interface CreateSliderContextProps extends slider.Context {
+}
+export interface CreateSliderContextReturn extends ReturnType<typeof createSliderContext> {
+}
+export declare function createSliderContext(props: CreateSliderContextProps): any;
+export declare function setSliderContext(value: CreateSliderContextReturn): void;
+export declare function useSliderContext(): CreateSliderContextReturn;
+export declare function setSliderThumbContext(value: slider.ThumbProps): void;
+export declare function useSliderThumbContext(): slider.ThumbProps;

package/dist/slider/context.svelte.js

@@ -0,0 +1,20 @@
+import * as slider from '@zag-js/slider';
+import { normalizeProps, reflect, useMachine } from '@zag-js/svelte';
+import { getContext, setContext } from 'svelte';
+export function createSliderContext(props) {
+    const [state, send] = useMachine(slider.machine(props));
+    const api = $derived(reflect(() => slider.connect(state, send, normalizeProps)));
+    return api;
+}
+export function setSliderContext(value) {
+    setContext('Slider', value);
+}
+export function useSliderContext() {
+    return getContext('Slider');
+}
+export function setSliderThumbContext(value) {
+    setContext('SliderThumb', reflect(() => value));
+}
+export function useSliderThumbContext() {
+    return getContext('SliderThumb');
+}

package/dist/slider/control.svelte

@@ -0,0 +1,12 @@
+<script lang="ts" context="module"></script>
+
+<script lang="ts">import { mergeProps } from "@zag-js/svelte";
+import { useSliderContext } from "./context.svelte.js";
+let { children, ...props } = $props();
+let context = useSliderContext();
+let attrs = $derived(mergeProps(props, context.getControlProps()));
+</script>
+
+<div {...attrs}>
+  {@render children?.()}
+</div>

package/dist/slider/control.svelte.d.ts

@@ -0,0 +1,22 @@
+import type { Assign } from '../types.js';
+import type { SvelteHTMLElements } from 'svelte/elements';
+export interface SliderControlProps extends Assign<SvelteHTMLElements['div'], {}> {
+}
+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;
+}
+declare const Control: $$__sveltets_2_IsomorphicComponent<SliderControlProps, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, "">;
+type Control = InstanceType<typeof Control>;
+export default Control;

package/dist/slider/hidden-input.svelte

@@ -0,0 +1,11 @@
+<script lang="ts" context="module"></script>
+
+<script lang="ts">import { mergeProps } from "@zag-js/svelte";
+import { useSliderContext, useSliderThumbContext } from "./context.svelte.js";
+let { children, ...props } = $props();
+let context = useSliderContext();
+let thumbContext = useSliderThumbContext();
+let attrs = $derived(mergeProps(props, context.getHiddenInputProps(thumbContext)));
+</script>
+
+<input {...attrs} />

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

@@ -0,0 +1,22 @@
+import type { Assign } from '../types.js';
+import type { SvelteHTMLElements } from 'svelte/elements';
+export interface SliderHiddenInputProps extends Assign<SvelteHTMLElements['input'], {}> {
+}
+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;
+}
+declare const HiddenInput: $$__sveltets_2_IsomorphicComponent<SliderHiddenInputProps, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, "">;
+type HiddenInput = InstanceType<typeof HiddenInput>;
+export default HiddenInput;

package/dist/slider/index.d.ts

@@ -0,0 +1,10 @@
+export { default as Control, type SliderControlProps } from './control.svelte';
+export { default as HiddenInput, type SliderHiddenInputProps } from './hidden-input.svelte';
+export { default as Label, type SliderLabelProps } from './label.svelte';
+export { default as MarkerGroup, type SliderMarkerGroupProps } from './marker-group.svelte';
+export { default as Marker, type SliderMarkerProps } from './marker.svelte';
+export { default as Range, type SliderRangeProps } from './range.svelte';
+export { default as Root, type SliderProps } from './root.svelte';
+export { default as Thumb, type SliderThumbProps } from './thumb.svelte';
+export { default as Track, type SliderTrackProps } from './track.svelte';
+export { default as ValueText, type SliderValueTextProps } from './value-text.svelte';

package/dist/slider/index.js

@@ -0,0 +1,10 @@
+export { default as Control } from './control.svelte';
+export { default as HiddenInput } from './hidden-input.svelte';
+export { default as Label } from './label.svelte';
+export { default as MarkerGroup } from './marker-group.svelte';
+export { default as Marker } from './marker.svelte';
+export { default as Range } from './range.svelte';
+export { default as Root } from './root.svelte';
+export { default as Thumb } from './thumb.svelte';
+export { default as Track } from './track.svelte';
+export { default as ValueText } from './value-text.svelte';

package/dist/slider/label.svelte

@@ -0,0 +1,12 @@
+<script lang="ts" context="module"></script>
+
+<script lang="ts">import { mergeProps } from "@zag-js/svelte";
+import { useSliderContext } from "./context.svelte.js";
+let { children, ...props } = $props();
+let context = useSliderContext();
+let attrs = $derived(mergeProps(props, context.getLabelProps()));
+</script>
+
+<label {...attrs}>
+  {@render children?.()}
+</label>

package/dist/slider/label.svelte.d.ts

@@ -0,0 +1,22 @@
+import type { Assign } from '../types.js';
+import type { SvelteHTMLElements } from 'svelte/elements';
+export interface SliderLabelProps extends Assign<SvelteHTMLElements['label'], {}> {
+}
+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;
+}
+declare const Label: $$__sveltets_2_IsomorphicComponent<SliderLabelProps, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, "">;
+type Label = InstanceType<typeof Label>;
+export default Label;

package/dist/slider/marker-group.svelte

@@ -0,0 +1,12 @@
+<script lang="ts" context="module"></script>
+
+<script lang="ts">import { mergeProps } from "@zag-js/svelte";
+import { useSliderContext } from "./context.svelte.js";
+let { children, ...props } = $props();
+let context = useSliderContext();
+let attrs = $derived(mergeProps(props, context.getMarkerGroupProps()));
+</script>
+
+<div {...attrs}>
+  {@render children?.()}
+</div>

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

@@ -0,0 +1,22 @@
+import type { Assign } from '../types.js';
+import type { SvelteHTMLElements } from 'svelte/elements';
+export interface SliderMarkerGroupProps extends Assign<SvelteHTMLElements['div'], {}> {
+}
+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;
+}
+declare const MarkerGroup: $$__sveltets_2_IsomorphicComponent<SliderMarkerGroupProps, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, "">;
+type MarkerGroup = InstanceType<typeof MarkerGroup>;
+export default MarkerGroup;

package/dist/slider/marker.svelte

@@ -0,0 +1,19 @@
+<script lang="ts" context="module"></script>
+
+<script lang="ts">import { mergeProps } from "@zag-js/svelte";
+import { useSliderContext } from "./context.svelte.js";
+let { value, children, ...props } = $props();
+let context = useSliderContext();
+let attrs = $derived(
+  mergeProps(
+    props,
+    context.getMarkerProps({
+      value
+    })
+  )
+);
+</script>
+
+<span {...attrs}>
+  {@render children?.()}
+</span>

package/dist/slider/marker.svelte.d.ts

@@ -0,0 +1,23 @@
+import type { Assign } from '../types.js';
+import type { MarkerProps } from '@zag-js/slider';
+import type { SvelteHTMLElements } from 'svelte/elements';
+export interface SliderMarkerProps extends Assign<SvelteHTMLElements['span'], MarkerProps> {
+}
+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;
+}
+declare const Marker: $$__sveltets_2_IsomorphicComponent<SliderMarkerProps, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, "">;
+type Marker = InstanceType<typeof Marker>;
+export default Marker;

package/dist/slider/range.svelte

@@ -0,0 +1,12 @@
+<script lang="ts" context="module"></script>
+
+<script lang="ts">import { mergeProps } from "@zag-js/svelte";
+import { useSliderContext } from "./context.svelte.js";
+let { children, ...props } = $props();
+let context = useSliderContext();
+let attrs = $derived(mergeProps(props, context.getRangeProps()));
+</script>
+
+<div {...attrs}>
+  {@render children?.()}
+</div>

package/dist/slider/range.svelte.d.ts

@@ -0,0 +1,22 @@
+import type { Assign } from '../types.js';
+import type { SvelteHTMLElements } from 'svelte/elements';
+export interface SliderRangeProps extends Assign<SvelteHTMLElements['div'], {}> {
+}
+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;
+}
+declare const Range: $$__sveltets_2_IsomorphicComponent<SliderRangeProps, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, "">;
+type Range = InstanceType<typeof Range>;
+export default Range;

package/dist/slider/root.svelte

@@ -0,0 +1,66 @@
+<script lang="ts" context="module"></script>
+
+<script lang="ts">import { mergeProps } from "@zag-js/svelte";
+import { nanoid } from "nanoid/non-secure";
+import { createSliderContext, setSliderContext } from "./context.svelte.js";
+let {
+  id = nanoid(),
+  ids,
+  dir,
+  max,
+  min,
+  step,
+  form,
+  name,
+  value,
+  origin,
+  invalid,
+  readOnly,
+  disabled,
+  orientation,
+  thumbAlignment,
+  thumbSize,
+  minStepsBetweenThumbs,
+  "aria-label": ariaLabel,
+  "aria-labelledby": ariaLabelledby,
+  onFocusChange,
+  onValueChange,
+  onValueChangeEnd,
+  getAriaValueText,
+  getRootNode,
+  children,
+  ...props
+} = $props();
+let context = createSliderContext({
+  id,
+  ids,
+  dir,
+  max,
+  min,
+  step,
+  form,
+  name,
+  value: $state.snapshot(value),
+  origin,
+  invalid,
+  readOnly,
+  disabled,
+  orientation,
+  thumbAlignment,
+  thumbSize,
+  minStepsBetweenThumbs,
+  "aria-label": ariaLabel,
+  "aria-labelledby": ariaLabelledby,
+  onFocusChange,
+  onValueChange,
+  onValueChangeEnd,
+  getAriaValueText,
+  getRootNode
+});
+let attrs = $derived(mergeProps(props, context.getRootProps()));
+setSliderContext(context);
+</script>
+
+<div {...attrs}>
+  {@render children?.(context)}
+</div>

package/dist/slider/root.svelte.d.ts

@@ -0,0 +1,25 @@
+import type { Assign, OptionalId, WithoutChildren } from '../types.js';
+import type { Snippet } from 'svelte';
+import type { SvelteHTMLElements } from 'svelte/elements';
+import type { CreateSliderContextProps, CreateSliderContextReturn } from './context.svelte.js';
+export interface SliderProps extends Assign<WithoutChildren<SvelteHTMLElements['div']>, OptionalId<CreateSliderContextProps>> {
+    children?: Snippet<[CreateSliderContextReturn]>;
+}
+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;
+}
+declare const Root: $$__sveltets_2_IsomorphicComponent<SliderProps, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, "">;
+type Root = InstanceType<typeof Root>;
+export default Root;

package/dist/slider/thumb.svelte

@@ -0,0 +1,24 @@
+<script lang="ts" context="module"></script>
+
+<script lang="ts">import { mergeProps } from "@zag-js/svelte";
+import { setSliderThumbContext, useSliderContext } from "./context.svelte.js";
+let { name, index, children, ...props } = $props();
+let context = useSliderContext();
+let attrs = $derived(
+  mergeProps(
+    props,
+    context.getThumbProps({
+      name,
+      index
+    })
+  )
+);
+setSliderThumbContext({
+  name,
+  index
+});
+</script>
+
+<div {...attrs}>
+  {@render children?.()}
+</div>