bits-ui 0.9.9 → 0.10.0

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

@@ -1,26 +1,18 @@
-import type { CreateSelectProps, SelectOptionProps } from "@melt-ui/svelte";
-import type { AsChild, Expand, HTMLDivAttributes, OmitOpen, OnChangeFn, Transition, TransitionProps } from "../../internal/index.js";
+import type { HTMLDivAttributes, Transition } from "../../internal/index.js";
 import type { EventHandler, HTMLAttributes, HTMLButtonAttributes, HTMLInputAttributes } from "svelte/elements";
 import type { CustomEventHandler } from "../../index.js";
-type Props = Expand<OmitOpen<Omit<CreateSelectProps, "selected" | "defaultSelected" | "onSelectedChange">> & {
-    selected?: CreateSelectProps["defaultSelected"] & {};
-    onSelectedChange?: OnChangeFn<CreateSelectProps["defaultSelected"]>;
-    open?: boolean & {};
-    onOpenChange?: OnChangeFn<boolean>;
-}>;
-type ContentProps<T extends Transition = Transition, In extends Transition = Transition, Out extends Transition = Transition> = Expand<TransitionProps<T, In, Out> & AsChild> & HTMLDivAttributes;
-type GroupProps = AsChild & HTMLDivAttributes;
-type InputProps = AsChild & HTMLInputAttributes;
-type LabelProps = AsChild & HTMLDivAttributes;
-type ItemProps = Expand<SelectOptionProps & AsChild> & HTMLDivAttributes;
-type SeparatorProps = AsChild & HTMLDivAttributes;
-type TriggerProps = AsChild & HTMLButtonAttributes;
-type ValueProps = Expand<{
-    placeholder?: string;
-} & AsChild> & HTMLAttributes<HTMLSpanElement>;
-type ArrowProps = Expand<{
-    size?: number;
-} & AsChild> & HTMLDivAttributes;
+import type * as I from "./_types.js";
+type Props<T = unknown, 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> = {
     click: CustomEventHandler<MouseEvent, T>;
     pointermove: CustomEventHandler<PointerEvent, T>;
@@ -40,4 +32,4 @@ type ContentEvents<T extends Element = HTMLDivElement> = {
     pointerleave: CustomEventHandler<PointerEvent, T>;
     keydown: EventHandler<KeyboardEvent, T>;
 };
-export type { Props, ArrowProps, ContentProps, GroupProps, InputProps, LabelProps, ItemProps, SeparatorProps, TriggerProps, ValueProps, Props as SelectProps, ArrowProps as SelectArrowProps, ContentProps as SelectContentProps, GroupProps as SelectGroupProps, InputProps as SelectInputProps, LabelProps as SelectLabelProps, ItemProps as SelectItemProps, SeparatorProps as SelectSeparatorProps, TriggerProps as SelectTriggerProps, ValueProps as SelectValueProps, ItemEvents, ContentEvents, TriggerEvents, LabelEvents, ItemEvents as SelectItemEvents, ContentEvents as SelectContentEvents, TriggerEvents as SelectTriggerEvents, LabelEvents as SelectLabelEvents };
+export type { Props, ArrowProps, ContentProps, GroupProps, InputProps, LabelProps, ItemProps, IndicatorProps, SeparatorProps, TriggerProps, ValueProps, ItemEvents, ContentEvents, TriggerEvents, LabelEvents };

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

@@ -0,0 +1 @@
+export type { Props as SeparatorProps } from "./types.js";

package/dist/bits/separator/_export.types.js

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,9 @@
+/**
+ * We define prop types without the HTMLAttributes here so that we can use them
+ * to type-check our API documentation, which requires we document each prop,
+ * but we don't want to document the HTML attributes.
+ */
+import type { AsChild, Expand } from "../../internal/index.js";
+import type { CreateSeparatorProps } from "@melt-ui/svelte";
+type Props = Expand<CreateSeparatorProps & AsChild>;
+export type { Props };

package/dist/bits/separator/_types.js

@@ -0,0 +1 @@
+export {};

package/dist/bits/separator/components/{Separator.svelte → separator.svelte}

@@ -7,17 +7,19 @@ const {
   elements: { root },
   updateOption
 } = setCtx({ orientation, decorative });
+const attrs = getAttrs("root");
 $:
   updateOption("orientation", orientation);
 $:
   updateOption("decorative", decorative);
 $:
   builder = $root;
-const attrs = getAttrs("root");
+$:
+  Object.assign(builder, attrs);
 </script>
 
 {#if asChild}
-	<slot {builder} {attrs} />
+	<slot {builder} />
 {:else}
-	<div {...builder} use:builder.action {...$$restProps} {...attrs} />
+	<div {...builder} use:builder.action {...$$restProps} />
 {/if}

package/dist/bits/separator/components/{Separator.svelte.d.ts → separator.svelte.d.ts}

@@ -17,7 +17,6 @@ declare const __propDef: {
             } & {
                 action: import("svelte/action").Action<any, any, Record<never, any>>;
             };
-            attrs: Record<string, string>;
         };
     };
 };

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

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

package/dist/bits/separator/index.js

@@ -1,3 +1,2 @@
-import Root from "./components/Separator.svelte";
-export { Root, Root as Separator };
+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 { AsChild, Expand, HTMLDivAttributes } from "../../internal/index.js";
-import type { CreateSeparatorProps } from "@melt-ui/svelte";
-type Props = Expand<CreateSeparatorProps & AsChild> & HTMLDivAttributes;
-export type { Props, Props as SeparatorProps };
+import type { HTMLDivAttributes } from "../../internal/index.js";
+import type * as I from "./_types.js";
+type Props = I.Props & HTMLDivAttributes;
+export type { Props };

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

@@ -0,0 +1 @@
+export type { Props as SliderProps, RangeProps as SliderRangeProps, ThumbProps as SliderThumbProps, InputProps as SliderInputProps, TickProps as SliderTickProps, ThumbEvents as SliderThumbEvents } from "./types.js";

package/dist/bits/slider/_export.types.js

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,22 @@
+/**
+ * We define prop types without the HTMLAttributes here so that we can use them
+ * to type-check our API documentation, which requires we document each prop,
+ * but we don't want to document the HTML attributes.
+ */
+import type { CreateSliderProps } from "@melt-ui/svelte";
+import type { Expand, OmitValue, OnChangeFn, AsChild } from "../../internal/index.js";
+type Props = Expand<OmitValue<CreateSliderProps> & {
+    /**
+     * 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[]>;
+} & AsChild>;
+type RangeProps = AsChild;
+type ThumbProps = AsChild;
+type TickProps = AsChild;
+export type { Props, RangeProps, ThumbProps, TickProps };

package/dist/bits/slider/_types.js

@@ -0,0 +1 @@
+export {};

package/dist/bits/slider/components/{SliderInput.svelte → slider-input.svelte}

@@ -1,4 +1,5 @@
 <script>import { getCtx, getAttrs } from "../ctx.js";
+import { srOnlyStyles } from "../../../internal/style.js";
 const {
   states: { value }
 } = getCtx();
@@ -9,9 +10,12 @@ function getValue(value2) {
     return value2[1] - value2[0];
   }
 }
+const attrs = {
+  ...getAttrs("input"),
+  style: srOnlyStyles
+};
 $:
   inputValue = getValue($value);
-const attrs = getAttrs("input");
 </script>
 
-<input {...$$restProps} value={inputValue} hidden {...attrs} />
+<input {...$$restProps} value={inputValue} {...attrs} />

package/dist/bits/slider/components/{SliderRange.svelte → slider-range.svelte}

@@ -4,13 +4,15 @@ export let asChild = false;
 const {
   elements: { range }
 } = getCtx();
+const attrs = getAttrs("range");
 $:
   builder = $range;
-const attrs = getAttrs("range");
+$:
+  Object.assign(builder, attrs);
 </script>
 
 {#if asChild}
-	<slot {builder} {attrs} />
+	<slot {builder} />
 {:else}
-	<span {...builder} use:builder.action {...$$restProps} {...attrs} />
+	<span {...builder} use:builder.action {...$$restProps} />
 {/if}

package/dist/bits/slider/components/{SliderRange.svelte.d.ts → slider-range.svelte.d.ts}

@@ -14,7 +14,6 @@ declare const __propDef: {
             } & {
                 action: import("svelte/action").Action<any, any, Record<never, any>>;
             };
-            attrs: Record<string, string>;
         };
     };
 };

package/dist/bits/slider/components/{SliderThumb.svelte → slider-thumb.svelte}

@@ -6,13 +6,15 @@ const {
   elements: { thumb }
 } = getCtx();
 const dispatch = createDispatcher();
+const attrs = getAttrs("thumb");
 $:
   builder = $thumb();
-const attrs = getAttrs("thumb");
+$:
+  Object.assign(builder, attrs);
 </script>
 
 {#if asChild}
-	<slot {builder} {attrs} />
+	<slot {builder} />
 {:else}
-	<span {...builder} use:builder.action {...$$restProps} {...attrs} on:m-keydown={dispatch} />
+	<span {...builder} use:builder.action {...$$restProps} on:m-keydown={dispatch} />
 {/if}

package/dist/bits/slider/components/{SliderThumb.svelte.d.ts → slider-thumb.svelte.d.ts}

@@ -10,6 +10,7 @@ declare const __propDef: {
                 readonly 'aria-valuemax': number;
                 readonly 'aria-valuenow': number;
                 readonly 'data-melt-part': "thumb";
+                readonly 'data-value': number;
                 readonly style: string;
                 readonly tabindex: 0 | -1;
             }) & {
@@ -17,7 +18,6 @@ declare const __propDef: {
             } & {
                 action: (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown">;
             };
-            attrs: Record<string, string>;
         };
     };
     events: ThumbEvents;

package/dist/bits/slider/components/{SliderTick.svelte → slider-tick.svelte}

@@ -4,13 +4,15 @@ export let asChild = false;
 const {
   elements: { tick }
 } = getCtx();
+const attrs = getAttrs("tick");
 $:
   builder = $tick();
-const attrs = getAttrs("tick");
+$:
+  Object.assign(builder, attrs);
 </script>
 
 {#if asChild}
-	<slot {builder} {attrs} />
+	<slot {builder} />
 {:else}
-	<span {...builder} use:builder.action {...$$restProps} {...attrs} />
+	<span {...builder} use:builder.action {...$$restProps} />
 {/if}

package/dist/bits/slider/components/{SliderTick.svelte.d.ts → slider-tick.svelte.d.ts}

@@ -9,13 +9,13 @@ declare const __propDef: {
         default: {
             builder: (() => {
                 'data-bounded': boolean | undefined;
+                'data-value': number;
                 style: string;
             }) & {
                 [x: `data-melt-${string}`]: "";
             } & {
                 action: import("svelte/action").Action<any, any, Record<never, any>>;
             };
-            attrs: Record<string, string>;
         };
     };
 };

package/dist/bits/slider/components/{Slider.svelte → slider.svelte}

@@ -27,6 +27,7 @@ const {
     return next;
   }
 });
+const attrs = getAttrs("root");
 $:
   value !== void 0 && localValue.set(value);
 $:
@@ -41,13 +42,16 @@ $:
   updateOption("orientation", orientation);
 $:
   builder = $root;
-const attrs = getAttrs("root");
+$:
+  Object.assign(builder, attrs);
+$:
+  slotProps = { builder, ticks: $ticks };
 </script>
 
 {#if asChild}
-	<slot {builder} {attrs} ticks={$ticks} />
+	<slot {...slotProps} />
 {:else}
-	<span {...builder} use:builder.action {...$$restProps} {...attrs}>
-		<slot {builder} {attrs} ticks={$ticks} />
+	<span {...builder} use:builder.action {...$$restProps}>
+		<slot {...slotProps} />
 	</span>
 {/if}

package/dist/bits/slider/components/{Slider.svelte.d.ts → slider.svelte.d.ts}

@@ -9,8 +9,8 @@ declare const __propDef: {
         default: {
             builder: {
                 disabled: boolean | undefined;
-                'aria-disabled': string | undefined;
-                'data-orientation': "horizontal" | "vertical";
+                'aria-disabled': "true" | undefined;
+                'data-orientation': import("@melt-ui/svelte/index.js").SliderOrientation;
                 style: string | undefined;
                 'data-melt-id': string;
             } & {
@@ -18,7 +18,6 @@ declare const __propDef: {
             } & {
                 action: import("svelte/action").Action<any, any, Record<never, any>>;
             };
-            attrs: Record<string, string>;
             ticks: number;
         };
     };

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

@@ -4,10 +4,10 @@ export declare const getAttrs: (part: "root" | "input" | "range" | "thumb" | "ti
 export declare function setCtx(props: CreateSliderProps): {
     updateOption: <K extends string, V extends unknown>(key: K, value: V | undefined) => void;
     elements: {
-        root: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[import("svelte/store").Writable<boolean>, import("svelte/store").Writable<"horizontal" | "vertical">], import("svelte/action").Action<any, any, Record<never, any>>, ([$disabled, $orientation]: [boolean, "horizontal" | "vertical"]) => {
+        root: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[import("svelte/store").Writable<boolean>, import("svelte/store").Writable<import("@melt-ui/svelte").SliderOrientation>], import("svelte/action").Action<any, any, Record<never, any>>, ([$disabled, $orientation]: [boolean, import("@melt-ui/svelte").SliderOrientation]) => {
             disabled: boolean | undefined;
-            'aria-disabled': string | undefined;
-            'data-orientation': "horizontal" | "vertical";
+            'aria-disabled': "true" | undefined;
+            'data-orientation': import("@melt-ui/svelte").SliderOrientation;
             style: string | undefined;
             'data-melt-id': string;
         }, string>;
@@ -15,12 +15,13 @@ export declare function setCtx(props: CreateSliderProps): {
             update: (updater: import("svelte/store").Updater<number[]>, sideEffect?: ((newValue: number[]) => void) | undefined) => void;
             set: (this: void, value: number[]) => void;
             subscribe(this: void, run: import("svelte/store").Subscriber<number[]>, invalidate?: import("svelte/store").Invalidator<number[]> | undefined): import("svelte/store").Unsubscriber;
-        }, import("svelte/store").Readable<(val: number) => number>, import("svelte/store").Writable<number>, import("svelte/store").Writable<number>, import("svelte/store").Writable<boolean>, import("svelte/store").Writable<"horizontal" | "vertical">], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown">, ([$value, $position, $min, $max, $disabled, $orientation]: [number[], (val: number) => number, number, number, boolean, "horizontal" | "vertical"]) => () => {
+        }, import("svelte/store").Readable<(val: number) => number>, import("svelte/store").Writable<number>, import("svelte/store").Writable<number>, import("svelte/store").Writable<boolean>, import("svelte/store").Writable<import("@melt-ui/svelte").SliderOrientation>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown">, ([$value, $position, $min, $max, $disabled, $orientation]: [number[], (val: number) => number, number, number, boolean, import("@melt-ui/svelte").SliderOrientation]) => () => {
             readonly role: "slider";
             readonly 'aria-valuemin': number;
             readonly 'aria-valuemax': number;
             readonly 'aria-valuenow': number;
             readonly 'data-melt-part': "thumb";
+            readonly 'data-value': number;
             readonly style: string;
             readonly tabindex: 0 | -1;
         }, string>;
@@ -28,15 +29,16 @@ export declare function setCtx(props: CreateSliderProps): {
             update: (updater: import("svelte/store").Updater<number[]>, sideEffect?: ((newValue: number[]) => void) | undefined) => void;
             set: (this: void, value: number[]) => void;
             subscribe(this: void, run: import("svelte/store").Subscriber<number[]>, invalidate?: import("svelte/store").Invalidator<number[]> | undefined): import("svelte/store").Unsubscriber;
-        }, import("svelte/store").Writable<"horizontal" | "vertical">, import("svelte/store").Readable<(val: number) => number>], import("svelte/action").Action<any, any, Record<never, any>>, ([$value, $orientation, $position]: [number[], "horizontal" | "vertical", (val: number) => number]) => {
+        }, import("svelte/store").Writable<import("@melt-ui/svelte").SliderOrientation>, import("svelte/store").Readable<(val: number) => number>], import("svelte/action").Action<any, any, Record<never, any>>, ([$value, $orientation, $position]: [number[], import("@melt-ui/svelte").SliderOrientation, (val: number) => number]) => {
             style: string;
         }, string>;
         tick: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[import("svelte/store").Readable<number>, {
             update: (updater: import("svelte/store").Updater<number[]>, sideEffect?: ((newValue: number[]) => void) | undefined) => void;
             set: (this: void, value: number[]) => void;
             subscribe(this: void, run: import("svelte/store").Subscriber<number[]>, invalidate?: import("svelte/store").Invalidator<number[]> | undefined): import("svelte/store").Unsubscriber;
-        }, import("svelte/store").Writable<number>, import("svelte/store").Writable<number>, import("svelte/store").Writable<number>, import("svelte/store").Writable<"horizontal" | "vertical">], import("svelte/action").Action<any, any, Record<never, any>>, ([$ticks, $value, $min, $max, $step, $orientation]: [number, number[], number, number, number, "horizontal" | "vertical"]) => () => {
+        }, import("svelte/store").Writable<number>, import("svelte/store").Writable<number>, import("svelte/store").Writable<number>, import("svelte/store").Writable<import("@melt-ui/svelte").SliderOrientation>], import("svelte/action").Action<any, any, Record<never, any>>, ([$ticks, $value, $min, $max, $step, $orientation]: [number, number[], number, number, number, import("@melt-ui/svelte").SliderOrientation]) => () => {
             'data-bounded': boolean | undefined;
+            'data-value': number;
             style: string;
         }, string>;
     };
@@ -50,7 +52,7 @@ export declare function setCtx(props: CreateSliderProps): {
     };
     options: {
         disabled: import("svelte/store").Writable<boolean>;
-        orientation: import("svelte/store").Writable<"horizontal" | "vertical">;
+        orientation: import("svelte/store").Writable<import("@melt-ui/svelte").SliderOrientation>;
         max: import("svelte/store").Writable<number>;
         min: import("svelte/store").Writable<number>;
         step: import("svelte/store").Writable<number>;

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

@@ -1,7 +1,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";
-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 { default as Root } from "./components/slider.svelte";
+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/index.js

@@ -1,9 +1,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";
-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 { default as Root } from "./components/slider.svelte";
+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,16 +1,13 @@
-import type { CreateSliderProps } from "@melt-ui/svelte";
-import type { Expand, OmitValue, HTMLSpanAttributes, OnChangeFn, AsChild } from "../../internal/index.js";
+import type { HTMLSpanAttributes } from "../../internal/index.js";
 import type { CustomEventHandler } from "../../index.js";
 import type { HTMLInputAttributes } from "svelte/elements";
-type Props = Expand<OmitValue<CreateSliderProps> & {
-    value?: number[];
-    onValueChange?: OnChangeFn<number[]>;
-} & AsChild> & HTMLSpanAttributes;
-type RangeProps = AsChild & HTMLSpanAttributes;
-type ThumbProps = AsChild & HTMLSpanAttributes;
-type TickProps = AsChild & HTMLSpanAttributes;
+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 ThumbEvents<T extends Element = HTMLSpanElement> = {
     keydown: CustomEventHandler<KeyboardEvent, T>;
 };
 type InputProps = Omit<HTMLInputAttributes, "value">;
-export type { Props, RangeProps, ThumbProps, InputProps, TickProps, Props as SliderProps, RangeProps as SliderRangeProps, ThumbProps as SliderThumbProps, InputProps as SliderInputProps, TickProps as SliderTickProps, ThumbEvents, ThumbEvents as SliderThumbEvents };
+export type { Props, RangeProps, ThumbProps, InputProps, TickProps, ThumbEvents };

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

@@ -0,0 +1 @@
+export type { Props as SwitchProps, ThumbProps as SwitchThumbProps, InputProps as SwitchInputProps, Events as SwitchEvents } from "./types.js";

package/dist/bits/switch/_export.types.js

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,33 @@
+/**
+ * We define prop types without the HTMLAttributes here so that we can use them
+ * to type-check our API documentation, which requires we document each prop,
+ * but we don't want to document the HTML attributes.
+ */
+import type { CreateSwitchProps } from "@melt-ui/svelte";
+import type { AsChild, Expand, OmitChecked, OnChangeFn } from "../../internal/index.js";
+import type { HTMLInputAttributes } from "svelte/elements";
+type Props = Expand<OmitChecked<CreateSwitchProps> & {
+    /**
+     * 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">>;
+} & AsChild>;
+type ThumbProps = AsChild;
+export type { Props, ThumbProps };

package/dist/bits/switch/_types.js

@@ -0,0 +1 @@
+export {};

package/dist/bits/switch/components/{SwitchThumb.svelte → switch-thumb.svelte}

@@ -9,10 +9,12 @@ $:
     "data-state": $checked ? "checked" : "unchecked",
     "data-checked": $checked ? "" : void 0
   };
+$:
+  slotProps = { checked: $checked, attrs };
 </script>
 
 {#if asChild}
-	<slot checked={$checked} {attrs} />
+	<slot {...slotProps} />
 {:else}
 	<span {...$$restProps} {...attrs} />
 {/if}

package/dist/bits/switch/components/{Switch.svelte → switch.svelte}

@@ -1,7 +1,7 @@
 <script>import { melt } from "@melt-ui/svelte";
 import { setCtx, getAttrs } from "../ctx.js";
 import { createDispatcher } from "../../../internal/events.js";
-import SwitchInput from "./SwitchInput.svelte";
+import SwitchInput from "./switch-input.svelte";
 export let checked = void 0;
 export let onCheckedChange = void 0;
 export let disabled = void 0;
@@ -44,20 +44,21 @@ $:
   builder = $root;
 $:
   attrs = { ...getAttrs("root"), "data-checked": checked ? "" : void 0 };
+$:
+  Object.assign(builder, attrs);
 </script>
 
 {#if asChild}
-	<slot {builder} {attrs} />
+	<slot {builder} />
 {:else}
 	<button
 		{...builder} use:builder.action
 		type="button"
 		{...$$restProps}
-		{...attrs}
 		on:m-click={dispatch}
 		on:m-keydown={dispatch}
 	>
-		<slot {builder} {attrs} />
+		<slot {builder} />
 	</button>
 {/if}
 {#if includeInput}

package/dist/bits/switch/components/{Switch.svelte.d.ts → switch.svelte.d.ts}

@@ -17,9 +17,6 @@ declare const __propDef: {
             } & {
                 action: <Node_1 extends unknown>(node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown" | "click">;
             };
-            attrs: {
-                "data-checked": string | undefined;
-            };
         };
     };
     events: Events;

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

@@ -1,5 +1,4 @@
-import Root from "./components/Switch.svelte";
-import Thumb from "./components/SwitchThumb.svelte";
-import Input from "./components/SwitchInput.svelte";
-export { Root, Thumb, Input, Root as Switch, Thumb as SwitchThumb, Input as SwitchInput };
+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/index.js

@@ -1,7 +1,4 @@
-import Root from "./components/Switch.svelte";
-import Thumb from "./components/SwitchThumb.svelte";
-import Input from "./components/SwitchInput.svelte";
-export { Root, Thumb, Input, 
-//
-Root as Switch, Thumb as SwitchThumb, Input as SwitchInput };
+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,25 +1,12 @@
-import type { CreateSwitchProps } from "@melt-ui/svelte";
-import type { AsChild, Expand, HTMLSpanAttributes, OmitChecked, OnChangeFn } from "../../internal/index.js";
+import type { HTMLSpanAttributes } from "../../internal/index.js";
 import type { HTMLButtonAttributes, HTMLInputAttributes } from "svelte/elements";
 import type { CustomEventHandler } from "../../index.js";
-type Props = Expand<OmitChecked<CreateSwitchProps> & {
-    checked?: boolean;
-    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">>;
-} & AsChild> & HTMLButtonAttributes;
-type ThumbProps = AsChild & HTMLSpanAttributes;
+import type * as I from "./_types.js";
+type Props = I.Props & HTMLButtonAttributes;
+type ThumbProps = I.ThumbProps & HTMLSpanAttributes;
 type InputProps = HTMLInputAttributes;
 type Events<T extends Element = HTMLButtonElement> = {
     click: CustomEventHandler<MouseEvent, T>;
     keydown: CustomEventHandler<KeyboardEvent, T>;
 };
-export type { Props, ThumbProps, InputProps, Props as SwitchProps, ThumbProps as SwitchThumbProps, InputProps as SwitchInputProps, Events, Events as SwitchEvents };
+export type { Props, ThumbProps, InputProps, Events };

package/dist/bits/tabs/_export.types.d.ts

@@ -0,0 +1 @@
+export type { Props as TabsProps, ContentProps as TabsContentProps, TriggerProps as TabsTriggerProps, ListProps as TabsListProps, TriggerEvents as TabsTriggerEvents } from "./types.js";

package/dist/bits/tabs/_export.types.js

@@ -0,0 +1 @@
+export {};