bits-ui 0.8.4 → 0.8.5

package/dist/bits/select/components/SelectGroup.svelte.d.ts

@@ -61,7 +61,7 @@ declare const __propDef: {
         'data-sveltekit-replacestate'?: true | "" | "off" | null | undefined;
         'aria-activedescendant'?: string | null | undefined;
         'aria-atomic'?: import("svelte/elements.js").Booleanish | null | undefined;
-        'aria-autocomplete'?: "list" | "none" | "inline" | "both" | null | undefined;
+        'aria-autocomplete'?: "none" | "list" | "inline" | "both" | null | undefined;
         'aria-busy'?: import("svelte/elements.js").Booleanish | null | undefined;
         'aria-checked'?: boolean | "false" | "true" | "mixed" | null | undefined;
         'aria-colcount'?: number | null | undefined;

package/dist/bits/select/components/SelectInput.svelte

@@ -2,7 +2,8 @@
 import { getCtx, getAttrs } from "../ctx.js";
 export let asChild = false;
 const {
-  elements: { hiddenInput }
+  elements: { hiddenInput },
+  options: { disabled }
 } = getCtx();
 $:
   builder = $hiddenInput;
@@ -12,5 +13,5 @@ const attrs = getAttrs("input");
 {#if asChild}
 	<slot {builder} {attrs} />
 {:else}
-	<input {...builder} use:builder.action hidden {...$$restProps} {...attrs} />
+	<input {...builder} use:builder.action {...$$restProps} {...attrs} disabled={$disabled ? true : undefined} />
 {/if}

package/dist/bits/select/components/SelectInput.svelte.d.ts

@@ -98,7 +98,7 @@ declare const __propDef: {
         'data-sveltekit-replacestate'?: true | "" | "off" | null | undefined;
         'aria-activedescendant'?: string | null | undefined;
         'aria-atomic'?: import("svelte/elements.js").Booleanish | null | undefined;
-        'aria-autocomplete'?: "list" | "none" | "inline" | "both" | null | undefined;
+        'aria-autocomplete'?: "none" | "list" | "inline" | "both" | null | undefined;
         'aria-busy'?: import("svelte/elements.js").Booleanish | null | undefined;
         'aria-checked'?: boolean | "false" | "true" | "mixed" | null | undefined;
         'aria-colcount'?: number | null | undefined;

package/dist/bits/select/components/SelectItem.svelte.d.ts

@@ -65,7 +65,7 @@ declare const __propDef: {
         'data-sveltekit-replacestate'?: true | "" | "off" | null | undefined;
         'aria-activedescendant'?: string | null | undefined;
         'aria-atomic'?: import("svelte/elements.js").Booleanish | null | undefined;
-        'aria-autocomplete'?: "list" | "none" | "inline" | "both" | null | undefined;
+        'aria-autocomplete'?: "none" | "list" | "inline" | "both" | null | undefined;
         'aria-busy'?: import("svelte/elements.js").Booleanish | null | undefined;
         'aria-checked'?: boolean | "false" | "true" | "mixed" | null | undefined;
         'aria-colcount'?: number | null | undefined;

package/dist/bits/select/components/SelectLabel.svelte.d.ts

@@ -62,7 +62,7 @@ declare const __propDef: {
         'data-sveltekit-replacestate'?: true | "" | "off" | null | undefined;
         'aria-activedescendant'?: string | null | undefined;
         'aria-atomic'?: import("svelte/elements.js").Booleanish | null | undefined;
-        'aria-autocomplete'?: "list" | "none" | "inline" | "both" | null | undefined;
+        'aria-autocomplete'?: "none" | "list" | "inline" | "both" | null | undefined;
         'aria-busy'?: import("svelte/elements.js").Booleanish | null | undefined;
         'aria-checked'?: boolean | "false" | "true" | "mixed" | null | undefined;
         'aria-colcount'?: number | null | undefined;

package/dist/bits/select/components/SelectTrigger.svelte.d.ts

@@ -72,7 +72,7 @@ declare const __propDef: {
         'data-sveltekit-replacestate'?: true | "" | "off" | null | undefined;
         'aria-activedescendant'?: string | null | undefined;
         'aria-atomic'?: import("svelte/elements.js").Booleanish | null | undefined;
-        'aria-autocomplete'?: "list" | "none" | "inline" | "both" | null | undefined;
+        'aria-autocomplete'?: "none" | "list" | "inline" | "both" | null | undefined;
         'aria-busy'?: import("svelte/elements.js").Booleanish | null | undefined;
         'aria-checked'?: boolean | "false" | "true" | "mixed" | null | undefined;
         'aria-colcount'?: number | null | undefined;

package/dist/bits/select/components/SelectValue.svelte.d.ts

@@ -61,7 +61,7 @@ declare const __propDef: {
         'data-sveltekit-replacestate'?: true | "" | "off" | null | undefined;
         'aria-activedescendant'?: string | null | undefined;
         'aria-atomic'?: import("svelte/elements.js").Booleanish | null | undefined;
-        'aria-autocomplete'?: "list" | "none" | "inline" | "both" | null | undefined;
+        'aria-autocomplete'?: "none" | "list" | "inline" | "both" | null | undefined;
         'aria-busy'?: import("svelte/elements.js").Booleanish | null | undefined;
         'aria-checked'?: boolean | "false" | "true" | "mixed" | null | undefined;
         'aria-colcount'?: number | null | undefined;

package/dist/bits/separator/components/Separator.svelte.d.ts

@@ -63,7 +63,7 @@ declare const __propDef: {
         'data-sveltekit-replacestate'?: true | "" | "off" | null | undefined;
         'aria-activedescendant'?: string | null | undefined;
         'aria-atomic'?: import("svelte/elements.js").Booleanish | null | undefined;
-        'aria-autocomplete'?: "list" | "none" | "inline" | "both" | null | undefined;
+        'aria-autocomplete'?: "none" | "list" | "inline" | "both" | null | undefined;
         'aria-busy'?: import("svelte/elements.js").Booleanish | null | undefined;
         'aria-checked'?: boolean | "false" | "true" | "mixed" | null | undefined;
         'aria-colcount'?: number | null | undefined;

package/dist/bits/slider/components/Slider.svelte

@@ -10,7 +10,7 @@ export let onValueChange = void 0;
 export let asChild = false;
 const {
   elements: { root },
-  states: { value: localValue },
+  states: { value: localValue, ticks },
   updateOption,
   ids
 } = setCtx({
@@ -46,9 +46,9 @@ const attrs = getAttrs("root");
 </script>
 
 {#if asChild}
-	<slot {builder} {attrs} {ids} />
+	<slot {builder} {attrs} {ids} ticks={$ticks} />
 {:else}
 	<span {...builder} use:builder.action {...$$restProps} {...attrs}>
-		<slot {builder} {attrs} {ids} />
+		<slot {builder} {attrs} {ids} ticks={$ticks} />
 	</span>
 {/if}

package/dist/bits/slider/components/Slider.svelte.d.ts

@@ -68,7 +68,7 @@ declare const __propDef: {
         'data-sveltekit-replacestate'?: true | "" | "off" | null | undefined;
         'aria-activedescendant'?: string | null | undefined;
         'aria-atomic'?: import("svelte/elements.js").Booleanish | null | undefined;
-        'aria-autocomplete'?: "list" | "none" | "inline" | "both" | null | undefined;
+        'aria-autocomplete'?: "none" | "list" | "inline" | "both" | null | undefined;
         'aria-busy'?: import("svelte/elements.js").Booleanish | null | undefined;
         'aria-checked'?: boolean | "false" | "true" | "mixed" | null | undefined;
         'aria-colcount'?: number | null | undefined;
@@ -238,6 +238,7 @@ declare const __propDef: {
             ids: {
                 root: string;
             };
+            ticks: number;
         };
     };
 };

package/dist/bits/slider/components/SliderInput.svelte.d.ts

@@ -1,15 +1,18 @@
 import { SvelteComponent } from "svelte";
 declare const __propDef: {
     props: {
-        checked?: boolean | null | undefined;
         multiple?: boolean | null | undefined;
         disabled?: boolean | null | undefined;
         src?: string | null | undefined;
         alt?: string | null | undefined;
+        checked?: boolean | null | undefined;
         size?: number | null | undefined;
         max?: string | number | null | undefined;
         placeholder?: string | null | undefined;
         'aria-disabled'?: import("svelte/elements.js").Booleanish | null | undefined;
+        width?: string | number | null | undefined;
+        height?: string | number | null | undefined;
+        hidden?: boolean | null | undefined;
         form?: string | null | undefined;
         list?: string | null | undefined;
         radiogroup?: string | null | undefined;
@@ -25,7 +28,6 @@ declare const __propDef: {
         dir?: string | null | undefined;
         draggable?: import("svelte/elements.js").Booleanish | null | undefined;
         enterkeyhint?: "search" | "enter" | "done" | "go" | "next" | "previous" | "send" | null | undefined;
-        hidden?: boolean | null | undefined;
         id?: string | null | undefined;
         lang?: string | null | undefined;
         part?: string | null | undefined;
@@ -66,7 +68,7 @@ declare const __propDef: {
         'bind:devicePixelContentBoxSize'?: ResizeObserverSize[] | null | undefined;
         'aria-activedescendant'?: string | null | undefined;
         'aria-atomic'?: import("svelte/elements.js").Booleanish | null | undefined;
-        'aria-autocomplete'?: "list" | "none" | "inline" | "both" | null | undefined;
+        'aria-autocomplete'?: "none" | "list" | "inline" | "both" | null | undefined;
         'aria-busy'?: import("svelte/elements.js").Booleanish | null | undefined;
         'aria-checked'?: boolean | "false" | "true" | "mixed" | null | undefined;
         'aria-colcount'?: number | null | undefined;
@@ -226,13 +228,11 @@ declare const __propDef: {
         autocomplete?: string | null | undefined;
         capture?: boolean | "user" | "environment" | null | undefined;
         crossorigin?: string | null | undefined;
-        height?: string | number | null | undefined;
         maxlength?: number | null | undefined;
         min?: string | number | null | undefined;
         minlength?: number | null | undefined;
         pattern?: string | null | undefined;
         readonly?: boolean | null | undefined;
-        width?: string | number | null | undefined;
         'bind:checked'?: boolean | null | undefined;
         'bind:value'?: any;
         'bind:group'?: any;

package/dist/bits/slider/components/SliderRange.svelte.d.ts

@@ -61,7 +61,7 @@ declare const __propDef: {
         'data-sveltekit-replacestate'?: true | "" | "off" | null | undefined;
         'aria-activedescendant'?: string | null | undefined;
         'aria-atomic'?: import("svelte/elements.js").Booleanish | null | undefined;
-        'aria-autocomplete'?: "list" | "none" | "inline" | "both" | null | undefined;
+        'aria-autocomplete'?: "none" | "list" | "inline" | "both" | null | undefined;
         'aria-busy'?: import("svelte/elements.js").Booleanish | null | undefined;
         'aria-checked'?: boolean | "false" | "true" | "mixed" | null | undefined;
         'aria-colcount'?: number | null | undefined;

package/dist/bits/slider/components/SliderThumb.svelte.d.ts

@@ -62,7 +62,7 @@ declare const __propDef: {
         'data-sveltekit-replacestate'?: true | "" | "off" | null | undefined;
         'aria-activedescendant'?: string | null | undefined;
         'aria-atomic'?: import("svelte/elements.js").Booleanish | null | undefined;
-        'aria-autocomplete'?: "list" | "none" | "inline" | "both" | null | undefined;
+        'aria-autocomplete'?: "none" | "list" | "inline" | "both" | null | undefined;
         'aria-busy'?: import("svelte/elements.js").Booleanish | null | undefined;
         'aria-checked'?: boolean | "false" | "true" | "mixed" | null | undefined;
         'aria-colcount'?: number | null | undefined;

package/dist/bits/slider/components/SliderTick.svelte

@@ -0,0 +1,16 @@
+<script>import { melt } from "@melt-ui/svelte";
+import { getCtx, getAttrs } from "../ctx.js";
+export let asChild = false;
+const {
+  elements: { tick }
+} = getCtx();
+$:
+  builder = $tick();
+const attrs = getAttrs("tick");
+</script>
+
+{#if asChild}
+	<slot {builder} {attrs} />
+{:else}
+	<span {...builder} use:builder.action {...$$restProps} {...attrs} />
+{/if}

package/dist/bits/{toggle/components/ToggleInput.svelte.d.ts → slider/components/SliderTick.svelte.d.ts}

@@ -1,27 +1,12 @@
 import { SvelteComponent } from "svelte";
 declare const __propDef: {
     props: {
-        checked?: boolean | null | undefined;
-        multiple?: boolean | null | undefined;
-        disabled?: boolean | null | undefined;
-        src?: string | null | undefined;
-        alt?: string | null | undefined;
-        size?: number | null | undefined;
-        max?: string | number | null | undefined;
-        placeholder?: string | null | undefined;
-        'aria-disabled'?: import("svelte/elements.js").Booleanish | null | undefined;
-        form?: string | null | undefined;
-        list?: string | null | undefined;
-        radiogroup?: string | null | undefined;
-        step?: string | number | null | undefined;
-        contextmenu?: string | null | undefined;
-        title?: string | null | undefined;
-        role?: import("svelte/elements.js").AriaRole | null | undefined;
-        type?: import("svelte/elements.js").HTMLInputTypeAttribute | null | undefined;
+        asChild?: boolean | undefined;
         accesskey?: string | null | undefined;
         autofocus?: boolean | null | undefined;
         class?: string | null | undefined;
         contenteditable?: import("svelte/elements.js").Booleanish | "inherit" | "plaintext-only" | null | undefined;
+        contextmenu?: string | null | undefined;
         dir?: string | null | undefined;
         draggable?: import("svelte/elements.js").Booleanish | null | undefined;
         enterkeyhint?: "search" | "enter" | "done" | "go" | "next" | "previous" | "send" | null | undefined;
@@ -29,12 +14,16 @@ declare const __propDef: {
         id?: string | null | undefined;
         lang?: string | null | undefined;
         part?: string | null | undefined;
+        placeholder?: string | null | undefined;
         slot?: string | null | undefined;
         spellcheck?: import("svelte/elements.js").Booleanish | null | undefined;
         style?: string | null | undefined;
         tabindex?: number | null | undefined;
+        title?: string | null | undefined;
         translate?: "" | "yes" | "no" | null | undefined;
         inert?: boolean | null | undefined;
+        radiogroup?: string | null | undefined;
+        role?: import("svelte/elements.js").AriaRole | null | undefined;
         about?: string | null | undefined;
         datatype?: string | null | undefined;
         inlist?: any;
@@ -64,9 +53,15 @@ declare const __propDef: {
         'bind:contentBoxSize'?: ResizeObserverSize[] | null | undefined;
         'bind:borderBoxSize'?: ResizeObserverSize[] | null | undefined;
         'bind:devicePixelContentBoxSize'?: ResizeObserverSize[] | null | undefined;
+        'data-sveltekit-keepfocus'?: true | "" | "off" | null | undefined;
+        'data-sveltekit-noscroll'?: true | "" | "off" | null | undefined;
+        'data-sveltekit-preload-code'?: true | "" | "off" | "eager" | "viewport" | "hover" | "tap" | null | undefined;
+        'data-sveltekit-preload-data'?: true | "" | "off" | "hover" | "tap" | null | undefined;
+        'data-sveltekit-reload'?: true | "" | "off" | null | undefined;
+        'data-sveltekit-replacestate'?: true | "" | "off" | null | undefined;
         'aria-activedescendant'?: string | null | undefined;
         'aria-atomic'?: import("svelte/elements.js").Booleanish | null | undefined;
-        'aria-autocomplete'?: "list" | "none" | "inline" | "both" | null | undefined;
+        'aria-autocomplete'?: "none" | "list" | "inline" | "both" | null | undefined;
         'aria-busy'?: import("svelte/elements.js").Booleanish | null | undefined;
         'aria-checked'?: boolean | "false" | "true" | "mixed" | null | undefined;
         'aria-colcount'?: number | null | undefined;
@@ -76,6 +71,7 @@ declare const __propDef: {
         'aria-current'?: import("svelte/elements.js").Booleanish | "page" | "step" | "location" | "date" | "time" | null | undefined;
         'aria-describedby'?: string | null | undefined;
         'aria-details'?: string | null | undefined;
+        'aria-disabled'?: import("svelte/elements.js").Booleanish | null | undefined;
         'aria-dropeffect'?: "link" | "none" | "copy" | "execute" | "move" | "popup" | null | undefined;
         'aria-errormessage'?: string | null | undefined;
         'aria-expanded'?: import("svelte/elements.js").Booleanish | null | undefined;
@@ -111,142 +107,130 @@ declare const __propDef: {
         'aria-valuemin'?: number | null | undefined;
         'aria-valuenow'?: number | null | undefined;
         'aria-valuetext'?: string | null | undefined;
-        'on:copy'?: import("svelte/elements.js").ClipboardEventHandler<HTMLInputElement> | null | undefined;
-        'on:cut'?: import("svelte/elements.js").ClipboardEventHandler<HTMLInputElement> | null | undefined;
-        'on:paste'?: import("svelte/elements.js").ClipboardEventHandler<HTMLInputElement> | null | undefined;
-        'on:compositionend'?: import("svelte/elements.js").CompositionEventHandler<HTMLInputElement> | null | undefined;
-        'on:compositionstart'?: import("svelte/elements.js").CompositionEventHandler<HTMLInputElement> | null | undefined;
-        'on:compositionupdate'?: import("svelte/elements.js").CompositionEventHandler<HTMLInputElement> | null | undefined;
-        'on:focus'?: import("svelte/elements.js").FocusEventHandler<HTMLInputElement> | null | undefined;
-        'on:focusin'?: import("svelte/elements.js").FocusEventHandler<HTMLInputElement> | null | undefined;
-        'on:focusout'?: import("svelte/elements.js").FocusEventHandler<HTMLInputElement> | null | undefined;
-        'on:blur'?: import("svelte/elements.js").FocusEventHandler<HTMLInputElement> | null | undefined;
-        'on:change'?: import("svelte/elements.js").ChangeEventHandler<HTMLInputElement> | null | undefined;
-        'on:beforeinput'?: import("svelte/elements.js").EventHandler<InputEvent, HTMLInputElement> | null | undefined;
-        'on:input'?: import("svelte/elements.js").FormEventHandler<HTMLInputElement> | null | undefined;
-        'on:reset'?: import("svelte/elements.js").FormEventHandler<HTMLInputElement> | null | undefined;
-        'on:submit'?: import("svelte/elements.js").EventHandler<SubmitEvent, HTMLInputElement> | null | undefined;
-        'on:invalid'?: import("svelte/elements.js").EventHandler<Event, HTMLInputElement> | null | undefined;
-        'on:formdata'?: import("svelte/elements.js").EventHandler<FormDataEvent, HTMLInputElement> | null | undefined;
+        'on:copy'?: import("svelte/elements.js").ClipboardEventHandler<HTMLSpanElement> | null | undefined;
+        'on:cut'?: import("svelte/elements.js").ClipboardEventHandler<HTMLSpanElement> | null | undefined;
+        'on:paste'?: import("svelte/elements.js").ClipboardEventHandler<HTMLSpanElement> | null | undefined;
+        'on:compositionend'?: import("svelte/elements.js").CompositionEventHandler<HTMLSpanElement> | null | undefined;
+        'on:compositionstart'?: import("svelte/elements.js").CompositionEventHandler<HTMLSpanElement> | null | undefined;
+        'on:compositionupdate'?: import("svelte/elements.js").CompositionEventHandler<HTMLSpanElement> | null | undefined;
+        'on:focus'?: import("svelte/elements.js").FocusEventHandler<HTMLSpanElement> | null | undefined;
+        'on:focusin'?: import("svelte/elements.js").FocusEventHandler<HTMLSpanElement> | null | undefined;
+        'on:focusout'?: import("svelte/elements.js").FocusEventHandler<HTMLSpanElement> | null | undefined;
+        'on:blur'?: import("svelte/elements.js").FocusEventHandler<HTMLSpanElement> | null | undefined;
+        'on:change'?: import("svelte/elements.js").FormEventHandler<HTMLSpanElement> | null | undefined;
+        'on:beforeinput'?: import("svelte/elements.js").EventHandler<InputEvent, HTMLSpanElement> | null | undefined;
+        'on:input'?: import("svelte/elements.js").FormEventHandler<HTMLSpanElement> | null | undefined;
+        'on:reset'?: import("svelte/elements.js").FormEventHandler<HTMLSpanElement> | null | undefined;
+        'on:submit'?: import("svelte/elements.js").EventHandler<SubmitEvent, HTMLSpanElement> | null | undefined;
+        'on:invalid'?: import("svelte/elements.js").EventHandler<Event, HTMLSpanElement> | null | undefined;
+        'on:formdata'?: import("svelte/elements.js").EventHandler<FormDataEvent, HTMLSpanElement> | null | undefined;
         'on:load'?: import("svelte/elements.js").EventHandler<Event, Element> | null | undefined;
         'on:error'?: import("svelte/elements.js").EventHandler<Event, Element> | null | undefined;
-        'on:toggle'?: import("svelte/elements.js").EventHandler<Event, HTMLInputElement> | null | undefined;
-        'on:keydown'?: import("svelte/elements.js").KeyboardEventHandler<HTMLInputElement> | null | undefined;
-        'on:keypress'?: import("svelte/elements.js").KeyboardEventHandler<HTMLInputElement> | null | undefined;
-        'on:keyup'?: import("svelte/elements.js").KeyboardEventHandler<HTMLInputElement> | null | undefined;
-        'on:abort'?: import("svelte/elements.js").EventHandler<Event, HTMLInputElement> | null | undefined;
-        'on:canplay'?: import("svelte/elements.js").EventHandler<Event, HTMLInputElement> | null | undefined;
-        'on:canplaythrough'?: import("svelte/elements.js").EventHandler<Event, HTMLInputElement> | null | undefined;
-        'on:cuechange'?: import("svelte/elements.js").EventHandler<Event, HTMLInputElement> | null | undefined;
-        'on:durationchange'?: import("svelte/elements.js").EventHandler<Event, HTMLInputElement> | null | undefined;
-        'on:emptied'?: import("svelte/elements.js").EventHandler<Event, HTMLInputElement> | null | undefined;
-        'on:encrypted'?: import("svelte/elements.js").EventHandler<Event, HTMLInputElement> | null | undefined;
-        'on:ended'?: import("svelte/elements.js").EventHandler<Event, HTMLInputElement> | null | undefined;
-        'on:loadeddata'?: import("svelte/elements.js").EventHandler<Event, HTMLInputElement> | null | undefined;
-        'on:loadedmetadata'?: import("svelte/elements.js").EventHandler<Event, HTMLInputElement> | null | undefined;
-        'on:loadstart'?: import("svelte/elements.js").EventHandler<Event, HTMLInputElement> | null | undefined;
-        'on:pause'?: import("svelte/elements.js").EventHandler<Event, HTMLInputElement> | null | undefined;
-        'on:play'?: import("svelte/elements.js").EventHandler<Event, HTMLInputElement> | null | undefined;
-        'on:playing'?: import("svelte/elements.js").EventHandler<Event, HTMLInputElement> | null | undefined;
-        'on:progress'?: import("svelte/elements.js").EventHandler<Event, HTMLInputElement> | null | undefined;
-        'on:ratechange'?: import("svelte/elements.js").EventHandler<Event, HTMLInputElement> | null | undefined;
-        'on:seeked'?: import("svelte/elements.js").EventHandler<Event, HTMLInputElement> | null | undefined;
-        'on:seeking'?: import("svelte/elements.js").EventHandler<Event, HTMLInputElement> | null | undefined;
-        'on:stalled'?: import("svelte/elements.js").EventHandler<Event, HTMLInputElement> | null | undefined;
-        'on:suspend'?: import("svelte/elements.js").EventHandler<Event, HTMLInputElement> | null | undefined;
-        'on:timeupdate'?: import("svelte/elements.js").EventHandler<Event, HTMLInputElement> | null | undefined;
-        'on:volumechange'?: import("svelte/elements.js").EventHandler<Event, HTMLInputElement> | null | undefined;
-        'on:waiting'?: import("svelte/elements.js").EventHandler<Event, HTMLInputElement> | null | undefined;
-        'on:auxclick'?: import("svelte/elements.js").MouseEventHandler<HTMLInputElement> | null | undefined;
-        'on:click'?: import("svelte/elements.js").MouseEventHandler<HTMLInputElement> | null | undefined;
-        'on:contextmenu'?: import("svelte/elements.js").MouseEventHandler<HTMLInputElement> | null | undefined;
-        'on:dblclick'?: import("svelte/elements.js").MouseEventHandler<HTMLInputElement> | null | undefined;
-        'on:drag'?: import("svelte/elements.js").DragEventHandler<HTMLInputElement> | null | undefined;
-        'on:dragend'?: import("svelte/elements.js").DragEventHandler<HTMLInputElement> | null | undefined;
-        'on:dragenter'?: import("svelte/elements.js").DragEventHandler<HTMLInputElement> | null | undefined;
-        'on:dragexit'?: import("svelte/elements.js").DragEventHandler<HTMLInputElement> | null | undefined;
-        'on:dragleave'?: import("svelte/elements.js").DragEventHandler<HTMLInputElement> | null | undefined;
-        'on:dragover'?: import("svelte/elements.js").DragEventHandler<HTMLInputElement> | null | undefined;
-        'on:dragstart'?: import("svelte/elements.js").DragEventHandler<HTMLInputElement> | null | undefined;
-        'on:drop'?: import("svelte/elements.js").DragEventHandler<HTMLInputElement> | null | undefined;
-        'on:mousedown'?: import("svelte/elements.js").MouseEventHandler<HTMLInputElement> | null | undefined;
-        'on:mouseenter'?: import("svelte/elements.js").MouseEventHandler<HTMLInputElement> | null | undefined;
-        'on:mouseleave'?: import("svelte/elements.js").MouseEventHandler<HTMLInputElement> | null | undefined;
-        'on:mousemove'?: import("svelte/elements.js").MouseEventHandler<HTMLInputElement> | null | undefined;
-        'on:mouseout'?: import("svelte/elements.js").MouseEventHandler<HTMLInputElement> | null | undefined;
-        'on:mouseover'?: import("svelte/elements.js").MouseEventHandler<HTMLInputElement> | null | undefined;
-        'on:mouseup'?: import("svelte/elements.js").MouseEventHandler<HTMLInputElement> | null | undefined;
-        'on:select'?: import("svelte/elements.js").EventHandler<Event, HTMLInputElement> | null | undefined;
-        'on:selectionchange'?: import("svelte/elements.js").EventHandler<Event, HTMLInputElement> | null | undefined;
-        'on:selectstart'?: import("svelte/elements.js").EventHandler<Event, HTMLInputElement> | null | undefined;
-        'on:touchcancel'?: import("svelte/elements.js").TouchEventHandler<HTMLInputElement> | null | undefined;
-        'on:touchend'?: import("svelte/elements.js").TouchEventHandler<HTMLInputElement> | null | undefined;
-        'on:touchmove'?: import("svelte/elements.js").TouchEventHandler<HTMLInputElement> | null | undefined;
-        'on:touchstart'?: import("svelte/elements.js").TouchEventHandler<HTMLInputElement> | null | undefined;
-        'on:gotpointercapture'?: import("svelte/elements.js").PointerEventHandler<HTMLInputElement> | null | undefined;
-        'on:pointercancel'?: import("svelte/elements.js").PointerEventHandler<HTMLInputElement> | null | undefined;
-        'on:pointerdown'?: import("svelte/elements.js").PointerEventHandler<HTMLInputElement> | null | undefined;
-        'on:pointerenter'?: import("svelte/elements.js").PointerEventHandler<HTMLInputElement> | null | undefined;
-        'on:pointerleave'?: import("svelte/elements.js").PointerEventHandler<HTMLInputElement> | null | undefined;
-        'on:pointermove'?: import("svelte/elements.js").PointerEventHandler<HTMLInputElement> | null | undefined;
-        'on:pointerout'?: import("svelte/elements.js").PointerEventHandler<HTMLInputElement> | null | undefined;
-        'on:pointerover'?: import("svelte/elements.js").PointerEventHandler<HTMLInputElement> | null | undefined;
-        'on:pointerup'?: import("svelte/elements.js").PointerEventHandler<HTMLInputElement> | null | undefined;
-        'on:lostpointercapture'?: import("svelte/elements.js").PointerEventHandler<HTMLInputElement> | null | undefined;
-        'on:scroll'?: import("svelte/elements.js").UIEventHandler<HTMLInputElement> | null | undefined;
-        'on:resize'?: import("svelte/elements.js").UIEventHandler<HTMLInputElement> | null | undefined;
-        'on:wheel'?: import("svelte/elements.js").WheelEventHandler<HTMLInputElement> | null | undefined;
-        'on:animationstart'?: import("svelte/elements.js").AnimationEventHandler<HTMLInputElement> | null | undefined;
-        'on:animationend'?: import("svelte/elements.js").AnimationEventHandler<HTMLInputElement> | null | undefined;
-        'on:animationiteration'?: import("svelte/elements.js").AnimationEventHandler<HTMLInputElement> | null | undefined;
-        'on:transitionstart'?: import("svelte/elements.js").TransitionEventHandler<HTMLInputElement> | null | undefined;
-        'on:transitionrun'?: import("svelte/elements.js").TransitionEventHandler<HTMLInputElement> | null | undefined;
-        'on:transitionend'?: import("svelte/elements.js").TransitionEventHandler<HTMLInputElement> | null | undefined;
-        'on:transitioncancel'?: import("svelte/elements.js").TransitionEventHandler<HTMLInputElement> | null | undefined;
-        'on:outrostart'?: import("svelte/elements.js").EventHandler<CustomEvent<null>, HTMLInputElement> | null | undefined;
-        'on:outroend'?: import("svelte/elements.js").EventHandler<CustomEvent<null>, HTMLInputElement> | null | undefined;
-        'on:introstart'?: import("svelte/elements.js").EventHandler<CustomEvent<null>, HTMLInputElement> | null | undefined;
-        'on:introend'?: import("svelte/elements.js").EventHandler<CustomEvent<null>, HTMLInputElement> | null | undefined;
-        'on:message'?: import("svelte/elements.js").MessageEventHandler<HTMLInputElement> | null | undefined;
-        'on:messageerror'?: import("svelte/elements.js").MessageEventHandler<HTMLInputElement> | null | undefined;
-        'on:visibilitychange'?: import("svelte/elements.js").EventHandler<Event, HTMLInputElement> | null | undefined;
-        'on:cancel'?: import("svelte/elements.js").EventHandler<Event, HTMLInputElement> | null | undefined;
-        'on:close'?: import("svelte/elements.js").EventHandler<Event, HTMLInputElement> | null | undefined;
-        'on:fullscreenchange'?: import("svelte/elements.js").EventHandler<Event, HTMLInputElement> | null | undefined;
-        'on:fullscreenerror'?: import("svelte/elements.js").EventHandler<Event, HTMLInputElement> | null | undefined;
-        formaction?: string | null | undefined;
-        formenctype?: string | null | undefined;
-        formmethod?: string | null | undefined;
-        formnovalidate?: boolean | null | undefined;
-        formtarget?: string | null | undefined;
-        name?: string | null | undefined;
-        required?: boolean | null | undefined;
-        indeterminate?: boolean | null | undefined;
-        accept?: string | null | undefined;
-        autocomplete?: string | null | undefined;
-        capture?: boolean | "user" | "environment" | null | undefined;
-        crossorigin?: string | null | undefined;
-        height?: string | number | null | undefined;
-        maxlength?: number | null | undefined;
-        min?: string | number | null | undefined;
-        minlength?: number | null | undefined;
-        pattern?: string | null | undefined;
-        readonly?: boolean | null | undefined;
-        width?: string | number | null | undefined;
-        'bind:checked'?: boolean | null | undefined;
-        'bind:value'?: any;
-        'bind:group'?: any;
-        'bind:files'?: FileList | null | undefined;
-        'bind:indeterminate'?: boolean | null | undefined;
+        'on:toggle'?: import("svelte/elements.js").EventHandler<Event, HTMLSpanElement> | null | undefined;
+        'on:keydown'?: import("svelte/elements.js").KeyboardEventHandler<HTMLSpanElement> | null | undefined;
+        'on:keypress'?: import("svelte/elements.js").KeyboardEventHandler<HTMLSpanElement> | null | undefined;
+        'on:keyup'?: import("svelte/elements.js").KeyboardEventHandler<HTMLSpanElement> | null | undefined;
+        'on:abort'?: import("svelte/elements.js").EventHandler<Event, HTMLSpanElement> | null | undefined;
+        'on:canplay'?: import("svelte/elements.js").EventHandler<Event, HTMLSpanElement> | null | undefined;
+        'on:canplaythrough'?: import("svelte/elements.js").EventHandler<Event, HTMLSpanElement> | null | undefined;
+        'on:cuechange'?: import("svelte/elements.js").EventHandler<Event, HTMLSpanElement> | null | undefined;
+        'on:durationchange'?: import("svelte/elements.js").EventHandler<Event, HTMLSpanElement> | null | undefined;
+        'on:emptied'?: import("svelte/elements.js").EventHandler<Event, HTMLSpanElement> | null | undefined;
+        'on:encrypted'?: import("svelte/elements.js").EventHandler<Event, HTMLSpanElement> | null | undefined;
+        'on:ended'?: import("svelte/elements.js").EventHandler<Event, HTMLSpanElement> | null | undefined;
+        'on:loadeddata'?: import("svelte/elements.js").EventHandler<Event, HTMLSpanElement> | null | undefined;
+        'on:loadedmetadata'?: import("svelte/elements.js").EventHandler<Event, HTMLSpanElement> | null | undefined;
+        'on:loadstart'?: import("svelte/elements.js").EventHandler<Event, HTMLSpanElement> | null | undefined;
+        'on:pause'?: import("svelte/elements.js").EventHandler<Event, HTMLSpanElement> | null | undefined;
+        'on:play'?: import("svelte/elements.js").EventHandler<Event, HTMLSpanElement> | null | undefined;
+        'on:playing'?: import("svelte/elements.js").EventHandler<Event, HTMLSpanElement> | null | undefined;
+        'on:progress'?: import("svelte/elements.js").EventHandler<Event, HTMLSpanElement> | null | undefined;
+        'on:ratechange'?: import("svelte/elements.js").EventHandler<Event, HTMLSpanElement> | null | undefined;
+        'on:seeked'?: import("svelte/elements.js").EventHandler<Event, HTMLSpanElement> | null | undefined;
+        'on:seeking'?: import("svelte/elements.js").EventHandler<Event, HTMLSpanElement> | null | undefined;
+        'on:stalled'?: import("svelte/elements.js").EventHandler<Event, HTMLSpanElement> | null | undefined;
+        'on:suspend'?: import("svelte/elements.js").EventHandler<Event, HTMLSpanElement> | null | undefined;
+        'on:timeupdate'?: import("svelte/elements.js").EventHandler<Event, HTMLSpanElement> | null | undefined;
+        'on:volumechange'?: import("svelte/elements.js").EventHandler<Event, HTMLSpanElement> | null | undefined;
+        'on:waiting'?: import("svelte/elements.js").EventHandler<Event, HTMLSpanElement> | null | undefined;
+        'on:auxclick'?: import("svelte/elements.js").MouseEventHandler<HTMLSpanElement> | null | undefined;
+        'on:click'?: import("svelte/elements.js").MouseEventHandler<HTMLSpanElement> | null | undefined;
+        'on:contextmenu'?: import("svelte/elements.js").MouseEventHandler<HTMLSpanElement> | null | undefined;
+        'on:dblclick'?: import("svelte/elements.js").MouseEventHandler<HTMLSpanElement> | null | undefined;
+        'on:drag'?: import("svelte/elements.js").DragEventHandler<HTMLSpanElement> | null | undefined;
+        'on:dragend'?: import("svelte/elements.js").DragEventHandler<HTMLSpanElement> | null | undefined;
+        'on:dragenter'?: import("svelte/elements.js").DragEventHandler<HTMLSpanElement> | null | undefined;
+        'on:dragexit'?: import("svelte/elements.js").DragEventHandler<HTMLSpanElement> | null | undefined;
+        'on:dragleave'?: import("svelte/elements.js").DragEventHandler<HTMLSpanElement> | null | undefined;
+        'on:dragover'?: import("svelte/elements.js").DragEventHandler<HTMLSpanElement> | null | undefined;
+        'on:dragstart'?: import("svelte/elements.js").DragEventHandler<HTMLSpanElement> | null | undefined;
+        'on:drop'?: import("svelte/elements.js").DragEventHandler<HTMLSpanElement> | null | undefined;
+        'on:mousedown'?: import("svelte/elements.js").MouseEventHandler<HTMLSpanElement> | null | undefined;
+        'on:mouseenter'?: import("svelte/elements.js").MouseEventHandler<HTMLSpanElement> | null | undefined;
+        'on:mouseleave'?: import("svelte/elements.js").MouseEventHandler<HTMLSpanElement> | null | undefined;
+        'on:mousemove'?: import("svelte/elements.js").MouseEventHandler<HTMLSpanElement> | null | undefined;
+        'on:mouseout'?: import("svelte/elements.js").MouseEventHandler<HTMLSpanElement> | null | undefined;
+        'on:mouseover'?: import("svelte/elements.js").MouseEventHandler<HTMLSpanElement> | null | undefined;
+        'on:mouseup'?: import("svelte/elements.js").MouseEventHandler<HTMLSpanElement> | null | undefined;
+        'on:select'?: import("svelte/elements.js").EventHandler<Event, HTMLSpanElement> | null | undefined;
+        'on:selectionchange'?: import("svelte/elements.js").EventHandler<Event, HTMLSpanElement> | null | undefined;
+        'on:selectstart'?: import("svelte/elements.js").EventHandler<Event, HTMLSpanElement> | null | undefined;
+        'on:touchcancel'?: import("svelte/elements.js").TouchEventHandler<HTMLSpanElement> | null | undefined;
+        'on:touchend'?: import("svelte/elements.js").TouchEventHandler<HTMLSpanElement> | null | undefined;
+        'on:touchmove'?: import("svelte/elements.js").TouchEventHandler<HTMLSpanElement> | null | undefined;
+        'on:touchstart'?: import("svelte/elements.js").TouchEventHandler<HTMLSpanElement> | null | undefined;
+        'on:gotpointercapture'?: import("svelte/elements.js").PointerEventHandler<HTMLSpanElement> | null | undefined;
+        'on:pointercancel'?: import("svelte/elements.js").PointerEventHandler<HTMLSpanElement> | null | undefined;
+        'on:pointerdown'?: import("svelte/elements.js").PointerEventHandler<HTMLSpanElement> | null | undefined;
+        'on:pointerenter'?: import("svelte/elements.js").PointerEventHandler<HTMLSpanElement> | null | undefined;
+        'on:pointerleave'?: import("svelte/elements.js").PointerEventHandler<HTMLSpanElement> | null | undefined;
+        'on:pointermove'?: import("svelte/elements.js").PointerEventHandler<HTMLSpanElement> | null | undefined;
+        'on:pointerout'?: import("svelte/elements.js").PointerEventHandler<HTMLSpanElement> | null | undefined;
+        'on:pointerover'?: import("svelte/elements.js").PointerEventHandler<HTMLSpanElement> | null | undefined;
+        'on:pointerup'?: import("svelte/elements.js").PointerEventHandler<HTMLSpanElement> | null | undefined;
+        'on:lostpointercapture'?: import("svelte/elements.js").PointerEventHandler<HTMLSpanElement> | null | undefined;
+        'on:scroll'?: import("svelte/elements.js").UIEventHandler<HTMLSpanElement> | null | undefined;
+        'on:resize'?: import("svelte/elements.js").UIEventHandler<HTMLSpanElement> | null | undefined;
+        'on:wheel'?: import("svelte/elements.js").WheelEventHandler<HTMLSpanElement> | null | undefined;
+        'on:animationstart'?: import("svelte/elements.js").AnimationEventHandler<HTMLSpanElement> | null | undefined;
+        'on:animationend'?: import("svelte/elements.js").AnimationEventHandler<HTMLSpanElement> | null | undefined;
+        'on:animationiteration'?: import("svelte/elements.js").AnimationEventHandler<HTMLSpanElement> | null | undefined;
+        'on:transitionstart'?: import("svelte/elements.js").TransitionEventHandler<HTMLSpanElement> | null | undefined;
+        'on:transitionrun'?: import("svelte/elements.js").TransitionEventHandler<HTMLSpanElement> | null | undefined;
+        'on:transitionend'?: import("svelte/elements.js").TransitionEventHandler<HTMLSpanElement> | null | undefined;
+        'on:transitioncancel'?: import("svelte/elements.js").TransitionEventHandler<HTMLSpanElement> | null | undefined;
+        'on:outrostart'?: import("svelte/elements.js").EventHandler<CustomEvent<null>, HTMLSpanElement> | null | undefined;
+        'on:outroend'?: import("svelte/elements.js").EventHandler<CustomEvent<null>, HTMLSpanElement> | null | undefined;
+        'on:introstart'?: import("svelte/elements.js").EventHandler<CustomEvent<null>, HTMLSpanElement> | null | undefined;
+        'on:introend'?: import("svelte/elements.js").EventHandler<CustomEvent<null>, HTMLSpanElement> | null | undefined;
+        'on:message'?: import("svelte/elements.js").MessageEventHandler<HTMLSpanElement> | null | undefined;
+        'on:messageerror'?: import("svelte/elements.js").MessageEventHandler<HTMLSpanElement> | null | undefined;
+        'on:visibilitychange'?: import("svelte/elements.js").EventHandler<Event, HTMLSpanElement> | null | undefined;
+        'on:cancel'?: import("svelte/elements.js").EventHandler<Event, HTMLSpanElement> | null | undefined;
+        'on:close'?: import("svelte/elements.js").EventHandler<Event, HTMLSpanElement> | null | undefined;
+        'on:fullscreenchange'?: import("svelte/elements.js").EventHandler<Event, HTMLSpanElement> | null | undefined;
+        'on:fullscreenerror'?: import("svelte/elements.js").EventHandler<Event, HTMLSpanElement> | null | undefined;
     };
     events: {
         [evt: string]: CustomEvent<any>;
     };
-    slots: {};
+    slots: {
+        default: {
+            builder: (() => {
+                'data-bounded': boolean | undefined;
+                style: string;
+            }) & {
+                [x: `data-melt-${string}`]: "";
+            } & {
+                action: import("svelte/action").Action<any, any, Record<never, any>>;
+            };
+            attrs: Record<string, string>;
+        };
+    };
 };
-export type ToggleInputProps = typeof __propDef.props;
-export type ToggleInputEvents = typeof __propDef.events;
-export type ToggleInputSlots = typeof __propDef.slots;
-export default class ToggleInput extends SvelteComponent<ToggleInputProps, ToggleInputEvents, ToggleInputSlots> {
+export type SliderTickProps = typeof __propDef.props;
+export type SliderTickEvents = typeof __propDef.events;
+export type SliderTickSlots = typeof __propDef.slots;
+export default class SliderTick extends SvelteComponent<SliderTickProps, SliderTickEvents, SliderTickSlots> {
 }
 export {};

package/dist/bits/slider/ctx.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="svelte" />
 import { type CreateSliderProps, type Slider as SliderReturn } from "@melt-ui/svelte";
-export declare const getAttrs: (part: "root" | "input" | "range" | "thumb") => Record<string, string>;
+export declare const getAttrs: (part: "root" | "input" | "range" | "thumb" | "tick") => Record<string, string>;
 export declare function setCtx(props: CreateSliderProps): {
     updateOption: <K extends string, V extends unknown>(key: K, value: V | undefined) => void;
     ids: {

package/dist/bits/slider/ctx.js

@@ -2,7 +2,7 @@ import { createBitAttrs, getOptionUpdater, removeUndefined } from "../../interna
 import { createSlider } from "@melt-ui/svelte";
 import { getContext, setContext } from "svelte";
 const NAME = "slider";
-const PARTS = ["root", "input", "range", "thumb"];
+const PARTS = ["root", "input", "range", "thumb", "tick"];
 export const getAttrs = createBitAttrs(NAME, PARTS);
 export function setCtx(props) {
     const slider = createSlider(removeUndefined(props));

package/dist/bits/slider/index.d.ts

@@ -2,5 +2,6 @@ import Root from "./components/Slider.svelte";
 import Range from "./components/SliderRange.svelte";
 import Thumb from "./components/SliderThumb.svelte";
 import Input from "./components/SliderInput.svelte";
-export { Root, Range, Thumb, Input, Root as Slider, Range as SliderRange, Thumb as SliderThumb, Input as SliderInput };
+import Tick from "./components/SliderTick.svelte";
+export { Root, Range, Thumb, Input, Tick, Root as Slider, Range as SliderRange, Thumb as SliderThumb, Input as SliderInput, Tick as SliderTick };
 export * from "./types.js";