bits-ui 0.21.1 → 0.21.3

package/dist/bits/select/components/select-trigger.svelte.d.ts

@@ -1,5 +1,5 @@
 import { SvelteComponent } from "svelte";
-import type { TriggerEvents, TriggerProps } from "../types.js";
+import type { TriggerEvents, TriggerProps } from "../index.js";
 declare const __propDef: {
     props: TriggerProps;
     slots: {

package/dist/bits/select/components/select-value.svelte

@@ -15,6 +15,6 @@ $:
 	<slot {label} {attrs} />
 {:else}
 	<span bind:this={el} {...$$restProps} {...attrs} data-placeholder={!label ? "" : undefined}>
-		{label ? label : placeholder}
+		{label || placeholder}
 	</span>
 {/if}

package/dist/bits/select/components/select-value.svelte.d.ts

@@ -1,5 +1,5 @@
 import { SvelteComponent } from "svelte";
-import type { ValueProps } from "../types.js";
+import type { ValueProps } from "../index.js";
 declare const __propDef: {
     props: ValueProps;
     events: {
@@ -8,7 +8,7 @@ declare const __propDef: {
     slots: {
         default: {
             label: string;
-            attrs: Record<string, string>;
+            attrs: Record<string, string> | undefined;
         };
     };
 };

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

@@ -1,8 +1,8 @@
 <script context="module"></script>
 
-<script generics="T, Multiple extends boolean = false">import { arraysAreEqual } from "../../../internal/arrays.js";
-import { derived } from "svelte/store";
+<script generics="T, Multiple extends boolean = false">import { derived } from "svelte/store";
 import { setCtx } from "../ctx.js";
+import { arraysAreEqual } from "../../../internal/arrays.js";
 export let required = void 0;
 export let disabled = void 0;
 export let preventScroll = void 0;
@@ -34,10 +34,7 @@ const {
   onOutsideClick,
   multiple,
   forceVisible: true,
-  defaultSelected: Array.isArray(selected) ? [...selected] : (
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    selected
-  ),
+  defaultSelected: Array.isArray(selected) ? [...selected] : selected,
   defaultOpen: open,
   onSelectedChange: ({ next }) => {
     if (Array.isArray(next)) {
@@ -75,10 +72,7 @@ $:
   open !== void 0 && localOpen.set(open);
 $:
   selected !== void 0 && localSelected.set(
-    Array.isArray(selected) ? [...selected] : (
-      // eslint-disable-next-line @typescript-eslint/no-explicit-any
-      selected
-    )
+    Array.isArray(selected) ? [...selected] : selected
   );
 $:
   updateOption("required", required);

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

@@ -2,19 +2,19 @@ import { SvelteComponent } from "svelte";
 declare class __sveltets_Render<T, Multiple extends boolean = false> {
     props(): {
         disabled?: boolean | undefined;
+        portal?: string | HTMLElement | null | undefined;
         preventScroll?: boolean | undefined;
         closeOnEscape?: boolean | undefined;
         closeOnOutsideClick?: boolean | undefined;
         onOutsideClick?: ((event: import("@melt-ui/svelte/index.js").InteractOutsideEvent) => void) | undefined;
-        portal?: string | HTMLElement | null | undefined;
-        required?: boolean | undefined;
         name?: string | undefined;
+        required?: boolean | undefined;
         typeahead?: boolean | undefined;
         scrollAlignment?: "center" | "nearest" | undefined;
         loop?: boolean | undefined;
         highlightOnHover?: boolean | undefined;
-        selected?: import("../_types.js").WhenTrue<Multiple, import("../../../index.js").Selected<T>[] | undefined, import("../../../index.js").Selected<T> | undefined, import("../../../index.js").Selected<T> | import("../../../index.js").Selected<T>[] | undefined> | undefined;
-        onSelectedChange?: import("../../../internal/types.js").OnChangeFn<import("../_types.js").WhenTrue<Multiple, import("../../../index.js").Selected<T>[] | undefined, import("../../../index.js").Selected<T> | undefined, import("../../../index.js").Selected<T> | import("../../../index.js").Selected<T>[] | undefined>> | undefined;
+        selected?: ([Multiple] extends [true] ? import("../../../index.js").Selected<T>[] | undefined : [Multiple] extends [false] ? import("../../../index.js").Selected<T> | undefined : import("../../../index.js").Selected<T> | import("../../../index.js").Selected<T>[] | undefined) | undefined;
+        onSelectedChange?: import("../../../internal/types.js").OnChangeFn<[Multiple] extends [true] ? import("../../../index.js").Selected<T>[] | undefined : [Multiple] extends [false] ? import("../../../index.js").Selected<T> | undefined : import("../../../index.js").Selected<T> | import("../../../index.js").Selected<T>[] | undefined> | undefined;
         open?: boolean | undefined;
         onOpenChange?: import("../../../internal/types.js").OnChangeFn<boolean> | undefined;
         multiple?: Multiple | undefined;

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

@@ -13,7 +13,7 @@ type Props<T = unknown, M extends boolean = false> = CreateSelectProps<T, M> & {
 };
 export declare function setCtx<T = unknown, M extends boolean = false>(props: Props<T, M>): {
     updateOption: <K extends string, V extends unknown>(key: K, value: V | undefined) => void;
-    getAttrs: (part: "content" | "value" | "label" | "arrow" | "group" | "input" | "item" | "trigger" | "indicator") => Record<string, string>;
+    getAttrs: (part: "label" | "value" | "input" | "content" | "item" | "trigger" | "group" | "indicator" | "arrow") => Record<string, string> | undefined;
     elements: {
         trigger: import("@melt-ui/svelte/internal/helpers").MeltElement<[{
             update: (updater: import("svelte/store").Updater<boolean>, sideEffect?: ((newValue: boolean) => void) | undefined) => void;
@@ -137,7 +137,7 @@ export declare function setGroupCtx(): {
         'aria-labelledby': string;
     }, string>;
     id: string;
-    getAttrs: (part: "content" | "value" | "label" | "arrow" | "group" | "input" | "item" | "trigger" | "indicator") => Record<string, string>;
+    getAttrs: (part: "label" | "value" | "input" | "content" | "item" | "trigger" | "group" | "indicator" | "arrow") => Record<string, string> | undefined;
 };
 export declare function setItemCtx(value: unknown): GetReturn;
 export declare function getGroupLabel(): {
@@ -145,12 +145,12 @@ export declare function getGroupLabel(): {
         id: string;
     }, string>;
     id: string;
-    getAttrs: (part: "content" | "value" | "label" | "arrow" | "group" | "input" | "item" | "trigger" | "indicator") => Record<string, string>;
+    getAttrs: (part: "label" | "value" | "input" | "content" | "item" | "trigger" | "group" | "indicator" | "arrow") => Record<string, string> | undefined;
 };
 export declare function getItemIndicator(): {
     value: unknown;
     isSelected: import("svelte/store").Readable<(value: unknown) => boolean>;
-    getAttrs: (part: "content" | "value" | "label" | "arrow" | "group" | "input" | "item" | "trigger" | "indicator") => Record<string, string>;
+    getAttrs: (part: "label" | "value" | "input" | "content" | "item" | "trigger" | "group" | "indicator" | "arrow") => Record<string, string> | undefined;
 };
 export declare function setArrow(size?: number): GetReturn;
 export declare function updatePositioning(props: FloatingProps): void;

package/dist/bits/select/ctx.js

@@ -1,7 +1,7 @@
 import { createSelect } from "@melt-ui/svelte";
 import { getContext, setContext } from "svelte";
-import { createBitAttrs, generateId, getOptionUpdater, removeUndefined, } from "../../internal/index.js";
 import { getPositioningUpdater } from "../floating/helpers.js";
+import { createBitAttrs, generateId, getOptionUpdater, removeUndefined, } from "../../internal/index.js";
 function getSelectData() {
     const NAME = "select";
     const GROUP_NAME = "select-group";
@@ -28,9 +28,7 @@ export function getCtx() {
     const { NAME } = getSelectData();
     return getContext(NAME);
 }
-export function setCtx(
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-props) {
+export function setCtx(props) {
     const { NAME, PARTS } = getSelectData();
     const getAttrs = createBitAttrs(NAME, PARTS);
     const select = {

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

@@ -9,4 +9,4 @@ export { default as Label } from "./components/select-label.svelte";
 export { default as Separator } from "../separator/components/separator.svelte";
 export { default as Trigger } from "./components/select-trigger.svelte";
 export { default as Value } from "./components/select-value.svelte";
-export * from "./types.js";
+export type { SelectProps as Props, SelectArrowProps as ArrowProps, SelectContentProps as ContentProps, SelectGroupProps as GroupProps, SelectInputProps as InputProps, SelectLabelProps as LabelProps, SelectItemProps as ItemProps, SelectIndicatorProps as IndicatorProps, SelectSeparatorProps as SeparatorProps, SelectTriggerProps as TriggerProps, SelectValueProps as ValueProps, SelectItemEvents as ItemEvents, SelectContentEvents as ContentEvents, SelectTriggerEvents as TriggerEvents, SelectLabelEvents as LabelEvents, } from "./types.js";

package/dist/bits/select/index.js

@@ -9,4 +9,3 @@ export { default as Label } from "./components/select-label.svelte";
 export { default as Separator } from "../separator/components/separator.svelte";
 export { default as Trigger } from "./components/select-trigger.svelte";
 export { default as Value } from "./components/select-value.svelte";
-export * from "./types.js";

package/dist/bits/select/types.d.ts

@@ -1,19 +1,73 @@
-import type { HTMLDivAttributes, Transition } from "../../internal/index.js";
 import type { EventHandler, HTMLAttributes, HTMLButtonAttributes, HTMLInputAttributes } from "svelte/elements";
-import type { CustomEventHandler } from "../../index.js";
-import type * as I from "./_types.js";
-type Props<T, Multiple extends boolean = false> = I.Props<T, Multiple>;
-type ContentProps<T extends Transition = Transition, In extends Transition = Transition, Out extends Transition = Transition> = I.ContentProps<T, In, Out> & HTMLDivAttributes;
-type GroupProps = I.GroupProps & HTMLDivAttributes;
-type InputProps = I.InputProps & HTMLInputAttributes;
-type LabelProps = I.LabelProps & HTMLDivAttributes;
-type ItemProps = I.ItemProps & HTMLDivAttributes;
-type SeparatorProps = I.SeparatorProps & HTMLDivAttributes;
-type TriggerProps = I.TriggerProps & HTMLButtonAttributes;
-type ValueProps = I.ValueProps & HTMLAttributes<HTMLSpanElement>;
-type ArrowProps = I.ArrowProps & HTMLDivAttributes;
-type IndicatorProps = I.IndicatorProps & HTMLDivAttributes;
-type ItemEvents<T extends Element = HTMLDivElement> = {
+import type { SelectOptionProps as MeltSelectOptionProps, CreateSelectProps as MeltSelectProps } from "@melt-ui/svelte";
+import type { DOMElement, Expand, HTMLDivAttributes, OmitFloating, OnChangeFn, Transition } from "../../internal/index.js";
+import type { CustomEventHandler, Selected } from "../../index.js";
+import type { ArrowProps as SelectArrowPropsWithoutHTML, ContentProps as SelectContentPropsWithoutHTML } from "../floating/_types.js";
+export type { SelectArrowPropsWithoutHTML, SelectContentPropsWithoutHTML };
+type WhenTrue<TrueOrFalse, IfTrue, IfFalse, IfNeither = IfTrue | IfFalse> = [TrueOrFalse] extends [
+    true
+] ? IfTrue : [TrueOrFalse] extends [false] ? IfFalse : IfNeither;
+type SelectValue<T, Multiple extends boolean> = WhenTrue<Multiple, T[] | undefined, T | undefined>;
+export type SelectPropsWithoutHTML<T = unknown, Multiple extends boolean = false> = Expand<OmitFloating<Omit<MeltSelectProps, "selected" | "defaultSelected" | "onSelectedChange" | "multiple">> & {
+    /**
+     * The selected value of the select.
+     * You can bind this to a value to programmatically control the selected value.
+     *
+     * @defaultValue undefined
+     */
+    selected?: SelectValue<Selected<T>, Multiple> | undefined;
+    /**
+     * A callback function called when the selected value changes.
+     */
+    onSelectedChange?: OnChangeFn<SelectValue<Selected<T>, Multiple>>;
+    /**
+     * The open state of the select menu.
+     * You can bind this to a boolean value to programmatically control the open state.
+     *
+     * @defaultValue false
+     */
+    open?: boolean;
+    /**
+     * A callback function called when the open state changes.
+     */
+    onOpenChange?: OnChangeFn<boolean>;
+    /**
+     * Whether or not multiple values can be selected.
+     */
+    multiple?: Multiple;
+    /**
+     * Optionally provide an array of `Selected<T>` objects to
+     * type the `selected` and `onSelectedChange` props.
+     */
+    items?: Selected<T>[];
+}>;
+export type SelectGroupPropsWithoutHTML = DOMElement;
+export type SelectInputPropsWithoutHTML = DOMElement<HTMLInputElement>;
+export type SelectLabelPropsWithoutHTML = DOMElement;
+export type SelectItemPropsWithoutHTML = Expand<MeltSelectOptionProps & DOMElement>;
+export type SelectSeparatorPropsWithoutHTML = DOMElement;
+export type SelectIndicatorPropsWithoutHTML = DOMElement;
+export type SelectTriggerPropsWithoutHTML = DOMElement<HTMLButtonElement>;
+export type SelectValuePropsWithoutHTML = Expand<{
+    /**
+     * The placeholder text to display when there is no value.
+     *
+     * @defaultValue ""
+     */
+    placeholder?: string;
+} & DOMElement<HTMLSpanElement>>;
+export type SelectProps<T, Multiple extends boolean = false> = SelectPropsWithoutHTML<T, Multiple>;
+export type SelectContentProps<T extends Transition = Transition, In extends Transition = Transition, Out extends Transition = Transition> = SelectContentPropsWithoutHTML<T, In, Out> & HTMLDivAttributes;
+export type SelectGroupProps = SelectGroupPropsWithoutHTML & HTMLDivAttributes;
+export type SelectInputProps = SelectInputPropsWithoutHTML & HTMLInputAttributes;
+export type SelectLabelProps = SelectLabelPropsWithoutHTML & HTMLDivAttributes;
+export type SelectItemProps = SelectItemPropsWithoutHTML & HTMLDivAttributes;
+export type SelectSeparatorProps = SelectSeparatorPropsWithoutHTML & HTMLDivAttributes;
+export type SelectTriggerProps = SelectTriggerPropsWithoutHTML & HTMLButtonAttributes;
+export type SelectValueProps = SelectValuePropsWithoutHTML & HTMLAttributes<HTMLSpanElement>;
+export type SelectArrowProps = SelectArrowPropsWithoutHTML & HTMLDivAttributes;
+export type SelectIndicatorProps = SelectIndicatorPropsWithoutHTML & HTMLDivAttributes;
+export type SelectItemEvents<T extends Element = HTMLDivElement> = {
     click: CustomEventHandler<MouseEvent, T>;
     pointermove: CustomEventHandler<PointerEvent, T>;
     focusin: EventHandler<FocusEvent, T>;
@@ -21,15 +75,14 @@ type ItemEvents<T extends Element = HTMLDivElement> = {
     focusout: EventHandler<FocusEvent, T>;
     pointerleave: EventHandler<PointerEvent, T>;
 };
-type TriggerEvents<T extends Element = HTMLButtonElement> = {
+export type SelectTriggerEvents<T extends Element = HTMLButtonElement> = {
     click: CustomEventHandler<MouseEvent, T>;
     keydown: CustomEventHandler<KeyboardEvent, T>;
 };
-type LabelEvents<T extends Element = HTMLSpanElement> = {
+export type SelectLabelEvents<T extends Element = HTMLSpanElement> = {
     click: CustomEventHandler<MouseEvent, T>;
 };
-type ContentEvents<T extends Element = HTMLDivElement> = {
+export type SelectContentEvents<T extends Element = HTMLDivElement> = {
     pointerleave: CustomEventHandler<PointerEvent, T>;
     keydown: EventHandler<KeyboardEvent, T>;
 };
-export type { Props, ArrowProps, ContentProps, GroupProps, InputProps, LabelProps, ItemProps, IndicatorProps, SeparatorProps, TriggerProps, ValueProps, ItemEvents, ContentEvents, TriggerEvents, LabelEvents, };

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

@@ -1,5 +1,5 @@
 import { SvelteComponent } from "svelte";
-import type { Props } from "../types.js";
+import type { Props } from "../index.js";
 declare const __propDef: {
     props: Props;
     events: {

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

@@ -2,7 +2,7 @@
 import { type CreateSeparatorProps } from "@melt-ui/svelte";
 export declare function setCtx(props: CreateSeparatorProps): {
     updateOption: <K extends string, V extends unknown>(key: K, value: V | undefined) => void;
-    getAttrs: (part: "root") => Record<string, string>;
+    getAttrs: (part: "root") => Record<string, string> | undefined;
     elements: {
         root: import("@melt-ui/svelte/internal/helpers").MeltElement<[import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<import("@melt-ui/svelte/internal/types").Orientation>>, import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<boolean>>], import("svelte/action").Action<any, any, Record<never, any>>, ([$orientation, $decorative]: [import("@melt-ui/svelte/internal/types").Orientation, boolean]) => {
             role: string;

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

@@ -1,2 +1,2 @@
 export { default as Root } from "./components/separator.svelte";
-export * from "./types.js";
+export type { SeparatorProps as Props } from "./types.js";

package/dist/bits/separator/index.js

@@ -1,2 +1 @@
 export { default as Root } from "./components/separator.svelte";
-export * from "./types.js";

package/dist/bits/separator/types.d.ts

@@ -1,4 +1,4 @@
-import type { HTMLDivAttributes } from "../../internal/index.js";
-import type * as I from "./_types.js";
-type Props = I.Props & HTMLDivAttributes;
-export type { Props };
+import type { CreateSeparatorProps as MeltSeparatorProps } from "@melt-ui/svelte";
+import type { DOMElement, Expand, HTMLDivAttributes } from "../../internal/index.js";
+export type SeparatorPropsWithoutHTML = Expand<MeltSeparatorProps & DOMElement>;
+export type SeparatorProps = SeparatorPropsWithoutHTML & HTMLDivAttributes;

package/dist/bits/slider/components/slider-input.svelte

@@ -8,7 +8,7 @@ const {
 function getValue(value2) {
   if (value2.length === 1) {
     return value2[0];
-  } else {
+  } else if (value2.length === 2) {
     return value2[1] - value2[0];
   }
 }

package/dist/bits/slider/components/slider-input.svelte.d.ts

@@ -1,5 +1,5 @@
 import { SvelteComponent } from "svelte";
-import type { InputProps } from "../types.js";
+import type { InputProps } from "../index.js";
 declare const __propDef: {
     props: InputProps;
     events: {

package/dist/bits/slider/components/slider-range.svelte.d.ts

@@ -1,5 +1,5 @@
 import { SvelteComponent } from "svelte";
-import type { RangeProps } from "../types.js";
+import type { RangeProps } from "../index.js";
 declare const __propDef: {
     props: RangeProps;
     events: {

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

@@ -1,5 +1,5 @@
 import { SvelteComponent } from "svelte";
-import type { ThumbEvents, ThumbProps } from "../types.js";
+import type { ThumbEvents, ThumbProps } from "../index.js";
 declare const __propDef: {
     props: ThumbProps;
     slots: {

package/dist/bits/slider/components/slider-tick.svelte.d.ts

@@ -1,5 +1,5 @@
 import { SvelteComponent } from "svelte";
-import type { TickProps } from "../types.js";
+import type { TickProps } from "../index.js";
 declare const __propDef: {
     props: TickProps;
     events: {

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

@@ -1,5 +1,5 @@
 import { SvelteComponent } from "svelte";
-import type { Props } from "../types.js";
+import type { Props } from "../index.js";
 declare const __propDef: {
     props: Props;
     events: {

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

@@ -3,7 +3,7 @@ import { type CreateSliderProps } from "@melt-ui/svelte";
 type GetReturn = Omit<ReturnType<typeof setCtx>, "updateOption">;
 export declare function setCtx(props: CreateSliderProps): {
     updateOption: <K extends string, V extends unknown>(key: K, value: V | undefined) => void;
-    getAttrs: (part: "thumb" | "tick" | "input" | "root" | "range") => Record<string, string>;
+    getAttrs: (part: "input" | "root" | "range" | "thumb" | "tick") => Record<string, string> | undefined;
     elements: {
         root: import("@melt-ui/svelte/internal/helpers").MeltElement<[import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<boolean>>, import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<import("@melt-ui/svelte").SliderOrientation>>, import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<"ltr" | "rtl">>], import("svelte/action").Action<any, any, Record<never, any>>, ([$disabled, $orientation, $dir]: [boolean, import("@melt-ui/svelte").SliderOrientation, "ltr" | "rtl"]) => {
             dir: "ltr" | "rtl";
@@ -59,7 +59,7 @@ export declare function setCtx(props: CreateSliderProps): {
         orientation: import("@melt-ui/svelte").SliderOrientation;
         dir: "ltr" | "rtl";
         disabled: boolean;
-    }, "defaultValue" | "value" | "onValueChange">>;
+    }, "value" | "defaultValue" | "onValueChange">>;
 };
 export declare function getCtx(): GetReturn;
 export {};

package/dist/bits/slider/ctx.js

@@ -1,6 +1,6 @@
-import { createBitAttrs, getOptionUpdater, removeUndefined } from "../../internal/index.js";
 import { createSlider } from "@melt-ui/svelte";
 import { getContext, setContext } from "svelte";
+import { createBitAttrs, getOptionUpdater, removeUndefined } from "../../internal/index.js";
 function getSliderData() {
     const NAME = "slider";
     const PARTS = ["root", "input", "range", "thumb", "tick"];

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

@@ -3,4 +3,4 @@ export { default as Range } from "./components/slider-range.svelte";
 export { default as Thumb } from "./components/slider-thumb.svelte";
 export { default as Input } from "./components/slider-input.svelte";
 export { default as Tick } from "./components/slider-tick.svelte";
-export * from "./types.js";
+export type { SliderProps as Props, SliderRangeProps as RangeProps, SliderThumbProps as ThumbProps, SliderInputProps as InputProps, SliderTickProps as TickProps, SliderThumbEvents as ThumbEvents, } from "./types.js";

package/dist/bits/slider/index.js

@@ -3,4 +3,3 @@ export { default as Range } from "./components/slider-range.svelte";
 export { default as Thumb } from "./components/slider-thumb.svelte";
 export { default as Input } from "./components/slider-input.svelte";
 export { default as Tick } from "./components/slider-tick.svelte";
-export * from "./types.js";

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

@@ -1,13 +1,43 @@
-import type { DOMEl, HTMLSpanAttributes } from "../../internal/index.js";
-import type { CustomEventHandler } from "../../index.js";
+/// <reference types="svelte" />
 import type { HTMLInputAttributes } from "svelte/elements";
-import type * as I from "./_types.js";
-type Props = I.Props & HTMLSpanAttributes;
-type RangeProps = I.RangeProps & HTMLSpanAttributes;
-type ThumbProps = I.ThumbProps & HTMLSpanAttributes;
-type TickProps = I.TickProps & HTMLSpanAttributes;
-type InputProps = Omit<HTMLInputAttributes, "value"> & DOMEl<HTMLInputElement>;
-type ThumbEvents<T extends Element = HTMLSpanElement> = {
+import type { Slider as MeltSlider, CreateSliderProps as MeltSliderProps } from "@melt-ui/svelte";
+import type { StoresValues } from "svelte/store";
+import type { DOMEl, DOMElement, Expand, HTMLSpanAttributes, OmitValue, OnChangeFn } from "../../internal/index.js";
+import type { CustomEventHandler } from "../../index.js";
+export type SliderPropsWithoutHTML = Expand<OmitValue<MeltSliderProps> & {
+    /**
+     * The value of the slider.
+     * You can bind this to a number value to programmatically control the value.
+     */
+    value?: number[];
+    /**
+     * A callback function called when the value changes.
+     */
+    onValueChange?: OnChangeFn<number[]>;
+} & DOMElement<HTMLSpanElement>>;
+export type SliderRangePropsWithoutHTML = DOMElement<HTMLSpanElement>;
+export type SliderThumbPropsWithoutHTML = DOMElement<HTMLSpanElement> & {
+    /**
+     * An individual thumb builder from the `thumbs` slot prop
+     * provided by the `Slider.Root` component.
+     */
+    thumb: Thumb;
+};
+export type SliderTickPropsWithoutHTML = DOMElement<HTMLSpanElement> & {
+    /**
+     * An individual tick builder from the `ticks` slot prop
+     * provided by the `Slider.Root` component.
+     */
+    tick: Tick;
+};
+type Tick = StoresValues<MeltSlider["elements"]["ticks"]>[number];
+type Thumb = StoresValues<MeltSlider["elements"]["thumbs"]>[number];
+export type SliderProps = SliderPropsWithoutHTML & HTMLSpanAttributes;
+export type SliderRangeProps = SliderRangePropsWithoutHTML & HTMLSpanAttributes;
+export type SliderThumbProps = SliderThumbPropsWithoutHTML & HTMLSpanAttributes;
+export type SliderTickProps = SliderTickPropsWithoutHTML & HTMLSpanAttributes;
+export type SliderInputProps = Omit<HTMLInputAttributes, "value"> & DOMEl<HTMLInputElement>;
+export type SliderThumbEvents<T extends Element = HTMLSpanElement> = {
     keydown: CustomEventHandler<KeyboardEvent, T>;
 };
-export type { Props, RangeProps, ThumbProps, InputProps, TickProps, ThumbEvents, };
+export {};

package/dist/bits/switch/components/switch-input.svelte.d.ts

@@ -1,5 +1,5 @@
 import { SvelteComponent } from "svelte";
-import type { InputProps } from "../types.js";
+import type { InputProps } from "../index.js";
 declare const __propDef: {
     props: InputProps;
     events: {

package/dist/bits/switch/components/switch-thumb.svelte.d.ts

@@ -1,5 +1,5 @@
 import { SvelteComponent } from "svelte";
-import type { ThumbProps } from "../types.js";
+import type { ThumbProps } from "../index.js";
 declare const __propDef: {
     props: ThumbProps;
     events: {

package/dist/bits/switch/components/switch.svelte

@@ -1,7 +1,7 @@
 <script>import { melt } from "@melt-ui/svelte";
 import { setCtx } from "../ctx.js";
-import { createDispatcher } from "../../../internal/events.js";
 import SwitchInput from "./switch-input.svelte";
+import { createDispatcher } from "../../../internal/events.js";
 export let checked = void 0;
 export let onCheckedChange = void 0;
 export let disabled = void 0;

package/dist/bits/switch/components/switch.svelte.d.ts

@@ -1,5 +1,5 @@
 import { SvelteComponent } from "svelte";
-import type { Events, Props } from "../types.js";
+import type { Events, Props } from "../index.js";
 declare const __propDef: {
     props: Props;
     slots: {
@@ -10,7 +10,7 @@ declare const __propDef: {
                 readonly 'data-state': "checked" | "unchecked";
                 readonly type: "button";
                 readonly role: "switch";
-                readonly 'aria-checked': "false" | "true";
+                readonly 'aria-checked': "true" | "false";
                 readonly 'aria-required': "true" | undefined;
             } & {
                 [x: `data-melt-${string}`]: "";

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

@@ -3,7 +3,7 @@ import { type CreateSwitchProps } from "@melt-ui/svelte";
 type GetReturn = Omit<ReturnType<typeof setCtx>, "updateOption">;
 export declare function setCtx(props: CreateSwitchProps): {
     updateOption: <K extends string, V extends unknown>(key: K, value: V | undefined) => void;
-    getAttrs: (part: "thumb" | "input" | "root") => Record<string, string>;
+    getAttrs: (part: "input" | "root" | "thumb") => Record<string, string> | undefined;
     elements: {
         root: import("@melt-ui/svelte/internal/helpers").MeltElement<[{
             update: (updater: import("svelte/store").Updater<boolean>, sideEffect?: ((newValue: boolean) => void) | undefined) => void;
@@ -17,7 +17,7 @@ export declare function setCtx(props: CreateSwitchProps): {
             readonly 'data-state': "checked" | "unchecked";
             readonly type: "button";
             readonly role: "switch";
-            readonly 'aria-checked': "false" | "true";
+            readonly 'aria-checked': "true" | "false";
             readonly 'aria-required': "true" | undefined;
         }, string>;
         input: import("@melt-ui/svelte/internal/helpers").MeltElement<[{

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

@@ -1,4 +1,4 @@
 export { default as Root } from "./components/switch.svelte";
 export { default as Thumb } from "./components/switch-thumb.svelte";
 export { default as Input } from "./components/switch-input.svelte";
-export * from "./types.js";
+export type { SwitchProps as Props, SwitchThumbProps as ThumbProps, SwitchInputProps as InputProps, SwitchEvents as Events, } from "./types.js";

package/dist/bits/switch/index.js

@@ -1,4 +1,3 @@
 export { default as Root } from "./components/switch.svelte";
 export { default as Thumb } from "./components/switch-thumb.svelte";
 export { default as Input } from "./components/switch-input.svelte";
-export * from "./types.js";

package/dist/bits/switch/types.d.ts

@@ -1,12 +1,35 @@
-import type { DOMEl, HTMLSpanAttributes } from "../../internal/index.js";
 import type { HTMLButtonAttributes, HTMLInputAttributes } from "svelte/elements";
+import type { CreateSwitchProps as MeltSwitchProps } from "@melt-ui/svelte";
+import type { DOMEl, DOMElement, Expand, HTMLSpanAttributes, OmitChecked, OnChangeFn } from "../../internal/index.js";
 import type { CustomEventHandler } from "../../index.js";
-import type * as I from "./_types.js";
-type Props = I.Props & HTMLButtonAttributes;
-type ThumbProps = I.ThumbProps & HTMLSpanAttributes;
-type InputProps = HTMLInputAttributes & DOMEl<HTMLInputElement>;
-type Events<T extends Element = HTMLButtonElement> = {
+export type SwitchPropsWithoutHTML = Expand<OmitChecked<MeltSwitchProps> & {
+    /**
+     * The checked state of the switch.
+     * You can bind this to a boolean value to programmatically control the checked state.
+     *
+     * @defaultValue false
+     */
+    checked?: boolean;
+    /**
+     * A callback function called when the checked state changes.
+     */
+    onCheckedChange?: OnChangeFn<boolean>;
+    /**
+     * Whether to include the hidden input element in the DOM.
+     */
+    includeInput?: boolean;
+    /**
+     * Additional input attributes to pass to the hidden input element.
+     * Note, the value, name, type, and checked attributes are derived from the
+     * Switch props and cannot be overridden.
+     */
+    inputAttrs?: Partial<Omit<HTMLInputAttributes, "value" | "name" | "type" | "checked">>;
+} & DOMElement<HTMLButtonElement>>;
+export type SwitchThumbPropsWithoutHTML = DOMElement<HTMLSpanElement>;
+export type SwitchProps = SwitchPropsWithoutHTML & HTMLButtonAttributes;
+export type SwitchThumbProps = SwitchThumbPropsWithoutHTML & HTMLSpanAttributes;
+export type SwitchInputProps = HTMLInputAttributes & DOMEl<HTMLInputElement>;
+export type SwitchEvents<T extends Element = HTMLButtonElement> = {
     click: CustomEventHandler<MouseEvent, T>;
     keydown: CustomEventHandler<KeyboardEvent, T>;
 };
-export type { Props, ThumbProps, InputProps, Events, };

package/dist/bits/tabs/components/tabs-content.svelte.d.ts

@@ -1,5 +1,5 @@
 import { SvelteComponent } from "svelte";
-import type { ContentProps } from "../types.js";
+import type { ContentProps } from "../index.js";
 declare const __propDef: {
     props: ContentProps;
     events: {

package/dist/bits/tabs/components/tabs-list.svelte.d.ts

@@ -1,5 +1,5 @@
 import { SvelteComponent } from "svelte";
-import type { ListProps } from "../types.js";
+import type { ListProps } from "../index.js";
 declare const __propDef: {
     props: ListProps;
     events: {

package/dist/bits/tabs/components/tabs-trigger.svelte.d.ts

@@ -1,5 +1,5 @@
 import { SvelteComponent } from "svelte";
-import type { TriggerEvents, TriggerProps } from "../types.js";
+import type { TriggerEvents, TriggerProps } from "../index.js";
 declare const __propDef: {
     props: TriggerProps;
     slots: {

package/dist/bits/tabs/components/tabs.svelte.d.ts

@@ -1,5 +1,5 @@
 import { SvelteComponent } from "svelte";
-import type { Props } from "../types.js";
+import type { Props } from "../index.js";
 declare const __propDef: {
     props: Props;
     events: {