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

package/dist/app.d.ts

@@ -0,0 +1,14 @@
+/* eslint-disable no-var */
+import type { ReadableBox } from "svelte-toolbelt";
+import type { DismissibleLayerState } from "./bits/utilities/dismissible-layer/use-dismissable-layer.svelte.ts";
+import type { InteractOutsideBehaviorType } from "./bits/utilities/dismissible-layer/types.ts";
+import type { EscapeLayerState } from "./bits/utilities/escape-layer/use-escape-layer.svelte.ts";
+import type { EscapeBehaviorType } from "./bits/utilities/escape-layer/types.ts";
+import type { TextSelectionLayerState } from "./bits/utilities/text-selection-layer/use-text-selection-layer.svelte.ts";
+
+declare global {
+	var bitsDismissableLayers: Map<DismissibleLayerState, ReadableBox<InteractOutsideBehaviorType>>;
+	var bitsEscapeLayers: Map<EscapeLayerState, ReadableBox<EscapeBehaviorType>>;
+	var bitsTextSelectionLayers: Map<TextSelectionLayerState, ReadableBox<boolean>>;
+	var bitsIdCounter: { current: number };
+}

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

@@ -1,6 +1,6 @@
 import type { Box, ReadableBoxedValues, WritableBoxedValues } from "../../internal/box.svelte.js";
-import type { WithRefProps } from "../../internal/types.js";
-import { type UseRovingFocusReturn } from "../../internal/useRovingFocus.svelte.js";
+import type { BitsKeyboardEvent, BitsMouseEvent, WithRefProps } from "../../internal/types.js";
+import { type UseRovingFocusReturn } from "../../internal/use-roving-focus.svelte.js";
 import type { Orientation } from "../../shared/index.js";
 type AccordionBaseStateProps = WithRefProps<ReadableBoxedValues<{
     disabled: boolean;
@@ -27,8 +27,8 @@ export declare class AccordionSingleState extends AccordionBaseState {
     #private;
     isMulti: false;
     constructor(props: AccordionSingleStateProps);
-    includesItem: (item: string) => boolean;
-    toggleItem: (item: string) => void;
+    includesItem(item: string): boolean;
+    toggleItem(item: string): void;
 }
 type AccordionMultiStateProps = AccordionBaseStateProps & WritableBoxedValues<{
     value: string[];
@@ -37,8 +37,8 @@ export declare class AccordionMultiState extends AccordionBaseState {
     #private;
     isMulti: true;
     constructor(props: AccordionMultiStateProps);
-    includesItem: (item: string) => boolean;
-    toggleItem: (item: string) => void;
+    includesItem(item: string): boolean;
+    toggleItem(item: string): void;
 }
 type AccordionItemStateProps = WithRefProps<ReadableBoxedValues<{
     value: string;
@@ -54,10 +54,7 @@ export declare class AccordionItemState {
     isActive: boolean;
     isDisabled: boolean;
     constructor(props: AccordionItemStateProps);
-    updateValue: () => void;
-    createTrigger(props: AccordionTriggerStateProps): AccordionTriggerState;
-    createContent(props: AccordionContentStateProps): AccordionContentState;
-    createHeader(props: AccordionHeaderStateProps): AccordionHeaderState;
+    updateValue(): void;
     props: {
         readonly id: string;
         readonly "data-state": "open" | "closed";
@@ -72,18 +69,20 @@ type AccordionTriggerStateProps = WithRefProps<ReadableBoxedValues<{
 declare class AccordionTriggerState {
     #private;
     constructor(props: AccordionTriggerStateProps, itemState: AccordionItemState);
+    onclick(e: BitsMouseEvent): void;
+    onkeydown(e: BitsKeyboardEvent): void;
     props: {
         readonly id: string;
         readonly disabled: boolean;
-        readonly "aria-expanded": "false" | "true";
-        readonly "aria-disabled": "false" | "true";
+        readonly "aria-expanded": "true" | "false";
+        readonly "aria-disabled": "true" | "false";
         readonly "data-disabled": "" | undefined;
         readonly "data-state": "open" | "closed";
         readonly "data-orientation": "horizontal" | "vertical";
         readonly "data-accordion-trigger": "";
         readonly tabindex: 0;
-        readonly onclick: () => void;
-        readonly onkeydown: (e: KeyboardEvent) => void;
+        readonly onclick: (e: BitsMouseEvent) => void;
+        readonly onkeydown: (e: BitsKeyboardEvent) => void;
     };
 }
 type AccordionContentStateProps = WithRefProps<ReadableBoxedValues<{
@@ -118,8 +117,8 @@ declare class AccordionHeaderState {
     props: {
         readonly id: string;
         readonly role: "heading";
-        readonly "aria-level": 3 | 4 | 2 | 1 | 5 | 6;
-        readonly "data-heading-level": 3 | 4 | 2 | 1 | 5 | 6;
+        readonly "aria-level": 1 | 2 | 3 | 4 | 5 | 6;
+        readonly "data-heading-level": 1 | 2 | 3 | 4 | 5 | 6;
         readonly "data-state": "open" | "closed";
         readonly "data-orientation": "horizontal" | "vertical";
         readonly "data-accordion-header": "";

package/dist/bits/accordion/accordion.svelte.js

@@ -1,9 +1,8 @@
-import { afterTick } from "../../internal/afterTick.js";
+import { afterTick, useRefById } from "svelte-toolbelt";
+import { Context, watch } from "runed";
 import { getAriaDisabled, getAriaExpanded, getDataDisabled, getDataOpenClosed, getDataOrientation, } from "../../internal/attrs.js";
 import { kbd } from "../../internal/kbd.js";
-import { useRefById } from "../../internal/useRefById.svelte.js";
-import { useRovingFocus } from "../../internal/useRovingFocus.svelte.js";
-import { createContext } from "../../internal/createContext.js";
+import { useRovingFocus, } from "../../internal/use-roving-focus.svelte.js";
 const ACCORDION_ROOT_ATTR = "data-accordion-root";
 const ACCORDION_TRIGGER_ATTR = "data-accordion-trigger";
 const ACCORDION_CONTENT_ATTR = "data-accordion-content";
@@ -21,7 +20,7 @@ class AccordionBaseState {
         this.disabled = props.disabled;
         this.#ref = props.ref;
         useRefById({
-            id: props.id,
+            id: this.#id,
             ref: this.#ref,
         });
         this.orientation = props.orientation;
@@ -46,13 +45,15 @@ export class AccordionSingleState extends AccordionBaseState {
     constructor(props) {
         super(props);
         this.#value = props.value;
+        this.includesItem = this.includesItem.bind(this);
+        this.toggleItem = this.toggleItem.bind(this);
     }
-    includesItem = (item) => {
+    includesItem(item) {
         return this.#value.current === item;
-    };
-    toggleItem = (item) => {
+    }
+    toggleItem(item) {
         this.#value.current = this.includesItem(item) ? "" : item;
-    };
+    }
 }
 export class AccordionMultiState extends AccordionBaseState {
     #value;
@@ -60,18 +61,20 @@ export class AccordionMultiState extends AccordionBaseState {
     constructor(props) {
         super(props);
         this.#value = props.value;
+        this.includesItem = this.includesItem.bind(this);
+        this.toggleItem = this.toggleItem.bind(this);
     }
-    includesItem = (item) => {
+    includesItem(item) {
         return this.#value.current.includes(item);
-    };
-    toggleItem = (item) => {
+    }
+    toggleItem(item) {
         if (this.includesItem(item)) {
             this.#value.current = this.#value.current.filter((v) => v !== item);
         }
         else {
             this.#value.current = [...this.#value.current, item];
         }
-    };
+    }
 }
 export class AccordionItemState {
     #id;
@@ -87,23 +90,15 @@ export class AccordionItemState {
         this.root = props.rootState;
         this.#id = props.id;
         this.#ref = props.ref;
+        this.updateValue = this.updateValue.bind(this);
         useRefById({
             id: this.#id,
             ref: this.#ref,
-            condition: () => this.isActive,
+            deps: () => this.isActive,
         });
     }
-    updateValue = () => {
+    updateValue() {
         this.root.toggleItem(this.value.current);
-    };
-    createTrigger(props) {
-        return new AccordionTriggerState(props, this);
-    }
-    createContent(props) {
-        return new AccordionContentState(props, this);
-    }
-    createHeader(props) {
-        return new AccordionHeaderState(props, this);
     }
     props = $derived.by(() => ({
         id: this.#id.current,
@@ -128,24 +123,30 @@ class AccordionTriggerState {
         this.#root = itemState.root;
         this.#id = props.id;
         this.#ref = props.ref;
+        this.onkeydown = this.onkeydown.bind(this);
+        this.onclick = this.onclick.bind(this);
         useRefById({
             id: props.id,
             ref: this.#ref,
         });
     }
-    #onclick = () => {
+    onclick(e) {
         if (this.#isDisabled)
             return;
+        if (e.button !== 0)
+            return e.preventDefault();
         this.#itemState.updateValue();
-    };
-    #onkeydown = (e) => {
+    }
+    onkeydown(e) {
+        if (this.#isDisabled)
+            return;
         if (e.key === kbd.SPACE || e.key === kbd.ENTER) {
             e.preventDefault();
             this.#itemState.updateValue();
             return;
         }
         this.#root.rovingFocusGroup.handleKeydown(this.#ref.current, e);
-    };
+    }
     props = $derived.by(() => ({
         id: this.#id.current,
         disabled: this.#isDisabled,
@@ -157,8 +158,8 @@ class AccordionTriggerState {
         [ACCORDION_TRIGGER_ATTR]: "",
         tabindex: 0,
         //
-        onclick: this.#onclick,
-        onkeydown: this.#onkeydown,
+        onclick: this.onclick,
+        onkeydown: this.onkeydown,
     }));
 }
 class AccordionContentState {
@@ -189,9 +190,7 @@ class AccordionContentState {
                 cancelAnimationFrame(rAF);
             };
         });
-        $effect(() => {
-            this.present;
-            const node = this.#ref.current;
+        watch([() => this.present, () => this.#ref.current], ([_, node]) => {
             if (!node)
                 return;
             afterTick(() => {
@@ -257,25 +256,25 @@ class AccordionHeaderState {
         [ACCORDION_HEADER_ATTR]: "",
     }));
 }
-const [setAccordionRootContext, getAccordionRootContext] = createContext("Accordion.Root");
-const [setAccordionItemContext, getAccordionItemContext] = createContext("Accordion.Item");
+const AccordionRootContext = new Context("Accordion.Root");
+const AccordionItemContext = new Context("Accordion.Item");
 export function useAccordionRoot(props) {
     const { type, ...rest } = props;
     const rootState = type === "single"
         ? new AccordionSingleState(rest)
         : new AccordionMultiState(rest);
-    return setAccordionRootContext(rootState);
+    return AccordionRootContext.set(rootState);
 }
 export function useAccordionItem(props) {
-    const rootState = getAccordionRootContext();
-    return setAccordionItemContext(new AccordionItemState({ ...props, rootState }));
+    const rootState = AccordionRootContext.get();
+    return AccordionItemContext.set(new AccordionItemState({ ...props, rootState }));
 }
 export function useAccordionTrigger(props) {
-    return getAccordionItemContext().createTrigger(props);
+    return new AccordionTriggerState(props, AccordionItemContext.get());
 }
 export function useAccordionContent(props) {
-    return getAccordionItemContext().createContent(props);
+    return new AccordionContentState(props, AccordionItemContext.get());
 }
 export function useAccordionHeader(props) {
-    return getAccordionItemContext().createHeader(props);
+    return new AccordionHeaderState(props, AccordionItemContext.get());
 }

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

@@ -1,10 +1,9 @@
 <script lang="ts">
-	import { box } from "svelte-toolbelt";
+	import { box, mergeProps } from "svelte-toolbelt";
 	import { useAccordionContent } from "../accordion.svelte.js";
 	import type { AccordionContentProps } from "../types.js";
 	import { PresenceLayer } from "../../utilities/presence-layer/index.js";
-	import { mergeProps } from "../../../internal/mergeProps.js";
-	import { useId } from "../../../internal/useId.js";
+	import { useId } from "../../../internal/use-id.js";
 
 	let {
 		child,
@@ -37,7 +36,7 @@
 			})}
 		{:else}
 			<div {...mergedProps}>
-				{@render children?.(contentState.snippetProps)}
+				{@render children?.()}
 			</div>
 		{/if}
 	{/snippet}

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

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

package/dist/bits/accordion/components/accordion-header.svelte

@@ -1,9 +1,8 @@
 <script lang="ts">
-	import { box } from "svelte-toolbelt";
+	import { box, mergeProps } from "svelte-toolbelt";
 	import type { AccordionHeaderProps } from "../types.js";
 	import { useAccordionHeader } from "../accordion.svelte.js";
-	import { mergeProps } from "../../../internal/mergeProps.js";
-	import { useId } from "../../../internal/useId.js";
+	import { useId } from "../../../internal/use-id.js";
 
 	let {
 		id = useId(),

package/dist/bits/accordion/components/accordion-header.svelte.d.ts

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

package/dist/bits/accordion/components/accordion-item.svelte

@@ -1,9 +1,8 @@
 <script lang="ts">
-	import { box } from "svelte-toolbelt";
+	import { box, mergeProps } from "svelte-toolbelt";
 	import type { AccordionItemProps } from "../types.js";
 	import { useAccordionItem } from "../accordion.svelte.js";
-	import { mergeProps } from "../../../internal/mergeProps.js";
-	import { useId } from "../../../internal/useId.js";
+	import { useId } from "../../../internal/use-id.js";
 
 	let {
 		id = useId(),

package/dist/bits/accordion/components/accordion-item.svelte.d.ts

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

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

@@ -1,9 +1,8 @@
 <script lang="ts">
-	import { box } from "svelte-toolbelt";
+	import { box, mergeProps } from "svelte-toolbelt";
 	import type { AccordionTriggerProps } from "../types.js";
 	import { useAccordionTrigger } from "../accordion.svelte.js";
-	import { mergeProps } from "../../../internal/mergeProps.js";
-	import { useId } from "../../../internal/useId.js";
+	import { useId } from "../../../internal/use-id.js";
 
 	let {
 		disabled = false,

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

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

package/dist/bits/accordion/components/accordion.svelte

@@ -1,10 +1,9 @@
 <script lang="ts">
-	import { type WritableBox, box } from "svelte-toolbelt";
+	import { type WritableBox, box, mergeProps } from "svelte-toolbelt";
 	import { useAccordionRoot } from "../accordion.svelte.js";
-	import type { RootProps } from "../index.js";
-	import { mergeProps } from "../../../internal/mergeProps.js";
-	import { useId } from "../../../internal/useId.js";
-	import { noop } from "../../../internal/callbacks.js";
+	import type { AccordionRootProps } from "../types.js";
+	import { useId } from "../../../internal/use-id.js";
+	import { noop } from "../../../internal/noop.js";
 
 	let {
 		disabled = false,
@@ -17,9 +16,8 @@
 		onValueChange = noop,
 		loop = true,
 		orientation = "vertical",
-		controlledValue = false,
 		...restProps
-	}: RootProps = $props();
+	}: AccordionRootProps = $props();
 
 	value === undefined && (value = type === "single" ? "" : []);
 
@@ -28,12 +26,9 @@
 		value: box.with(
 			() => value!,
 			(v) => {
-				if (controlledValue) {
-					onValueChange(v as any);
-				} else {
-					value = v;
-					onValueChange(v as any);
-				}
+				value = v;
+				// eslint-disable-next-line @typescript-eslint/no-explicit-any
+				onValueChange(v as any);
 			}
 		) as WritableBox<string> | WritableBox<string[]>,
 		id: box.with(() => id),

package/dist/bits/accordion/components/accordion.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 Accordion: $$__sveltets_2_IsomorphicComponent<RootProps, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, "value" | "ref">;
-type Accordion = InstanceType<typeof Accordion>;
+import type { AccordionRootProps } from "../types.js";
+declare const Accordion: import("svelte").Component<AccordionRootProps, {}, "value" | "ref">;
+type Accordion = ReturnType<typeof Accordion>;
 export default Accordion;

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

@@ -0,0 +1,6 @@
+export { default as Root } from "./components/accordion.svelte";
+export { default as Item } from "./components/accordion-item.svelte";
+export { default as Header } from "./components/accordion-header.svelte";
+export { default as Trigger } from "./components/accordion-trigger.svelte";
+export { default as Content } from "./components/accordion-content.svelte";
+export type { AccordionRootProps as RootProps, AccordionItemProps as ItemProps, AccordionHeaderProps as HeaderProps, AccordionTriggerProps as TriggerProps, AccordionContentProps as ContentProps, } from "./types.js";

package/dist/bits/accordion/exports.js

@@ -0,0 +1,5 @@
+export { default as Root } from "./components/accordion.svelte";
+export { default as Item } from "./components/accordion-item.svelte";
+export { default as Header } from "./components/accordion-header.svelte";
+export { default as Trigger } from "./components/accordion-trigger.svelte";
+export { default as Content } from "./components/accordion-content.svelte";

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

@@ -1,6 +1 @@
-export { default as Root } from "./components/accordion.svelte";
-export { default as Item } from "./components/accordion-item.svelte";
-export { default as Header } from "./components/accordion-header.svelte";
-export { default as Trigger } from "./components/accordion-trigger.svelte";
-export { default as Content } from "./components/accordion-content.svelte";
-export type { AccordionRootProps as RootProps, AccordionItemProps as ItemProps, AccordionHeaderProps as HeaderProps, AccordionTriggerProps as TriggerProps, AccordionContentProps as ContentProps, } from "./types.js";
+export * as Accordion from "./exports.js";

package/dist/bits/accordion/index.js

@@ -1,5 +1 @@
-export { default as Root } from "./components/accordion.svelte";
-export { default as Item } from "./components/accordion-item.svelte";
-export { default as Header } from "./components/accordion-header.svelte";
-export { default as Trigger } from "./components/accordion-trigger.svelte";
-export { default as Content } from "./components/accordion-content.svelte";
+export * as Accordion from "./exports.js";

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

@@ -1,5 +1,5 @@
-import type { OnChangeFn, WithChild, Without } from "../../internal/types.js";
-import type { PrimitiveButtonAttributes, PrimitiveDivAttributes } from "../../shared/attributes.js";
+import type { OnChangeFn, WithChild, WithChildNoChildrenSnippetProps, Without } from "../../internal/types.js";
+import type { BitsPrimitiveButtonAttributes, BitsPrimitiveDivAttributes } from "../../shared/attributes.js";
 import type { Orientation } from "../../shared/index.js";
 export type BaseAccordionRootPropsWithoutHTML = {
     /**
@@ -16,20 +16,11 @@ export type BaseAccordionRootPropsWithoutHTML = {
      */
     loop?: boolean;
     /**
-     * The orienation of the accordion.
+     * The orientation of the accordion.
      *
      * @defaultValue "vertical"
      */
     orientation?: Orientation;
-    /**
-     * Whether the value of the accordion is controlled or not.
-     * If `true`, the accordion will not update the value internally, instead
-     * it will call `onValueChange` when it would have otherwise, and it is up to you
-     * to update the `value` prop.
-     *
-     * @defaultValue false
-     */
-    controlledValue?: boolean;
 };
 export type AccordionRootSinglePropsWithoutHTML = BaseAccordionRootPropsWithoutHTML & {
     /**
@@ -74,16 +65,16 @@ export type AccordionRootMultiplePropsWithoutHTML = BaseAccordionRootPropsWithou
     onValueChange?: OnChangeFn<string[]>;
 };
 export type AccordionRootPropsWithoutHTML = WithChild<AccordionRootSinglePropsWithoutHTML> | WithChild<AccordionRootMultiplePropsWithoutHTML>;
-export type AccordionRootProps = AccordionRootPropsWithoutHTML & Without<PrimitiveDivAttributes, AccordionRootPropsWithoutHTML>;
+export type AccordionRootProps = AccordionRootPropsWithoutHTML & Without<BitsPrimitiveDivAttributes, AccordionRootPropsWithoutHTML>;
 export type AccordionTriggerPropsWithoutHTML = WithChild;
-export type AccordionTriggerProps = AccordionTriggerPropsWithoutHTML & Without<PrimitiveButtonAttributes, AccordionTriggerPropsWithoutHTML>;
+export type AccordionTriggerProps = AccordionTriggerPropsWithoutHTML & Without<BitsPrimitiveButtonAttributes, AccordionTriggerPropsWithoutHTML>;
 export type AccordionContentSnippetProps = {
     /**
      * Whether the accordion content is active/open or not.
      */
     open: boolean;
 };
-export type AccordionContentPropsWithoutHTML = WithChild<{
+export type AccordionContentPropsWithoutHTML = WithChildNoChildrenSnippetProps<{
     /**
      * Whether to forcefully mount the content, regardless of the open state.
      * This is useful if you want to use Svelte transitions for the content.
@@ -92,7 +83,7 @@ export type AccordionContentPropsWithoutHTML = WithChild<{
      */
     forceMount?: boolean;
 }, AccordionContentSnippetProps>;
-export type AccordionContentProps = AccordionContentPropsWithoutHTML & Without<PrimitiveDivAttributes, AccordionContentPropsWithoutHTML>;
+export type AccordionContentProps = AccordionContentPropsWithoutHTML & Without<BitsPrimitiveDivAttributes, AccordionContentPropsWithoutHTML>;
 export type AccordionItemPropsWithoutHTML = WithChild<{
     /**
      * The value of the accordion item. This is used to identify if the item is open or closed.
@@ -106,7 +97,7 @@ export type AccordionItemPropsWithoutHTML = WithChild<{
      */
     disabled?: boolean;
 }>;
-export type AccordionItemProps = AccordionItemPropsWithoutHTML & PrimitiveDivAttributes;
+export type AccordionItemProps = AccordionItemPropsWithoutHTML & BitsPrimitiveDivAttributes;
 export type AccordionHeaderPropsWithoutHTML = WithChild<{
     /**
      * The level of the accordion header, applied to the element's `aria-level` attribute.
@@ -116,4 +107,4 @@ export type AccordionHeaderPropsWithoutHTML = WithChild<{
      */
     level?: 1 | 2 | 3 | 4 | 5 | 6;
 }>;
-export type AccordionHeaderProps = AccordionHeaderPropsWithoutHTML & PrimitiveDivAttributes;
+export type AccordionHeaderProps = AccordionHeaderPropsWithoutHTML & BitsPrimitiveDivAttributes;

package/dist/bits/alert-dialog/components/alert-dialog-action.svelte

@@ -1,8 +1,7 @@
 <script lang="ts">
-	import { box } from "svelte-toolbelt";
-	import type { ActionProps } from "../index.js";
-	import { mergeProps } from "../../../internal/mergeProps.js";
-	import { useId } from "../../../internal/useId.js";
+	import { box, mergeProps } from "svelte-toolbelt";
+	import type { AlertDialogActionProps } from "../types.js";
+	import { useId } from "../../../internal/use-id.js";
 	import { useAlertDialogAction } from "../../dialog/dialog.svelte.js";
 
 	let {
@@ -11,7 +10,7 @@
 		id = useId(),
 		ref = $bindable(null),
 		...restProps
-	}: ActionProps = $props();
+	}: AlertDialogActionProps = $props();
 
 	const actionState = useAlertDialogAction({
 		id: box.with(() => id),

package/dist/bits/alert-dialog/components/alert-dialog-action.svelte.d.ts

@@ -1,18 +1,3 @@
-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 AlertDialogAction: $$__sveltets_2_IsomorphicComponent<import("../index.js").TriggerProps, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, "ref">;
-type AlertDialogAction = InstanceType<typeof AlertDialogAction>;
+declare const AlertDialogAction: import("svelte").Component<import("../types.js").AlertDialogTriggerProps, {}, "ref">;
+type AlertDialogAction = ReturnType<typeof AlertDialogAction>;
 export default AlertDialogAction;