bits-ui 1.0.0-next.8 → 1.0.0-next.81

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,19 +1,4 @@
-import type { ThumbProps } from "../index.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;
-    } & Exports;
-    (internal: unknown, props: Props & {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
-    };
-    z_$$bindings?: Bindings;
-}
-declare const SwitchThumb: $$__sveltets_2_IsomorphicComponent<ThumbProps, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, "ref">;
-type SwitchThumb = InstanceType<typeof SwitchThumb>;
+import type { SwitchThumbProps } from "../types.js";
+declare const SwitchThumb: import("svelte").Component<SwitchThumbProps, {}, "ref">;
+type SwitchThumb = ReturnType<typeof SwitchThumb>;
 export default 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,
@@ -19,20 +18,15 @@
 		name = undefined,
 		type = "button",
 		onCheckedChange = noop,
-		controlledChecked = false,
 		...restProps
-	}: RootProps = $props();
+	}: SwitchRootProps = $props();
 
 	const rootState = useSwitchRoot({
 		checked: box.with(
 			() => checked,
 			(v) => {
-				if (controlledChecked) {
-					onCheckedChange(v);
-				} else {
-					checked = v;
-					onCheckedChange?.(v);
-				}
+				checked = v;
+				onCheckedChange?.(v);
 			}
 		),
 		disabled: box.with(() => disabled ?? false),

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

@@ -1,19 +1,4 @@
-import type { RootProps } from "../index.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;
-    } & Exports;
-    (internal: unknown, props: Props & {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
-    };
-    z_$$bindings?: Bindings;
-}
-declare const Switch: $$__sveltets_2_IsomorphicComponent<RootProps, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, "checked" | "ref">;
-type Switch = InstanceType<typeof Switch>;
+import type { SwitchRootProps } from "../types.js";
+declare const Switch: import("svelte").Component<SwitchRootProps, {}, "checked" | "ref">;
+type Switch = ReturnType<typeof Switch>;
 export default 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

@@ -1,5 +1,5 @@
 import type { ReadableBoxedValues, WritableBoxedValues } from "../../internal/box.svelte.js";
-import type { WithRefProps } from "../../internal/types.js";
+import type { BitsKeyboardEvent, BitsPointerEvent, WithRefProps } from "../../internal/types.js";
 type SwitchRootStateProps = WithRefProps<ReadableBoxedValues<{
     disabled: boolean;
     required: boolean;
@@ -16,8 +16,8 @@ declare class SwitchRootState {
     name: SwitchRootStateProps["name"];
     value: SwitchRootStateProps["value"];
     constructor(props: SwitchRootStateProps);
-    createInput(): SwitchInputState;
-    createThumb(props: SwitchThumbStateProps): SwitchThumbState;
+    onkeydown(e: BitsKeyboardEvent): void;
+    onclick(_: BitsPointerEvent): void;
     sharedProps: {
         "data-disabled": "" | undefined;
         "data-state": "checked" | "unchecked";
@@ -27,11 +27,11 @@ 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 onkeydown: (e: KeyboardEvent) => void;
+        readonly onclick: (_: BitsPointerEvent) => void;
+        readonly onkeydown: (e: BitsKeyboardEvent) => void;
         readonly "data-disabled": "" | undefined;
         readonly "data-state": "checked" | "unchecked";
         readonly "data-required": "" | undefined;

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

@@ -1,8 +1,7 @@
+import { srOnlyStyles, styleToString, useRefById } from "svelte-toolbelt";
+import { Context } from "runed";
 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";
 const ROOT_ATTR = "data-switch-root";
 const THUMB_ATTR = "data-switch-thumb";
 class SwitchRootState {
@@ -25,26 +24,22 @@ class SwitchRootState {
             id: this.#id,
             ref: this.#ref,
         });
+        this.onkeydown = this.onkeydown.bind(this);
+        this.onclick = this.onclick.bind(this);
     }
-    #toggle = () => {
+    #toggle() {
         this.checked.current = !this.checked.current;
-    };
-    #onkeydown = (e) => {
+    }
+    onkeydown(e) {
         if (!(e.key === kbd.ENTER || e.key === kbd.SPACE) || this.disabled.current)
             return;
         e.preventDefault();
         this.#toggle();
-    };
-    #onclick = () => {
+    }
+    onclick(_) {
         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),
@@ -56,12 +51,12 @@ 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]: "",
         //
-        onclick: this.#onclick,
-        onkeydown: this.#onkeydown,
+        onclick: this.onclick,
+        onkeydown: this.onkeydown,
     }));
 }
 class SwitchInputState {
@@ -100,16 +95,13 @@ class SwitchThumbState {
         [THUMB_ATTR]: "",
     }));
 }
-//
-// CONTEXT METHODS
-//
-const [setSwitchRootContext, getSwitchRootContext] = createContext("Switch.Root");
+const SwitchRootContext = new Context("Switch.Root");
 export function useSwitchRoot(props) {
-    return setSwitchRootContext(new SwitchRootState(props));
+    return SwitchRootContext.set(new SwitchRootState(props));
 }
 export function useSwitchInput() {
-    return getSwitchRootContext().createInput();
+    return new SwitchInputState(SwitchRootContext.get());
 }
 export function useSwitchThumb(props) {
-    return getSwitchRootContext().createThumb(props);
+    return new SwitchThumbState(props, SwitchRootContext.get());
 }

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;
 };
@@ -39,18 +39,9 @@ export type SwitchRootPropsWithoutHTML = WithChild<{
      * A callback function called when the checked state changes.
      */
     onCheckedChange?: OnChangeFn<boolean>;
-    /**
-     * Whether or not the checkbox is controlled or not. If `true`, the checkbox will not update
-     * the checked state internally, instead it will call `onCheckedChange` when it would have
-     * otherwise, and it is up to you to update the `checked` prop that is passed to the
-     * component.
-     *
-     * @defaultValue false
-     */
-    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,19 +1,4 @@
-import type { ContentProps } from "../index.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;
-    } & Exports;
-    (internal: unknown, props: Props & {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
-    };
-    z_$$bindings?: Bindings;
-}
-declare const TabsContent: $$__sveltets_2_IsomorphicComponent<ContentProps, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, "ref">;
-type TabsContent = InstanceType<typeof TabsContent>;
+import type { TabsContentProps } from "../types.js";
+declare const TabsContent: import("svelte").Component<TabsContentProps, {}, "ref">;
+type TabsContent = ReturnType<typeof TabsContent>;
 export default 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,19 +1,4 @@
-import type { ListProps } from "../index.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;
-    } & Exports;
-    (internal: unknown, props: Props & {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
-    };
-    z_$$bindings?: Bindings;
-}
-declare const TabsList: $$__sveltets_2_IsomorphicComponent<ListProps, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, "ref">;
-type TabsList = InstanceType<typeof TabsList>;
+import type { TabsListProps } from "../types.js";
+declare const TabsList: import("svelte").Component<TabsListProps, {}, "ref">;
+type TabsList = ReturnType<typeof TabsList>;
 export default 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,19 +1,4 @@
-import type { TriggerProps } from "../index.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;
-    } & Exports;
-    (internal: unknown, props: Props & {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
-    };
-    z_$$bindings?: Bindings;
-}
-declare const TabsTrigger: $$__sveltets_2_IsomorphicComponent<TriggerProps, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, "ref">;
-type TabsTrigger = InstanceType<typeof TabsTrigger>;
+import type { TabsTriggerProps } from "../types.js";
+declare const TabsTrigger: import("svelte").Component<TabsTriggerProps, {}, "ref">;
+type TabsTrigger = ReturnType<typeof TabsTrigger>;
 export default 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(),
@@ -15,23 +14,18 @@
 		loop = true,
 		activationMode = "automatic",
 		disabled = false,
-		controlledValue = false,
 		children,
 		child,
 		...restProps
-	}: RootProps = $props();
+	}: TabsRootProps = $props();
 
 	const rootState = useTabsRoot({
 		id: box.with(() => id),
 		value: box.with(
 			() => value,
 			(v) => {
-				if (controlledValue) {
-					onValueChange(v);
-				} else {
-					value = v;
-					onValueChange(v);
-				}
+				value = v;
+				onValueChange(v);
 			}
 		),
 		orientation: box.with(() => orientation),

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

@@ -1,19 +1,4 @@
-import type { RootProps } from "../index.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;
-    } & Exports;
-    (internal: unknown, props: Props & {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
-    };
-    z_$$bindings?: Bindings;
-}
-declare const Tabs: $$__sveltets_2_IsomorphicComponent<RootProps, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, "value" | "ref">;
-type Tabs = InstanceType<typeof Tabs>;
+import type { TabsRootProps } from "../types.js";
+declare const Tabs: import("svelte").Component<TabsRootProps, {}, "value" | "ref">;
+type Tabs = ReturnType<typeof Tabs>;
 export default 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,9 @@
 import { SvelteMap } from "svelte/reactivity";
 import type { TabsActivationMode } from "./types.js";
 import type { ReadableBoxedValues, WritableBoxedValues } from "../../internal/box.svelte.js";
-import type { WithRefProps } from "../../internal/types.js";
+import type { BitsFocusEvent, BitsKeyboardEvent, BitsMouseEvent, 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;
@@ -25,12 +25,9 @@ declare class TabsRootState {
     valueToTriggerId: SvelteMap<string, string>;
     valueToContentId: SvelteMap<string, string>;
     constructor(props: TabsRootStateProps);
-    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;
+    registerTrigger(id: string, value: string): () => void;
+    registerContent(id: string, value: string): () => void;
+    setValue(v: string): void;
     props: {
         readonly id: string;
         readonly "data-orientation": "horizontal" | "vertical";
@@ -57,7 +54,9 @@ type TabsTriggerStateProps = WithRefProps<ReadableBoxedValues<{
 declare class TabsTriggerState {
     #private;
     constructor(props: TabsTriggerStateProps, root: TabsRootState);
-    activate: () => void;
+    onfocus(_: BitsFocusEvent): void;
+    onclick(_: BitsMouseEvent): void;
+    onkeydown(e: BitsKeyboardEvent): void;
     props: {
         readonly id: string;
         readonly role: "tab";
@@ -65,14 +64,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: (_: BitsMouseEvent) => void;
+        readonly onfocus: (_: BitsFocusEvent) => void;
+        readonly onkeydown: (e: BitsKeyboardEvent) => void;
     };
 }
 type TabsContentStateProps = WithRefProps<ReadableBoxedValues<{