bits-ui 1.0.0-next.6 → 1.0.0-next.61

package/dist/bits/slider/slider.svelte.js

@@ -3,15 +3,14 @@
  * Abdelrahman (https://github.com/abdel-17)
  */
 import { untrack } from "svelte";
+import { executeCallbacks, useRefById } from "svelte-toolbelt";
 import { getRangeStyles, getThumbStyles, getTickStyles } from "./helpers.js";
 import { getAriaDisabled, getAriaOrientation, getDataDisabled, getDataOrientation, } from "../../internal/attrs.js";
-import { useRefById } from "../../internal/useRefById.svelte.js";
 import { kbd } from "../../internal/kbd.js";
 import { isElementOrSVGElement } from "../../internal/is.js";
 import { isValidIndex } from "../../internal/arrays.js";
 import { addEventListener } from "../../internal/events.js";
-import { executeCallbacks } from "../../internal/executeCallbacks.js";
-import { createContext } from "../../internal/createContext.js";
+import { createContext } from "../../internal/create-context.js";
 import { snapValueToStep } from "../../internal/math.js";
 const SLIDER_ROOT_ATTR = "data-slider-root";
 const SLIDER_THUMB_ATTR = "data-slider-thumb";
@@ -39,7 +38,7 @@ class SliderRootState {
             return this.dir.current === "rtl" ? "tb" : "bt";
         }
     });
-    onValueChangeEnd;
+    onValueCommit;
     constructor(props) {
         this.id = props.id;
         this.ref = props.ref;
@@ -51,7 +50,7 @@ class SliderRootState {
         this.dir = props.dir;
         this.autoSort = props.autoSort;
         this.value = props.value;
-        this.onValueChangeEnd = props.onValueChangeEnd;
+        this.onValueCommit = props.onValueCommit;
         useRefById({
             id: this.id,
             ref: this.ref,
@@ -126,7 +125,7 @@ class SliderRootState {
         };
     };
     handlePointerMove = (e) => {
-        if (!this.isActive)
+        if (!this.isActive || this.disabled.current)
             return;
         e.preventDefault();
         e.stopPropagation();
@@ -171,7 +170,7 @@ class SliderRootState {
         }
     };
     handlePointerDown = (e) => {
-        if (e.button !== 0)
+        if (e.button !== 0 || this.disabled.current)
             return;
         const sliderNode = this.ref.current;
         const closestThumb = this.getClosestThumb(e);
@@ -187,8 +186,10 @@ class SliderRootState {
         this.handlePointerMove(e);
     };
     handlePointerUp = () => {
+        if (this.disabled.current)
+            return;
         if (this.isActive) {
-            this.onValueChangeEnd.current(untrack(() => this.value.current));
+            this.onValueCommit.current(untrack(() => this.value.current));
         }
         this.isActive = false;
     };
@@ -307,24 +308,20 @@ class SliderRootState {
         ticks: this.ticksRenderArr,
         thumbs: this.thumbsRenderArr,
     }));
+    #touchAction = $derived.by(() => {
+        if (this.disabled.current)
+            return undefined;
+        return this.orientation.current === "horizontal" ? "pan-y" : "pan-x";
+    });
     props = $derived.by(() => ({
         id: this.id.current,
         "data-orientation": getDataOrientation(this.orientation.current),
         "data-disabled": getDataDisabled(this.disabled.current),
         style: {
-            touchAction: this.orientation.current === "horizontal" ? "pan-y" : "pan-x",
+            touchAction: this.#touchAction,
         },
         [SLIDER_ROOT_ATTR]: "",
     }));
-    createThumb = (props) => {
-        return new SliderThumbState(props, this);
-    };
-    createRange = (props) => {
-        return new SliderRangeState(props, this);
-    };
-    createTick = (props) => {
-        return new SliderTickState(props, this);
-    };
 }
 const VALID_SLIDER_KEYS = [
     kbd.ARROW_LEFT,
@@ -487,7 +484,7 @@ class SliderThumbState {
                 }
                 break;
         }
-        this.#root.onValueChangeEnd.current(this.#root.value.current);
+        this.#root.onValueCommit.current(this.#root.value.current);
     };
     props = $derived.by(() => ({
         ...this.#root.thumbsPropsArr[this.#index.current],
@@ -520,11 +517,11 @@ export function useSliderRoot(props) {
     return setSliderRootContext(new SliderRootState(props));
 }
 export function useSliderRange(props) {
-    return getSliderRootContext().createRange(props);
+    return new SliderRangeState(props, getSliderRootContext());
 }
 export function useSliderThumb(props) {
-    return getSliderRootContext().createThumb(props);
+    return new SliderThumbState(props, getSliderRootContext());
 }
 export function useSliderTick(props) {
-    return getSliderRootContext().createTick(props);
+    return new SliderTickState(props, getSliderRootContext());
 }

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

@@ -1,5 +1,5 @@
 import type { OnChangeFn, WithChild, Without } from "../../internal/types.js";
-import type { PrimitiveSpanAttributes } from "../../shared/attributes.js";
+import type { BitsPrimitiveSpanAttributes } from "../../shared/attributes.js";
 import type { Direction, Orientation } from "../../shared/index.js";
 export type SliderRootSnippetProps = {
     ticks: number[];
@@ -17,9 +17,10 @@ export type SliderRootPropsWithoutHTML = WithChild<{
     onValueChange?: OnChangeFn<number[]>;
     /**
      * A callback function called when the user stops dragging the thumb,
-     * which is useful for knowing when the user has finished interacting with the slider.
+     * which is useful for knowing when the user has finished interacting with the
+     * slider and _commits_ the value.
      */
-    onValueChangeEnd?: OnChangeFn<number[]>;
+    onValueCommit?: OnChangeFn<number[]>;
     /**
      * Whether to automatically sort the values in the array when moving thumbs past
      * one another.
@@ -77,9 +78,9 @@ export type SliderRootPropsWithoutHTML = WithChild<{
      */
     controlledValue?: boolean;
 }, SliderRootSnippetProps>;
-export type SliderRootProps = SliderRootPropsWithoutHTML & Without<PrimitiveSpanAttributes, SliderRootPropsWithoutHTML>;
+export type SliderRootProps = SliderRootPropsWithoutHTML & Without<BitsPrimitiveSpanAttributes, SliderRootPropsWithoutHTML>;
 export type SliderRangePropsWithoutHTML = WithChild;
-export type SliderRangeProps = SliderRangePropsWithoutHTML & Without<PrimitiveSpanAttributes, SliderRangePropsWithoutHTML>;
+export type SliderRangeProps = SliderRangePropsWithoutHTML & Without<BitsPrimitiveSpanAttributes, SliderRangePropsWithoutHTML>;
 export type SliderThumbPropsWithoutHTML = WithChild<{
     /**
      * Whether the thumb is disabled or not.
@@ -93,7 +94,7 @@ export type SliderThumbPropsWithoutHTML = WithChild<{
      */
     index: number;
 }>;
-export type SliderThumbProps = SliderThumbPropsWithoutHTML & Without<PrimitiveSpanAttributes, SliderThumbPropsWithoutHTML>;
+export type SliderThumbProps = SliderThumbPropsWithoutHTML & Without<BitsPrimitiveSpanAttributes, SliderThumbPropsWithoutHTML>;
 export type SliderTickPropsWithoutHTML = WithChild<{
     /**
      * The index of the tick in the array of ticks provided by the `children` snippet prop of the
@@ -101,4 +102,4 @@ export type SliderTickPropsWithoutHTML = WithChild<{
      */
     index: number;
 }>;
-export type SliderTickProps = SliderTickPropsWithoutHTML & Without<PrimitiveSpanAttributes, SliderTickPropsWithoutHTML>;
+export type SliderTickProps = SliderTickPropsWithoutHTML & Without<BitsPrimitiveSpanAttributes, SliderTickPropsWithoutHTML>;

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

@@ -1,9 +1,8 @@
 <script lang="ts">
-	import { box } from "svelte-toolbelt";
-	import type { ThumbProps } from "../index.js";
+	import { box, mergeProps } from "svelte-toolbelt";
+	import type { SwitchThumbProps } from "../types.js";
 	import { useSwitchThumb } from "../switch.svelte.js";
-	import { mergeProps } from "../../../internal/mergeProps.js";
-	import { useId } from "../../../internal/useId.js";
+	import { useId } from "../../../internal/use-id.js";
 
 	let {
 		child,
@@ -11,7 +10,7 @@
 		ref = $bindable(null),
 		id = useId(),
 		...restProps
-	}: ThumbProps = $props();
+	}: SwitchThumbProps = $props();
 
 	const thumbState = useSwitchThumb({
 		id: box.with(() => id),

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

@@ -1,4 +1,4 @@
-import type { ThumbProps } from "../index.js";
+import type { SwitchThumbProps } from "../types.js";
 interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
     new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
         $$bindings?: Bindings;
@@ -12,7 +12,7 @@ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> =
     };
     z_$$bindings?: Bindings;
 }
-declare const SwitchThumb: $$__sveltets_2_IsomorphicComponent<ThumbProps, {
+declare const SwitchThumb: $$__sveltets_2_IsomorphicComponent<SwitchThumbProps, {
     [evt: string]: CustomEvent<any>;
 }, {}, {}, "ref">;
 type SwitchThumb = InstanceType<typeof SwitchThumb>;

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

@@ -1,11 +1,10 @@
 <script lang="ts">
-	import { box } from "svelte-toolbelt";
-	import type { RootProps } from "../index.js";
+	import { box, mergeProps } from "svelte-toolbelt";
+	import type { SwitchRootProps } from "../types.js";
 	import { useSwitchRoot } from "../switch.svelte.js";
 	import SwitchInput from "./switch-input.svelte";
-	import { mergeProps } from "../../../internal/mergeProps.js";
-	import { useId } from "../../../internal/useId.js";
-	import { noop } from "../../../internal/callbacks.js";
+	import { useId } from "../../../internal/use-id.js";
+	import { noop } from "../../../internal/noop.js";
 
 	let {
 		child,
@@ -21,7 +20,7 @@
 		onCheckedChange = noop,
 		controlledChecked = false,
 		...restProps
-	}: RootProps = $props();
+	}: SwitchRootProps = $props();
 
 	const rootState = useSwitchRoot({
 		checked: box.with(

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

@@ -1,4 +1,4 @@
-import type { RootProps } from "../index.js";
+import type { SwitchRootProps } from "../types.js";
 interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
     new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
         $$bindings?: Bindings;
@@ -12,7 +12,7 @@ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> =
     };
     z_$$bindings?: Bindings;
 }
-declare const Switch: $$__sveltets_2_IsomorphicComponent<RootProps, {
+declare const Switch: $$__sveltets_2_IsomorphicComponent<SwitchRootProps, {
     [evt: string]: CustomEvent<any>;
 }, {}, {}, "checked" | "ref">;
 type Switch = InstanceType<typeof Switch>;

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

@@ -0,0 +1,3 @@
+export { default as Root } from "./components/switch.svelte";
+export { default as Thumb } from "./components/switch-thumb.svelte";
+export type { SwitchRootProps as RootProps, SwitchThumbProps as ThumbProps } from "./types.js";

package/dist/bits/switch/exports.js

@@ -0,0 +1,2 @@
+export { default as Root } from "./components/switch.svelte";
+export { default as Thumb } from "./components/switch-thumb.svelte";

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

@@ -1,3 +1 @@
-export { default as Root } from "./components/switch.svelte";
-export { default as Thumb } from "./components/switch-thumb.svelte";
-export type { SwitchRootProps as RootProps, SwitchThumbProps as ThumbProps } from "./types.js";
+export * as Switch from "./exports.js";

package/dist/bits/switch/index.js

@@ -1,2 +1 @@
-export { default as Root } from "./components/switch.svelte";
-export { default as Thumb } from "./components/switch-thumb.svelte";
+export * as Switch from "./exports.js";

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

@@ -16,8 +16,6 @@ declare class SwitchRootState {
     name: SwitchRootStateProps["name"];
     value: SwitchRootStateProps["value"];
     constructor(props: SwitchRootStateProps);
-    createInput(): SwitchInputState;
-    createThumb(props: SwitchThumbStateProps): SwitchThumbState;
     sharedProps: {
         "data-disabled": "" | undefined;
         "data-state": "checked" | "unchecked";
@@ -27,10 +25,10 @@ declare class SwitchRootState {
         readonly id: string;
         readonly role: "switch";
         readonly disabled: true | undefined;
-        readonly "aria-checked": "mixed" | "false" | "true";
-        readonly "aria-required": "false" | "true";
+        readonly "aria-checked": "true" | "false" | "mixed";
+        readonly "aria-required": "true" | "false";
         readonly "data-switch-root": "";
-        readonly onclick: () => void;
+        readonly onclick: (e: PointerEvent) => void;
         readonly onkeydown: (e: KeyboardEvent) => void;
         readonly "data-disabled": "" | undefined;
         readonly "data-state": "checked" | "unchecked";

package/dist/bits/switch/switch.svelte.js

@@ -1,8 +1,7 @@
+import { srOnlyStyles, styleToString, useRefById } from "svelte-toolbelt";
 import { getAriaChecked, getAriaHidden, getAriaRequired, getDataChecked, getDataDisabled, getDataRequired, getDisabled, } from "../../internal/attrs.js";
 import { kbd } from "../../internal/kbd.js";
-import { createContext } from "../../internal/createContext.js";
-import { useRefById } from "../../internal/useRefById.svelte.js";
-import { srOnlyStyles, styleToString } from "../../internal/style.js";
+import { createContext } from "../../internal/create-context.js";
 const ROOT_ATTR = "data-switch-root";
 const THUMB_ATTR = "data-switch-thumb";
 class SwitchRootState {
@@ -35,17 +34,11 @@ class SwitchRootState {
         e.preventDefault();
         this.#toggle();
     };
-    #onclick = () => {
+    #onclick = (e) => {
         if (this.disabled.current)
             return;
         this.#toggle();
     };
-    createInput() {
-        return new SwitchInputState(this);
-    }
-    createThumb(props) {
-        return new SwitchThumbState(props, this);
-    }
     sharedProps = $derived.by(() => ({
         "data-disabled": getDataDisabled(this.disabled.current),
         "data-state": getDataChecked(this.checked.current),
@@ -56,7 +49,7 @@ class SwitchRootState {
         id: this.#id.current,
         role: "switch",
         disabled: getDisabled(this.disabled.current),
-        "aria-checked": getAriaChecked(this.checked.current),
+        "aria-checked": getAriaChecked(this.checked.current, false),
         "aria-required": getAriaRequired(this.required.current),
         [ROOT_ATTR]: "",
         //
@@ -108,8 +101,8 @@ export function useSwitchRoot(props) {
     return setSwitchRootContext(new SwitchRootState(props));
 }
 export function useSwitchInput() {
-    return getSwitchRootContext().createInput();
+    return new SwitchInputState(getSwitchRootContext());
 }
 export function useSwitchThumb(props) {
-    return getSwitchRootContext().createThumb(props);
+    return new SwitchThumbState(props, getSwitchRootContext());
 }

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

@@ -1,5 +1,5 @@
 import type { OnChangeFn, WithChild, Without } from "../../internal/types.js";
-import type { PrimitiveButtonAttributes, PrimitiveSpanAttributes } from "../../shared/attributes.js";
+import type { BitsPrimitiveButtonAttributes, BitsPrimitiveSpanAttributes } from "../../shared/attributes.js";
 type SwitchRootSnippetProps = {
     checked: boolean;
 };
@@ -49,8 +49,8 @@ export type SwitchRootPropsWithoutHTML = WithChild<{
      */
     controlledChecked?: boolean;
 }, SwitchRootSnippetProps>;
-export type SwitchRootProps = SwitchRootPropsWithoutHTML & Without<PrimitiveButtonAttributes, SwitchRootPropsWithoutHTML>;
+export type SwitchRootProps = SwitchRootPropsWithoutHTML & Without<BitsPrimitiveButtonAttributes, SwitchRootPropsWithoutHTML>;
 export type SwitchThumbSnippetProps = SwitchRootSnippetProps;
 export type SwitchThumbPropsWithoutHTML = WithChild<{}, SwitchThumbSnippetProps>;
-export type SwitchThumbProps = SwitchThumbPropsWithoutHTML & Without<PrimitiveSpanAttributes, SwitchThumbPropsWithoutHTML>;
+export type SwitchThumbProps = SwitchThumbPropsWithoutHTML & Without<BitsPrimitiveSpanAttributes, SwitchThumbPropsWithoutHTML>;
 export {};

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

@@ -1,9 +1,8 @@
 <script lang="ts">
-	import { box } from "svelte-toolbelt";
-	import type { ContentProps } from "../index.js";
+	import { box, mergeProps } from "svelte-toolbelt";
+	import type { TabsContentProps } from "../types.js";
 	import { useTabsContent } from "../tabs.svelte.js";
-	import { mergeProps } from "../../../internal/mergeProps.js";
-	import { useId } from "../../../internal/useId.js";
+	import { useId } from "../../../internal/use-id.js";
 
 	let {
 		children,
@@ -12,7 +11,7 @@
 		ref = $bindable(null),
 		value,
 		...restProps
-	}: ContentProps = $props();
+	}: TabsContentProps = $props();
 
 	const contentState = useTabsContent({
 		value: box.with(() => value),

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

@@ -1,4 +1,4 @@
-import type { ContentProps } from "../index.js";
+import type { TabsContentProps } from "../types.js";
 interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
     new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
         $$bindings?: Bindings;
@@ -12,7 +12,7 @@ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> =
     };
     z_$$bindings?: Bindings;
 }
-declare const TabsContent: $$__sveltets_2_IsomorphicComponent<ContentProps, {
+declare const TabsContent: $$__sveltets_2_IsomorphicComponent<TabsContentProps, {
     [evt: string]: CustomEvent<any>;
 }, {}, {}, "ref">;
 type TabsContent = InstanceType<typeof TabsContent>;

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

@@ -1,9 +1,8 @@
 <script lang="ts">
-	import { box } from "svelte-toolbelt";
-	import type { ListProps } from "../index.js";
+	import { box, mergeProps } from "svelte-toolbelt";
+	import type { TabsListProps } from "../types.js";
 	import { useTabsList } from "../tabs.svelte.js";
-	import { mergeProps } from "../../../internal/mergeProps.js";
-	import { useId } from "../../../internal/useId.js";
+	import { useId } from "../../../internal/use-id.js";
 
 	let {
 		child,
@@ -11,7 +10,7 @@
 		id = useId(),
 		ref = $bindable(null),
 		...restProps
-	}: ListProps = $props();
+	}: TabsListProps = $props();
 
 	const listState = useTabsList({
 		id: box.with(() => id),

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

@@ -1,4 +1,4 @@
-import type { ListProps } from "../index.js";
+import type { TabsListProps } from "../types.js";
 interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
     new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
         $$bindings?: Bindings;
@@ -12,7 +12,7 @@ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> =
     };
     z_$$bindings?: Bindings;
 }
-declare const TabsList: $$__sveltets_2_IsomorphicComponent<ListProps, {
+declare const TabsList: $$__sveltets_2_IsomorphicComponent<TabsListProps, {
     [evt: string]: CustomEvent<any>;
 }, {}, {}, "ref">;
 type TabsList = InstanceType<typeof TabsList>;

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

@@ -1,9 +1,8 @@
 <script lang="ts">
-	import { box } from "svelte-toolbelt";
-	import type { TriggerProps } from "../index.js";
+	import { box, mergeProps } from "svelte-toolbelt";
+	import type { TabsTriggerProps } from "../types.js";
 	import { useTabsTrigger } from "../tabs.svelte.js";
-	import { mergeProps } from "../../../internal/mergeProps.js";
-	import { useId } from "../../../internal/useId.js";
+	import { useId } from "../../../internal/use-id.js";
 
 	let {
 		child,
@@ -14,7 +13,7 @@
 		value,
 		ref = $bindable(null),
 		...restProps
-	}: TriggerProps = $props();
+	}: TabsTriggerProps = $props();
 
 	const triggerState = useTabsTrigger({
 		id: box.with(() => id),

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

@@ -1,4 +1,4 @@
-import type { TriggerProps } from "../index.js";
+import type { TabsTriggerProps } from "../types.js";
 interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
     new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
         $$bindings?: Bindings;
@@ -12,7 +12,7 @@ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> =
     };
     z_$$bindings?: Bindings;
 }
-declare const TabsTrigger: $$__sveltets_2_IsomorphicComponent<TriggerProps, {
+declare const TabsTrigger: $$__sveltets_2_IsomorphicComponent<TabsTriggerProps, {
     [evt: string]: CustomEvent<any>;
 }, {}, {}, "ref">;
 type TabsTrigger = InstanceType<typeof TabsTrigger>;

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

@@ -1,10 +1,9 @@
 <script lang="ts">
-	import { box } from "svelte-toolbelt";
-	import type { RootProps } from "../index.js";
+	import { box, mergeProps } from "svelte-toolbelt";
+	import type { TabsRootProps } from "../types.js";
 	import { useTabsRoot } from "../tabs.svelte.js";
-	import { useId } from "../../../internal/useId.js";
-	import { mergeProps } from "../../../internal/mergeProps.js";
-	import { noop } from "../../../internal/callbacks.js";
+	import { useId } from "../../../internal/use-id.js";
+	import { noop } from "../../../internal/noop.js";
 
 	let {
 		id = useId(),
@@ -19,7 +18,7 @@
 		children,
 		child,
 		...restProps
-	}: RootProps = $props();
+	}: TabsRootProps = $props();
 
 	const rootState = useTabsRoot({
 		id: box.with(() => id),

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

@@ -1,4 +1,4 @@
-import type { RootProps } from "../index.js";
+import type { TabsRootProps } from "../types.js";
 interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
     new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
         $$bindings?: Bindings;
@@ -12,7 +12,7 @@ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> =
     };
     z_$$bindings?: Bindings;
 }
-declare const Tabs: $$__sveltets_2_IsomorphicComponent<RootProps, {
+declare const Tabs: $$__sveltets_2_IsomorphicComponent<TabsRootProps, {
     [evt: string]: CustomEvent<any>;
 }, {}, {}, "value" | "ref">;
 type Tabs = InstanceType<typeof Tabs>;

package/dist/bits/tabs/exports.d.ts

@@ -0,0 +1,5 @@
+export { default as Root } from "./components/tabs.svelte";
+export { default as Content } from "./components/tabs-content.svelte";
+export { default as List } from "./components/tabs-list.svelte";
+export { default as Trigger } from "./components/tabs-trigger.svelte";
+export type { TabsRootProps as RootProps, TabsContentProps as ContentProps, TabsTriggerProps as TriggerProps, TabsListProps as ListProps, } from "./types.js";

package/dist/bits/tabs/exports.js

@@ -0,0 +1,4 @@
+export { default as Root } from "./components/tabs.svelte";
+export { default as Content } from "./components/tabs-content.svelte";
+export { default as List } from "./components/tabs-list.svelte";
+export { default as Trigger } from "./components/tabs-trigger.svelte";

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

@@ -1,5 +1 @@
-export { default as Root } from "./components/tabs.svelte";
-export { default as Content } from "./components/tabs-content.svelte";
-export { default as List } from "./components/tabs-list.svelte";
-export { default as Trigger } from "./components/tabs-trigger.svelte";
-export type { TabsRootProps as RootProps, TabsContentProps as ContentProps, TabsTriggerProps as TriggerProps, TabsListProps as ListProps, } from "./types.js";
+export * as Tabs from "./exports.js";

package/dist/bits/tabs/index.js

@@ -1,4 +1 @@
-export { default as Root } from "./components/tabs.svelte";
-export { default as Content } from "./components/tabs-content.svelte";
-export { default as List } from "./components/tabs-list.svelte";
-export { default as Trigger } from "./components/tabs-trigger.svelte";
+export * as Tabs from "./exports.js";

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

@@ -1,9 +1,10 @@
 import { SvelteMap } from "svelte/reactivity";
+import type { FocusEventHandler, KeyboardEventHandler, MouseEventHandler } from "svelte/elements";
 import type { TabsActivationMode } from "./types.js";
 import type { ReadableBoxedValues, WritableBoxedValues } from "../../internal/box.svelte.js";
 import type { WithRefProps } from "../../internal/types.js";
 import type { Orientation } from "../../shared/index.js";
-import { type UseRovingFocusReturn } from "../../internal/useRovingFocus.svelte.js";
+import { type UseRovingFocusReturn } from "../../internal/use-roving-focus.svelte.js";
 type TabsRootStateProps = WithRefProps<ReadableBoxedValues<{
     orientation: Orientation;
     loop: boolean;
@@ -28,9 +29,6 @@ declare class TabsRootState {
     registerTrigger: (id: string, value: string) => () => void;
     registerContent: (id: string, value: string) => () => void;
     setValue: (v: string) => void;
-    createList(props: TabsListStateProps): TabsListState;
-    createTrigger(props: TabsTriggerStateProps): TabsTriggerState;
-    createContent(props: TabsContentStateProps): TabsContentState;
     props: {
         readonly id: string;
         readonly "data-orientation": "horizontal" | "vertical";
@@ -65,14 +63,14 @@ declare class TabsTriggerState {
         readonly "data-value": string;
         readonly "data-orientation": "horizontal" | "vertical";
         readonly "data-disabled": "" | undefined;
-        readonly "aria-selected": "false" | "true";
+        readonly "aria-selected": "true" | "false";
         readonly "aria-controls": string | undefined;
         readonly "data-tabs-trigger": "";
         readonly disabled: true | undefined;
         readonly tabindex: number;
-        readonly onclick: (e: MouseEvent) => void;
-        readonly onfocus: () => void;
-        readonly onkeydown: (e: KeyboardEvent) => void;
+        readonly onclick: MouseEventHandler<HTMLButtonElement>;
+        readonly onfocus: FocusEventHandler<HTMLButtonElement>;
+        readonly onkeydown: KeyboardEventHandler<HTMLButtonElement>;
     };
 }
 type TabsContentStateProps = WithRefProps<ReadableBoxedValues<{