bits-ui 1.0.0-next.11 → 1.0.0-next.13

package/dist/bits/toggle/components/toggle.svelte

@@ -1,10 +1,9 @@
 <script lang="ts">
-	import { box } from "svelte-toolbelt";
+	import { box, mergeProps } from "svelte-toolbelt";
 	import type { ToggleRootProps } from "../types.js";
 	import { useToggleRoot } from "../toggle.svelte.js";
-	import { mergeProps } from "../../../internal/merge-props.js";
 	import { useId } from "../../../internal/use-id.js";
-	import { noop } from "../../../internal/callbacks.js";
+	import { noop } from "../../../internal/noop.js";
 
 	let {
 		ref = $bindable(null),

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

@@ -12,7 +12,7 @@ declare class ToggleRootState {
     props: {
         readonly "data-toggle-root": "";
         readonly "data-disabled": "" | undefined;
-        readonly "aria-pressed": "false" | "true";
+        readonly "aria-pressed": "true" | "false";
         readonly "data-state": "on" | "off";
         readonly disabled: true | undefined;
         readonly onclick: () => void;

package/dist/bits/toggle/toggle.svelte.js

@@ -1,6 +1,6 @@
+import { useRefById } from "svelte-toolbelt";
 import { getAriaPressed, getDataDisabled, getDisabled } from "../../internal/attrs.js";
 import { kbd } from "../../internal/kbd.js";
-import { useRefById } from "../../internal/use-ref-by-id.svelte.js";
 const ROOT_ATTR = "data-toggle-root";
 class ToggleRootState {
     #id;

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

@@ -1,5 +1,5 @@
 import type { OnChangeFn, WithChild, Without } from "../../internal/types.js";
-import type { PrimitiveButtonAttributes } from "../../shared/attributes.js";
+import type { BitsPrimitiveButtonAttributes } from "../../shared/attributes.js";
 export type ToggleRootSnippetProps = {
     pressed: boolean;
 };
@@ -30,4 +30,4 @@ export type ToggleRootPropsWithoutHTML = WithChild<{
      */
     controlledPressed?: boolean;
 }, ToggleRootSnippetProps>;
-export type ToggleRootProps = ToggleRootPropsWithoutHTML & Without<PrimitiveButtonAttributes, ToggleRootPropsWithoutHTML>;
+export type ToggleRootProps = ToggleRootPropsWithoutHTML & Without<BitsPrimitiveButtonAttributes, ToggleRootPropsWithoutHTML>;

package/dist/bits/toggle-group/components/toggle-group-item.svelte

@@ -1,9 +1,8 @@
 <script lang="ts">
-	import { box } from "svelte-toolbelt";
+	import { box, mergeProps } from "svelte-toolbelt";
 	import type { ToggleGroupItemProps } from "../types.js";
 	import { useToggleGroupItem } from "../toggle-group.svelte.js";
 	import { useId } from "../../../internal/use-id.js";
-	import { mergeProps } from "../../../internal/merge-props.js";
 
 	let {
 		children,

package/dist/bits/toggle-group/components/toggle-group.svelte

@@ -1,10 +1,10 @@
 <script lang="ts">
 	import { type WritableBox, box } from "svelte-toolbelt";
+	import { mergeProps } from "svelte-toolbelt";
 	import type { ToggleGroupRootProps } from "../types.js";
 	import { useToggleGroupRoot } from "../toggle-group.svelte.js";
 	import { useId } from "../../../internal/use-id.js";
-	import { mergeProps } from "../../../internal/merge-props.js";
-	import { noop } from "../../../internal/callbacks.js";
+	import { noop } from "../../../internal/noop.js";
 
 	let {
 		id = useId(),

package/dist/bits/toggle-group/toggle-group.svelte.d.ts

@@ -1,4 +1,4 @@
-import type { WritableBox } from "svelte-toolbelt";
+import { type WritableBox } from "svelte-toolbelt";
 import type { ReadableBoxedValues, WritableBoxedValues } from "../../internal/box.svelte.js";
 import type { Orientation } from "../../shared/index.js";
 import { type UseRovingFocusReturn } from "../../internal/use-roving-focus.svelte.js";
@@ -68,8 +68,8 @@ declare class ToggleGroupItemState {
         readonly "data-disabled": "" | undefined;
         readonly "data-state": "on" | "off";
         readonly "data-value": string;
-        readonly "aria-pressed": "false" | "true" | undefined;
-        readonly "aria-checked": "mixed" | "false" | "true" | undefined;
+        readonly "aria-pressed": "true" | "false" | undefined;
+        readonly "aria-checked": "true" | "false" | "mixed" | undefined;
         readonly disabled: true | undefined;
         readonly "data-toggle-group-item": "";
         readonly onclick: () => void;

package/dist/bits/toggle-group/toggle-group.svelte.js

@@ -1,6 +1,6 @@
+import { useRefById } from "svelte-toolbelt";
 import { getAriaChecked, getAriaPressed, getDataDisabled, getDataOrientation, getDisabled, } from "../../internal/attrs.js";
 import { kbd } from "../../internal/kbd.js";
-import { useRefById } from "../../internal/use-ref-by-id.svelte.js";
 import { useRovingFocus, } from "../../internal/use-roving-focus.svelte.js";
 import { createContext } from "../../internal/create-context.js";
 const ROOT_ATTR = "data-toggle-group-root";

package/dist/bits/toggle-group/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 { BitsPrimitiveButtonAttributes, BitsPrimitiveDivAttributes } from "../../shared/attributes.js";
 import type { Orientation } from "../../index.js";
 export type BaseToggleGroupRootProps = {
     /**
@@ -42,15 +42,15 @@ export type SingleToggleGroupRootPropsWithoutHTML = WithChild<BaseToggleGroupRoo
     value?: string;
     onValueChange?: OnChangeFn<string>;
 }>;
-export type SingleToggleGroupRootProps = SingleToggleGroupRootPropsWithoutHTML & Without<PrimitiveDivAttributes, SingleToggleGroupRootPropsWithoutHTML>;
+export type SingleToggleGroupRootProps = SingleToggleGroupRootPropsWithoutHTML & Without<BitsPrimitiveDivAttributes, SingleToggleGroupRootPropsWithoutHTML>;
 export type MultipleToggleGroupRootPropsWithoutHTML = WithChild<BaseToggleGroupRootProps> & {
     type: "multiple";
     value?: string[];
     onValueChange?: OnChangeFn<string[]>;
 };
-export type MultipleToggleGroupRootProps = MultipleToggleGroupRootPropsWithoutHTML & Without<PrimitiveDivAttributes, MultipleToggleGroupRootPropsWithoutHTML>;
+export type MultipleToggleGroupRootProps = MultipleToggleGroupRootPropsWithoutHTML & Without<BitsPrimitiveDivAttributes, MultipleToggleGroupRootPropsWithoutHTML>;
 export type ToggleGroupRootPropsWithoutHTML = SingleToggleGroupRootPropsWithoutHTML | MultipleToggleGroupRootPropsWithoutHTML;
-export type ToggleGroupRootProps = ToggleGroupRootPropsWithoutHTML & Without<PrimitiveDivAttributes, ToggleGroupRootPropsWithoutHTML>;
+export type ToggleGroupRootProps = ToggleGroupRootPropsWithoutHTML & Without<BitsPrimitiveDivAttributes, ToggleGroupRootPropsWithoutHTML>;
 export type ToggleGroupItemSnippetProps = {
     pressed: boolean;
 };
@@ -66,4 +66,4 @@ export type ToggleGroupItemPropsWithoutHTML = WithChild<{
      */
     value: string;
 }, ToggleGroupItemSnippetProps>;
-export type ToggleGroupItemProps = ToggleGroupItemPropsWithoutHTML & Without<PrimitiveButtonAttributes, ToggleGroupItemPropsWithoutHTML>;
+export type ToggleGroupItemProps = ToggleGroupItemPropsWithoutHTML & Without<BitsPrimitiveButtonAttributes, ToggleGroupItemPropsWithoutHTML>;

package/dist/bits/toolbar/components/toolbar-button.svelte

@@ -1,9 +1,8 @@
 <script lang="ts">
-	import { box } from "svelte-toolbelt";
+	import { box, mergeProps } from "svelte-toolbelt";
 	import type { ToolbarButtonProps } from "../types.js";
 	import { useToolbarButton } from "../toolbar.svelte.js";
 	import { useId } from "../../../internal/use-id.js";
-	import { mergeProps } from "../../../internal/merge-props.js";
 
 	let {
 		child,

package/dist/bits/toolbar/components/toolbar-group-item.svelte

@@ -1,9 +1,8 @@
 <script lang="ts">
-	import { box } from "svelte-toolbelt";
+	import { box, mergeProps } from "svelte-toolbelt";
 	import type { ToolbarGroupItemProps } from "../types.js";
 	import { useToolbarGroupItem } from "../toolbar.svelte.js";
 	import { useId } from "../../../internal/use-id.js";
-	import { mergeProps } from "../../../internal/merge-props.js";
 
 	let {
 		child,

package/dist/bits/toolbar/components/toolbar-group.svelte

@@ -1,10 +1,10 @@
 <script lang="ts">
 	import { type WritableBox, box } from "svelte-toolbelt";
+	import { mergeProps } from "svelte-toolbelt";
 	import type { ToolbarGroupProps } from "../types.js";
 	import { useToolbarGroup } from "../toolbar.svelte.js";
 	import { useId } from "../../../internal/use-id.js";
-	import { mergeProps } from "../../../internal/merge-props.js";
-	import { noop } from "../../../internal/callbacks.js";
+	import { noop } from "../../../internal/noop.js";
 
 	let {
 		id = useId(),

package/dist/bits/toolbar/components/toolbar-link.svelte

@@ -1,8 +1,7 @@
 <script lang="ts">
-	import { box } from "svelte-toolbelt";
+	import { box, mergeProps } from "svelte-toolbelt";
 	import { useToolbarLink } from "../toolbar.svelte.js";
 	import type { ToolbarLinkProps } from "../types.js";
-	import { mergeProps } from "../../../internal/merge-props.js";
 	import { useId } from "../../../internal/use-id.js";
 
 	let {

package/dist/bits/toolbar/components/toolbar.svelte

@@ -1,8 +1,7 @@
 <script lang="ts">
-	import { box } from "svelte-toolbelt";
+	import { box, mergeProps } from "svelte-toolbelt";
 	import type { ToolbarRootProps } from "../types.js";
 	import { useToolbarRoot } from "../toolbar.svelte.js";
-	import { mergeProps } from "../../../internal/merge-props.js";
 	import { useId } from "../../../internal/use-id.js";
 
 	let {

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

@@ -77,8 +77,8 @@ declare class ToolbarGroupItemState {
         readonly "data-disabled": "" | undefined;
         readonly "data-state": "on" | "off";
         readonly "data-value": string;
-        readonly "aria-pressed": "false" | "true" | undefined;
-        readonly "aria-checked": "mixed" | "false" | "true" | undefined;
+        readonly "aria-pressed": "true" | "false" | undefined;
+        readonly "aria-checked": "true" | "false" | "mixed" | undefined;
         readonly "data-toolbar-item": "";
         readonly "data-toolbar-group-item": "";
         readonly disabled: true | undefined;

package/dist/bits/toolbar/toolbar.svelte.js

@@ -1,7 +1,6 @@
-import { box } from "svelte-toolbelt";
+import { useRefById } from "svelte-toolbelt";
 import { getAriaChecked, getAriaPressed, getDataDisabled, getDataOrientation, getDisabled, } from "../../internal/attrs.js";
 import { kbd } from "../../internal/kbd.js";
-import { useRefById } from "../../internal/use-ref-by-id.svelte.js";
 import { useRovingFocus, } from "../../internal/use-roving-focus.svelte.js";
 import { createContext } from "../../internal/create-context.js";
 const ROOT_ATTR = "data-toolbar-root";

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

@@ -1,7 +1,7 @@
 import type { ToggleGroupItemProps, ToggleGroupItemPropsWithoutHTML, ToggleGroupRootPropsWithoutHTML } from "../toggle-group/types.js";
 import type { Orientation } from "../../shared/index.js";
 import type { WithChild, Without } from "../../internal/types.js";
-import type { PrimitiveAnchorAttributes, PrimitiveButtonAttributes, PrimitiveDivAttributes } from "../../shared/attributes.js";
+import type { BitsPrimitiveAnchorAttributes, BitsPrimitiveButtonAttributes, BitsPrimitiveDivAttributes } from "../../shared/attributes.js";
 export type ToolbarRootPropsWithoutHTML = WithChild<{
     /**
      * The orientation of the toolbar. This determines how keyboard navigation
@@ -18,9 +18,9 @@ export type ToolbarRootPropsWithoutHTML = WithChild<{
      */
     loop?: boolean;
 }>;
-export type ToolbarRootProps = ToolbarRootPropsWithoutHTML & Without<PrimitiveDivAttributes, ToolbarRootPropsWithoutHTML>;
+export type ToolbarRootProps = ToolbarRootPropsWithoutHTML & Without<BitsPrimitiveDivAttributes, ToolbarRootPropsWithoutHTML>;
 export type ToolbarGroupPropsWithoutHTML = Omit<ToggleGroupRootPropsWithoutHTML, "orientation" | "loop" | "rovingFocus">;
-export type ToolbarGroupProps = ToolbarGroupPropsWithoutHTML & Without<PrimitiveDivAttributes, ToolbarGroupPropsWithoutHTML>;
+export type ToolbarGroupProps = ToolbarGroupPropsWithoutHTML & Without<BitsPrimitiveDivAttributes, ToolbarGroupPropsWithoutHTML>;
 export type ToolbarGroupItemPropsWithoutHTML = ToggleGroupItemPropsWithoutHTML;
 export type ToolbarGroupItemProps = ToggleGroupItemProps;
 export type ToolbarButtonPropsWithoutHTML = WithChild<{
@@ -29,6 +29,6 @@ export type ToolbarButtonPropsWithoutHTML = WithChild<{
      */
     disabled?: boolean | null | undefined;
 }>;
-export type ToolbarButtonProps = ToolbarButtonPropsWithoutHTML & Without<PrimitiveButtonAttributes, ToolbarButtonPropsWithoutHTML>;
+export type ToolbarButtonProps = ToolbarButtonPropsWithoutHTML & Without<BitsPrimitiveButtonAttributes, ToolbarButtonPropsWithoutHTML>;
 export type ToolbarLinkPropsWithoutHTML = WithChild;
-export type ToolbarLinkProps = ToolbarLinkPropsWithoutHTML & Without<PrimitiveAnchorAttributes, ToolbarLinkPropsWithoutHTML>;
+export type ToolbarLinkProps = ToolbarLinkPropsWithoutHTML & Without<BitsPrimitiveAnchorAttributes, ToolbarLinkPropsWithoutHTML>;

package/dist/bits/tooltip/components/tooltip-content-static.svelte

@@ -1,9 +1,8 @@
 <script lang="ts">
-	import { box } from "svelte-toolbelt";
+	import { box, mergeProps } from "svelte-toolbelt";
 	import type { TooltipContentStaticProps } from "../types.js";
 	import { useTooltipContent } from "../tooltip.svelte.js";
 	import { useId } from "../../../internal/use-id.js";
-	import { mergeProps } from "../../../internal/merge-props.js";
 	import PopperLayer from "../../utilities/popper-layer/popper-layer.svelte";
 
 	let {
@@ -55,7 +54,7 @@
 			{@render child({ props: mergedProps, ...contentState.snippetProps })}
 		{:else}
 			<div {...mergedProps}>
-				{@render children?.(contentState.snippetProps)}
+				{@render children?.()}
 			</div>
 		{/if}
 	{/snippet}

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

@@ -1,9 +1,8 @@
 <script lang="ts">
-	import { box } from "svelte-toolbelt";
+	import { box, mergeProps } from "svelte-toolbelt";
 	import type { TooltipContentProps } from "../types.js";
 	import { useTooltipContent } from "../tooltip.svelte.js";
 	import { useId } from "../../../internal/use-id.js";
-	import { mergeProps } from "../../../internal/merge-props.js";
 	import PopperLayer from "../../utilities/popper-layer/popper-layer.svelte";
 	import { getFloatingContentCSSVars } from "../../../internal/floating-svelte/floating-utils.svelte.js";
 
@@ -76,7 +75,7 @@
 			{@render child({ props: mergedProps, ...contentState.snippetProps })}
 		{:else}
 			<div {...mergedProps}>
-				{@render children?.(contentState.snippetProps)}
+				{@render children?.()}
 			</div>
 		{/if}
 	{/snippet}

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

@@ -1,9 +1,8 @@
 <script lang="ts">
-	import { box } from "svelte-toolbelt";
+	import { box, mergeProps } from "svelte-toolbelt";
 	import type { TooltipTriggerProps } from "../types.js";
 	import { useTooltipTrigger } from "../tooltip.svelte.js";
 	import { useId } from "../../../internal/use-id.js";
-	import { mergeProps } from "../../../internal/merge-props.js";
 	import FloatingLayerAnchor from "../../utilities/floating-layer/components/floating-layer-anchor.svelte";
 
 	let {

package/dist/bits/tooltip/components/tooltip.svelte

@@ -3,7 +3,7 @@
 	import type { TooltipRootProps } from "../types.js";
 	import { useTooltipRoot } from "../tooltip.svelte.js";
 	import FloatingLayer from "../../utilities/floating-layer/components/floating-layer.svelte";
-	import { noop } from "../../../internal/callbacks.js";
+	import { noop } from "../../../internal/noop.js";
 
 	let {
 		open = $bindable(false),

package/dist/bits/tooltip/tooltip.svelte.js

@@ -1,9 +1,8 @@
-import { box } from "svelte-toolbelt";
+import { box, useRefById } from "svelte-toolbelt";
 import { useEventListener } from "runed";
 import { untrack } from "svelte";
 import { TOOLTIP_OPEN_EVENT } from "./utils.js";
 import { useTimeoutFn } from "../../internal/use-timeout-fn.svelte.js";
-import { useRefById } from "../../internal/use-ref-by-id.svelte.js";
 import { isElement, isFocusVisible } from "../../internal/is.js";
 import { useGraceArea } from "../../internal/use-grace-area.svelte.js";
 import { createContext } from "../../internal/create-context.js";
@@ -231,7 +230,7 @@ class TooltipContentState {
             onRefChange: (node) => {
                 this.root.contentNode = node;
             },
-            condition: () => this.root.open.current,
+            deps: () => this.root.open.current,
         });
         $effect(() => {
             if (!this.root.open.current)

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

@@ -2,8 +2,8 @@ import type { FloatingLayerContentProps } from "../utilities/floating-layer/type
 import type { ArrowProps, ArrowPropsWithoutHTML } from "../utilities/arrow/types.js";
 import type { DismissibleLayerProps } from "../utilities/dismissible-layer/types.js";
 import type { EscapeLayerProps } from "../utilities/escape-layer/types.js";
-import type { OnChangeFn, WithChild, WithChildren, Without } from "../../internal/types.js";
-import type { PrimitiveButtonAttributes, PrimitiveDivAttributes } from "../../shared/attributes.js";
+import type { OnChangeFn, WithChild, WithChildNoChildrenSnippetProps, WithChildren, Without } from "../../internal/types.js";
+import type { BitsPrimitiveButtonAttributes, BitsPrimitiveDivAttributes } from "../../shared/attributes.js";
 import type { PortalProps } from "../utilities/portal/types.js";
 export type TooltipProviderPropsWithoutHTML = WithChildren<{
     /**
@@ -104,7 +104,7 @@ export type TooltipContentSnippetProps = {
      */
     open: boolean;
 };
-export type TooltipContentPropsWithoutHTML = WithChild<Pick<FloatingLayerContentProps, "side" | "sideOffset" | "align" | "alignOffset" | "avoidCollisions" | "collisionBoundary" | "collisionPadding" | "arrowPadding" | "sticky" | "hideWhenDetached" | "dir"> & Omit<DismissibleLayerProps, "onInteractOutsideStart"> & EscapeLayerProps & {
+export type TooltipContentPropsWithoutHTML = WithChildNoChildrenSnippetProps<Pick<FloatingLayerContentProps, "side" | "sideOffset" | "align" | "alignOffset" | "avoidCollisions" | "collisionBoundary" | "collisionPadding" | "arrowPadding" | "sticky" | "hideWhenDetached" | "dir"> & Omit<DismissibleLayerProps, "onInteractOutsideStart"> & EscapeLayerProps & {
     /**
      * When `true`, the tooltip will be forced to mount in the DOM.
      *
@@ -112,8 +112,8 @@ export type TooltipContentPropsWithoutHTML = WithChild<Pick<FloatingLayerContent
      */
     forceMount?: boolean;
 }, TooltipContentSnippetProps>;
-export type TooltipContentProps = TooltipContentPropsWithoutHTML & Without<PrimitiveDivAttributes, TooltipContentPropsWithoutHTML>;
-export type TooltipContentStaticPropsWithoutHTML = WithChild<Pick<FloatingLayerContentProps, "dir"> & Omit<DismissibleLayerProps, "onInteractOutsideStart"> & EscapeLayerProps & {
+export type TooltipContentProps = TooltipContentPropsWithoutHTML & Without<BitsPrimitiveDivAttributes, TooltipContentPropsWithoutHTML>;
+export type TooltipContentStaticPropsWithoutHTML = WithChildNoChildrenSnippetProps<Pick<FloatingLayerContentProps, "dir"> & Omit<DismissibleLayerProps, "onInteractOutsideStart"> & EscapeLayerProps & {
     /**
      * When `true`, the tooltip will be forced to mount in the DOM.
      *
@@ -121,7 +121,7 @@ export type TooltipContentStaticPropsWithoutHTML = WithChild<Pick<FloatingLayerC
      */
     forceMount?: boolean;
 }, TooltipContentSnippetProps>;
-export type TooltipContentStaticProps = TooltipContentStaticPropsWithoutHTML & Without<PrimitiveDivAttributes, TooltipContentStaticPropsWithoutHTML>;
+export type TooltipContentStaticProps = TooltipContentStaticPropsWithoutHTML & Without<BitsPrimitiveDivAttributes, TooltipContentStaticPropsWithoutHTML>;
 export type TooltipArrowPropsWithoutHTML = ArrowPropsWithoutHTML;
 export type TooltipArrowProps = ArrowProps;
 export type TooltipPortalPropsWithoutHTML = PortalProps;
@@ -134,4 +134,4 @@ export type TooltipTriggerPropsWithoutHTML = WithChild<{
      */
     disabled?: boolean | null | undefined;
 }>;
-export type TooltipTriggerProps = TooltipTriggerPropsWithoutHTML & Without<PrimitiveButtonAttributes, TooltipTriggerPropsWithoutHTML>;
+export type TooltipTriggerProps = TooltipTriggerPropsWithoutHTML & Without<BitsPrimitiveButtonAttributes, TooltipTriggerPropsWithoutHTML>;

package/dist/bits/utilities/arrow/arrow.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
+	import { mergeProps } from "svelte-toolbelt";
 	import type { ArrowProps } from "./types.js";
-	import { mergeProps } from "../../../internal/merge-props.js";
 	import { useId } from "../../../internal/use-id.js";
 
 	let {

package/dist/bits/utilities/arrow/types.d.ts

@@ -1,5 +1,5 @@
 import type { WithChild } from "../../../internal/types.js";
-import type { PrimitiveSpanAttributes } from "../../../shared/attributes.js";
+import type { BitsPrimitiveSpanAttributes } from "../../../shared/attributes.js";
 export type ArrowPropsWithoutHTML = WithChild<{
     /**
      * The width of the arrow in pixels.
@@ -14,4 +14,4 @@ export type ArrowPropsWithoutHTML = WithChild<{
      */
     height?: number;
 }>;
-export type ArrowProps = ArrowPropsWithoutHTML & PrimitiveSpanAttributes;
+export type ArrowProps = ArrowPropsWithoutHTML & BitsPrimitiveSpanAttributes;

package/dist/bits/utilities/dismissible-layer/useDismissibleLayer.svelte.js

@@ -1,15 +1,10 @@
 import { untrack } from "svelte";
-import { box } from "svelte-toolbelt";
-import { composeHandlers } from "../../../internal/compose-handlers.js";
+import { afterTick, box, composeHandlers, executeCallbacks, onDestroyEffect, useRefById, } from "svelte-toolbelt";
 import { addEventListener } from "../../../internal/events.js";
-import { afterTick } from "../../../internal/after-tick.js";
 import { debounce } from "../../../internal/debounce.js";
-import { executeCallbacks } from "../../../internal/execute-callbacks.js";
 import { noop } from "../../../internal/noop.js";
-import { useRefById } from "../../../internal/use-ref-by-id.svelte.js";
 import { getOwnerDocument, isOrContainsTarget } from "../../../internal/elements.js";
 import { isElement } from "../../../internal/is.js";
-import { onDestroyEffect } from "../../../internal/on-destroy-effect.svelte.js";
 const layers = new Map();
 const interactOutsideStartEvents = [
     "pointerdown",
@@ -48,7 +43,7 @@ export class DismissibleLayerState {
         useRefById({
             id: props.id,
             ref: this.node,
-            condition: () => this.#enabled.current,
+            deps: () => this.#enabled.current,
             onRefChange: (node) => {
                 this.currNode = node;
             },

package/dist/bits/utilities/escape-layer/useEscapeLayer.svelte.js

@@ -1,7 +1,7 @@
 import { untrack } from "svelte";
 import { addEventListener } from "../../../internal/events.js";
 import { kbd } from "../../../internal/kbd.js";
-import { noop } from "../../../internal/callbacks.js";
+import { noop } from "../../../internal/noop.js";
 const layers = new Map();
 export class EscapeLayerState {
     #onEscapeProp;

package/dist/bits/utilities/floating-layer/components/floating-layer-arrow.svelte

@@ -1,8 +1,7 @@
 <script lang="ts">
-	import { box } from "svelte-toolbelt";
+	import { box, mergeProps } from "svelte-toolbelt";
 	import { useFloatingArrowState } from "../useFloatingLayer.svelte.js";
 	import { Arrow, type ArrowProps } from "../../arrow/index.js";
-	import { mergeProps } from "../../../../internal/merge-props.js";
 	import { useId } from "../../../../internal/use-id.js";
 
 	let { id = useId(), ref = $bindable(null), ...restProps }: ArrowProps = $props();

package/dist/bits/utilities/floating-layer/components/floating-layer-content.svelte

@@ -1,8 +1,7 @@
 <script lang="ts">
-	import { box } from "svelte-toolbelt";
+	import { box, mergeProps } from "svelte-toolbelt";
 	import { useFloatingContentState } from "../useFloatingLayer.svelte.js";
 	import type { ContentImplProps } from "./index.js";
-	import { mergeProps } from "../../../../internal/merge-props.js";
 	import { useId } from "../../../../internal/use-id.js";
 
 	let {

package/dist/bits/utilities/floating-layer/useFloatingLayer.svelte.d.ts

@@ -49,19 +49,19 @@ declare class FloatingContentState {
     enabled: FloatingContentStateProps["enabled"];
     hasExplicitBoundaries: boolean;
     detectOverflowOptions: {
-        padding: number | Partial<Record<"left" | "right" | "bottom" | "top", number>>;
+        padding: number | Partial<Record<"top" | "right" | "bottom" | "left", number>>;
         boundary: Element[];
         altBoundary: boolean;
     };
     middleware: Middleware[];
     floating: UseFloatingReturn;
-    placedSide: "left" | "right" | "bottom" | "top";
-    placedAlign: "center" | "end" | "start";
+    placedSide: "top" | "right" | "bottom" | "left";
+    placedAlign: "end" | "center" | "start";
     arrowX: number;
     arrowY: number;
     cannotCenterArrow: boolean;
     contentZIndex: string | undefined;
-    arrowBaseSide: "left" | "right" | "bottom" | "top";
+    arrowBaseSide: "top" | "right" | "bottom" | "left";
     wrapperProps: {
         readonly id: string;
         readonly "data-bits-floating-content-wrapper": "";
@@ -340,7 +340,7 @@ declare class FloatingContentState {
             readonly perspective?: import("csstype").Property.Perspective<0 | (string & {})> | undefined;
             readonly perspectiveOrigin?: import("csstype").Property.PerspectiveOrigin<0 | (string & {})> | undefined;
             readonly pointerEvents?: import("csstype").Property.PointerEvents | undefined;
-            position: "absolute" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "-webkit-sticky" | "fixed" | "relative" | "static" | "sticky";
+            position: "inherit" | "absolute" | "fixed" | "sticky" | "-moz-initial" | "initial" | "revert" | "revert-layer" | "unset" | "-webkit-sticky" | "relative" | "static";
             readonly printColorAdjust?: import("csstype").Property.PrintColorAdjust | undefined;
             readonly quotes?: import("csstype").Property.Quotes | undefined;
             readonly resize?: import("csstype").Property.Resize | undefined;
@@ -901,8 +901,8 @@ declare class FloatingContentState {
         readonly dir: Direction;
     };
     props: {
-        readonly "data-side": "left" | "right" | "bottom" | "top";
-        readonly "data-align": "center" | "end" | "start";
+        readonly "data-side": "top" | "right" | "bottom" | "left";
+        readonly "data-align": "end" | "center" | "start";
         readonly style: string;
     };
     arrowStyle: {
@@ -931,7 +931,7 @@ declare class FloatingArrowState {
             transform: string;
             visibility: string | undefined;
         };
-        readonly "data-side": "left" | "right" | "bottom" | "top";
+        readonly "data-side": "top" | "right" | "bottom" | "left";
     };
 }
 type FloatingAnchorStateProps = ReadableBoxedValues<{
@@ -946,6 +946,6 @@ export declare function useFloatingRootState(): FloatingRootState;
 export declare function useFloatingContentState(props: FloatingContentStateProps): FloatingContentState;
 export declare function useFloatingArrowState(props: FloatingArrowStateProps): FloatingArrowState;
 export declare function useFloatingAnchorState(props: FloatingAnchorStateProps): FloatingAnchorState;
-export declare function getSideFromPlacement(placement: Placement): "left" | "right" | "bottom" | "top";
-export declare function getAlignFromPlacement(placement: Placement): "center" | "end" | "start";
+export declare function getSideFromPlacement(placement: Placement): "top" | "right" | "bottom" | "left";
+export declare function getAlignFromPlacement(placement: Placement): "end" | "center" | "start";
 export {};

package/dist/bits/utilities/floating-layer/useFloatingLayer.svelte.js

@@ -1,14 +1,11 @@
 import { untrack } from "svelte";
 import { arrow, autoUpdate, flip, hide, limitShift, offset, shift, size, } from "@floating-ui/dom";
-import { box } from "svelte-toolbelt";
+import { box, cssToStyleObj, styleToString, useRefById } from "svelte-toolbelt";
 import { ElementSize } from "runed";
-import { useRefById } from "../../../internal/use-ref-by-id.svelte.js";
 import { isNotNull } from "../../../internal/is.js";
-import { styleToString } from "../../../internal/style.js";
 import { useId } from "../../../internal/use-id.js";
 import { useFloating } from "../../../internal/floating-svelte/use-floating.svelte.js";
 import { createContext } from "../../../internal/create-context.js";
-import { cssToStyleObj } from "../../../internal/css-to-style-obj.js";
 export const SIDE_OPTIONS = ["top", "right", "bottom", "left"];
 export const ALIGN_OPTIONS = ["start", "center", "end"];
 const OPPOSITE_SIDE = {
@@ -212,12 +209,12 @@ class FloatingContentState {
         useRefById({
             id: this.wrapperId,
             ref: this.wrapperRef,
-            condition: () => this.enabled.current,
+            deps: () => this.enabled.current,
         });
         useRefById({
             id: this.id,
             ref: this.contentRef,
-            condition: () => this.enabled.current,
+            deps: () => this.enabled.current,
         });
         this.floating = useFloating({
             strategy: () => this.#strategy.current,
@@ -264,7 +261,7 @@ class FloatingArrowState {
             onRefChange: (node) => {
                 this.#content.arrowRef.current = node;
             },
-            condition: () => this.#content.enabled.current,
+            deps: () => this.#content.enabled.current,
         });
     }
     props = $derived.by(() => ({

package/dist/bits/utilities/focus-scope/focus-scope.svelte

@@ -2,7 +2,7 @@
 	import { box } from "svelte-toolbelt";
 	import type { FocusScopeImplProps } from "./types.js";
 	import { useFocusScope } from "./useFocusScope.svelte.js";
-	import { noop } from "../../../internal/callbacks.js";
+	import { noop } from "../../../internal/noop.js";
 
 	let {
 		id,

package/dist/bits/utilities/focus-scope/useFocusScope.svelte.js

@@ -1,13 +1,10 @@
 import { untrack } from "svelte";
-import { box } from "svelte-toolbelt";
+import { afterTick, box, executeCallbacks, useRefById } from "svelte-toolbelt";
 import { createFocusScopeAPI, createFocusScopeStack, removeLinks, } from "./focus-scope-stack.svelte.js";
 import { focus, focusFirst, getTabbableCandidates, getTabbableEdges } from "../../../internal/focus.js";
 import { addEventListener } from "../../../internal/events.js";
-import { useRefById } from "../../../internal/use-ref-by-id.svelte.js";
 import { isHTMLElement } from "../../../internal/is.js";
-import { executeCallbacks } from "../../../internal/callbacks.js";
 import { kbd } from "../../../internal/kbd.js";
-import { afterTick } from "../../../internal/after-tick.js";
 const AUTOFOCUS_ON_MOUNT = "focusScope.autoFocusOnMount";
 const AUTOFOCUS_ON_DESTROY = "focusScope.autoFocusOnDestroy";
 const EVENT_OPTIONS = { bubbles: false, cancelable: true };
@@ -18,7 +15,7 @@ export function useFocusScope({ id, loop, enabled, onOpenAutoFocus, onCloseAutoF
     useRefById({
         id,
         ref,
-        condition: () => enabled.current,
+        deps: () => enabled.current,
     });
     let lastFocusedElement = $state(null);
     $effect(() => {

package/dist/bits/utilities/mounted.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
 	import { untrack } from "svelte";
-	import { noop } from "../../internal/callbacks.js";
+	import { noop } from "../../internal/noop.js";
 
 	let {
 		isMounted = $bindable(false),

package/dist/bits/utilities/popper-layer/popper-layer.svelte

@@ -1,4 +1,5 @@
 <script lang="ts">
+	import { mergeProps } from "svelte-toolbelt";
 	import ScrollLock from "../scroll-lock/scroll-lock.svelte";
 	import type { PopperLayerImplProps } from "./types.js";
 	import PopperContent from "./popper-content.svelte";
@@ -7,7 +8,6 @@
 	import TextSelectionLayer from "../text-selection-layer/text-selection-layer.svelte";
 	import PresenceLayer from "../presence-layer/presence-layer.svelte";
 	import FocusScope from "../focus-scope/focus-scope.svelte";
-	import { mergeProps } from "../../../internal/merge-props.js";
 
 	let {
 		popper,