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

package/dist/bits/utilities/presence-layer/usePresence.svelte.d.ts

@@ -1,4 +1,4 @@
-import type { ReadableBox } from "svelte-toolbelt";
+import { type ReadableBox } from "svelte-toolbelt";
 export declare function usePresence(present: ReadableBox<boolean>, id: ReadableBox<string>): {
     readonly current: boolean;
 };

package/dist/bits/utilities/presence-layer/usePresence.svelte.js

@@ -1,4 +1,4 @@
-import { afterTick } from "../../../internal/after-tick.js";
+import { afterTick } from "svelte-toolbelt";
 import { useStateMachine } from "../../../internal/use-state-machine.svelte.js";
 import { watch } from "../../../internal/box.svelte.js";
 export function usePresence(present, id) {

package/dist/bits/utilities/text-selection-layer/useTextSelectionLayer.svelte.js

@@ -1,12 +1,9 @@
 import { untrack } from "svelte";
-import { box } from "svelte-toolbelt";
-import { composeHandlers } from "../../../internal/compose-handlers.js";
+import { box, composeHandlers, executeCallbacks, useRefById, } from "svelte-toolbelt";
 import { addEventListener } from "../../../internal/events.js";
 import { noop } from "../../../internal/noop.js";
-import { useRefById } from "../../../internal/use-ref-by-id.svelte.js";
 import { isHTMLElement } from "../../../internal/is.js";
 import { isOrContainsTarget } from "../../../internal/elements.js";
-import { executeCallbacks } from "../../../internal/execute-callbacks.js";
 const layers = new Map();
 export class TextSelectionLayerState {
     #id;
@@ -23,7 +20,7 @@ export class TextSelectionLayerState {
         useRefById({
             id: this.#id,
             ref: this.#ref,
-            condition: () => this.#enabled.current,
+            deps: () => this.#enabled.current,
         });
         let unsubEvents = noop;
         $effect(() => {

package/dist/bits/utilities/visually-hidden/types.d.ts

@@ -1,3 +1,3 @@
 import type { WithChild } from "../../../internal/types.js";
-import type { PrimitiveSpanAttributes } from "../../../shared/attributes.js";
-export type VisuallyHiddenProps = WithChild<PrimitiveSpanAttributes>;
+import type { BitsPrimitiveSpanAttributes } from "../../../shared/attributes.js";
+export type VisuallyHiddenProps = WithChild<BitsPrimitiveSpanAttributes>;

package/dist/bits/utilities/visually-hidden/visually-hidden.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
+	import { mergeProps } from "svelte-toolbelt";
 	import type { VisuallyHiddenProps } from "./types.js";
 	import type { StyleProperties } from "../../../shared/index.js";
-	import { mergeProps } from "../../../internal/merge-props.js";
 
 	let { children, child, ...restProps }: VisuallyHiddenProps = $props();
 

package/dist/internal/create-event-hook.svelte.js

@@ -1,4 +1,4 @@
-import { executeCallbacks } from "./callbacks.js";
+import { executeCallbacks } from "svelte-toolbelt";
 export function createEventHook() {
     const callbacks = new Set();
     const callbacksToDispose = [];

package/dist/internal/date-time/announcer.js

@@ -1,5 +1,5 @@
+import { srOnlyStylesString } from "svelte-toolbelt";
 import { isBrowser, isHTMLElement } from "../is.js";
-import { srOnlyStyleString } from "../style.js";
 /**
  * Creates or gets an announcer element which is used to announce messages to screen readers.
  * Within the date components, we use this to announce when the values of the individual segments
@@ -11,7 +11,7 @@ function initAnnouncer() {
     let el = document.querySelector("[data-bits-announcer]");
     if (!isHTMLElement(el)) {
         const div = document.createElement("div");
-        div.style.cssText = srOnlyStyleString;
+        div.style.cssText = srOnlyStylesString;
         div.setAttribute("data-bits-announcer", "");
         div.appendChild(createLog("assertive"));
         div.appendChild(createLog("polite"));

package/dist/internal/date-time/calendar-helpers.svelte.d.ts

@@ -1,5 +1,5 @@
 import { type DateValue } from "@internationalized/date";
-import type { ReadableBox, WritableBox } from "svelte-toolbelt";
+import { type ReadableBox, type WritableBox } from "svelte-toolbelt";
 import type { Formatter } from "./formatter.js";
 import type { Month } from "../../shared/index.js";
 /**

package/dist/internal/date-time/calendar-helpers.svelte.js

@@ -1,12 +1,11 @@
 import { endOfMonth, isSameMonth, startOfMonth } from "@internationalized/date";
+import { afterTick, styleToString } from "svelte-toolbelt";
 import { untrack } from "svelte";
 import { getDaysInMonth, getLastFirstDayOfWeek, getNextLastDayOfWeek, isAfter, isBefore, parseStringToDateValue, toDate, } from "./utils.js";
 import { getDataDisabled, getDataInvalid, getDataReadonly } from "../attrs.js";
-import { afterTick } from "../after-tick.js";
 import { chunk, isValidIndex } from "../arrays.js";
 import { isHTMLElement } from "../is.js";
 import { kbd } from "../kbd.js";
-import { styleToString } from "../style.js";
 /**
  * Checks if a given node is a calendar cell element.
  *

package/dist/internal/date-time/field/helpers.js

@@ -1,9 +1,9 @@
+import { styleToString } from "svelte-toolbelt";
 import { getPlaceholder } from "../placeholders.js";
 import { hasTime, isZonedDateTime } from "../utils.js";
 import { ALL_SEGMENT_PARTS, DATE_SEGMENT_PARTS, EDITABLE_SEGMENT_PARTS, TIME_SEGMENT_PARTS, } from "./parts.js";
 import { getSegments } from "./segments.js";
 import { isBrowser, isNull, isNumberString } from "../../is.js";
-import { styleToString } from "../../style.js";
 import { useId } from "../../use-id.js";
 import { kbd } from "../../kbd.js";
 export function initializeSegmentValues(granularity) {

package/dist/internal/types.d.ts

@@ -33,6 +33,34 @@ Ref = HTMLElement> = Omit<Props, "child" | "children"> & {
     style?: StyleProperties | string | null | undefined;
     ref?: Ref | null | undefined;
 };
+export type WithChildNoChildrenSnippetProps<
+/**
+ * The props that the component accepts.
+ */
+Props extends Record<PropertyKey, unknown> = {}, 
+/**
+ * The props that are passed to the `child` and `children` snippets. The `ElementProps` are
+ * merged with these props for the `child` snippet.
+ */
+SnippetProps extends Record<PropertyKey, unknown> = {
+    _default: never;
+}, 
+/**
+ * The underlying DOM element being rendered. You can bind to this prop to
+ * programmatically interact with the element.
+ */
+Ref = HTMLElement> = Omit<Props, "child" | "children"> & {
+    child?: SnippetProps extends {
+        _default: never;
+    } ? Snippet<[{
+        props: Record<string, unknown>;
+    }]> : Snippet<[SnippetProps & {
+        props: Record<string, unknown>;
+    }]>;
+    children?: Snippet;
+    style?: StyleProperties | string | null | undefined;
+    ref?: Ref | null | undefined;
+};
 export type WithChildren<Props = {}> = Props & {
     children?: Snippet | undefined;
 };

package/dist/internal/use-body-scroll-lock.svelte.js

@@ -1,8 +1,7 @@
 import { SvelteMap } from "svelte/reactivity";
-import { box } from "svelte-toolbelt";
+import { afterTick, box } from "svelte-toolbelt";
 import { isBrowser, isIOS } from "./is.js";
 import { addEventListener } from "./events.js";
-import { afterTick } from "./after-tick.js";
 import { useId } from "./use-id.js";
 import { createSharedHook } from "./create-shared-hook.svelte.js";
 import { watch } from "./box.svelte.js";

package/dist/internal/use-grace-area.svelte.d.ts

@@ -1,4 +1,4 @@
-import type { Getter } from "svelte-toolbelt";
+import { type Getter } from "svelte-toolbelt";
 export declare function useGraceArea(triggerNode: Getter<HTMLElement | null>, contentNode: Getter<HTMLElement | null>): {
     isPointerInTransit: import("svelte-toolbelt").WritableBox<boolean>;
     onPointerExit: import("./create-event-hook.svelte.js").EventHookOn<void>;

package/dist/internal/use-grace-area.svelte.js

@@ -1,7 +1,7 @@
+import { executeCallbacks } from "svelte-toolbelt";
 import { boxAutoReset } from "./box-auto-reset.svelte.js";
 import { createEventHook } from "./create-event-hook.svelte.js";
 import { isElement, isHTMLElement } from "./is.js";
-import { executeCallbacks } from "./callbacks.js";
 import { addEventListener } from "./events.js";
 export function useGraceArea(triggerNode, contentNode) {
     const isPointerInTransit = boxAutoReset(false, 300);

package/dist/internal/use-roving-focus.svelte.d.ts

@@ -35,7 +35,7 @@ export type UseRovingFocusReturn = ReturnType<typeof useRovingFocus>;
 export declare function useRovingFocus(props: UseRovingFocusProps): {
     setCurrentTabStopId(id: string): void;
     getTabIndex: (node: HTMLElement | null | undefined) => 0 | -1;
-    handleKeydown: (node: HTMLElement | null | undefined, e: KeyboardEvent) => HTMLElement | undefined;
+    handleKeydown: (node: HTMLElement | null | undefined, e: KeyboardEvent, both?: boolean) => HTMLElement | undefined;
     focusFirstCandidate: () => void;
     currentTabStopId: WritableBox<string | null>;
 };

package/dist/internal/use-roving-focus.svelte.js

@@ -28,7 +28,7 @@ export function useRovingFocus(props) {
             return;
         items[0]?.focus();
     }
-    function handleKeydown(node, e) {
+    function handleKeydown(node, e, both = false) {
         const rootNode = document.getElementById(props.rootNodeId.current);
         if (!rootNode || !node)
             return;
@@ -45,6 +45,12 @@ export function useRovingFocus(props) {
             [kbd.HOME]: 0,
             [kbd.END]: items.length - 1,
         };
+        if (both) {
+            const altNextKey = nextKey === kbd.ARROW_DOWN ? kbd.ARROW_RIGHT : kbd.ARROW_DOWN;
+            const altPrevKey = prevKey === kbd.ARROW_UP ? kbd.ARROW_LEFT : kbd.ARROW_UP;
+            keyToIndex[altNextKey] = currentIndex + 1;
+            keyToIndex[altPrevKey] = currentIndex - 1;
+        }
         let itemIndex = keyToIndex[e.key];
         if (itemIndex === undefined)
             return;

package/dist/internal/use-size.svelte.d.ts

@@ -1,4 +1,4 @@
-import type { WritableBox } from "svelte-toolbelt";
+import { type WritableBox } from "svelte-toolbelt";
 export declare function useSize(node: WritableBox<HTMLElement | null>): {
     readonly value: {
         width: number;

package/dist/internal/use-size.svelte.js

@@ -1,6 +1,6 @@
 /// <reference types="resize-observer-browser" />
 import { untrack } from "svelte";
-import { afterTick } from "./after-tick.js";
+import { afterTick } from "svelte-toolbelt";
 export function useSize(node) {
     let size = $state(undefined);
     $effect(() => {

package/dist/internal/use-timeout-fn.svelte.js

@@ -1,6 +1,5 @@
-import { box } from "svelte-toolbelt";
+import { box, onDestroyEffect } from "svelte-toolbelt";
 import { isBrowser } from "./is.js";
-import { onDestroyEffect } from "./on-destroy-effect.svelte.js";
 export function useTimeoutFn(cb, interval, options = {}) {
     const { immediate = true } = options;
     const isPending = box(false);

package/dist/shared/attributes.d.ts

@@ -1,38 +1,38 @@
 import type { HTMLAnchorAttributes, HTMLAttributes, HTMLButtonAttributes, HTMLImgAttributes, HTMLInputAttributes, HTMLLabelAttributes, HTMLLiAttributes, HTMLTableAttributes, HTMLTdAttributes, HTMLThAttributes, SVGAttributes } from "svelte/elements";
-export type HTMLDivAttributes = HTMLAttributes<HTMLDivElement>;
-export type HTMLSpanAttributes = HTMLAttributes<HTMLSpanElement>;
-export type HTMLHeadingAttributes = HTMLAttributes<HTMLHeadingElement>;
-export type HTMLUListAttributes = HTMLAttributes<HTMLUListElement>;
-export type HTMLElementAttributes = HTMLAttributes<HTMLElement>;
-export type HTMLTableSectionAttributes = HTMLAttributes<HTMLTableSectionElement>;
-export type HTMLTableRowAttributes = HTMLAttributes<HTMLTableRowElement>;
-export type SVGElementAttributes = SVGAttributes<SVGElement>;
+export type BitsHTMLDivAttributes = HTMLAttributes<HTMLDivElement>;
+export type BitsHTMLSpanAttributes = HTMLAttributes<HTMLSpanElement>;
+export type BitsHTMLHeadingAttributes = HTMLAttributes<HTMLHeadingElement>;
+export type BitsHTMLUListAttributes = HTMLAttributes<HTMLUListElement>;
+export type BitsHTMLElementAttributes = HTMLAttributes<HTMLElement>;
+export type BitsHTMLTableSectionAttributes = HTMLAttributes<HTMLTableSectionElement>;
+export type BitsHTMLTableRowAttributes = HTMLAttributes<HTMLTableRowElement>;
+export type BitsSVGElementAttributes = SVGAttributes<SVGElement>;
 /**
  * We override the `id` prop type to not allow it to be `null`. We rely on the
  * `id` heavily in the internals of Bits UI for node references. We also override
  * children to allow for custom children snippet props. We extend `style` to allow
  * for either a `StyleProperties` object or a string of CSS properties.
  */
-type Primitive<T> = Omit<T, "style" | "id" | "children"> & {
+type BitsPrimitive<T> = Omit<T, "style" | "id" | "children"> & {
     id?: string;
 };
-export type PrimitiveButtonAttributes = Primitive<HTMLButtonAttributes>;
-export type PrimitiveDivAttributes = Primitive<HTMLDivAttributes>;
-export type PrimitiveInputAttributes = Primitive<HTMLInputAttributes>;
-export type PrimitiveSpanAttributes = Primitive<HTMLSpanAttributes>;
-export type PrimitiveImgAttributes = Primitive<HTMLImgAttributes>;
-export type PrimitiveHeadingAttributes = Primitive<HTMLHeadingAttributes>;
-export type PrimitiveLabelAttributes = Primitive<HTMLLabelAttributes>;
-export type PrimitiveSVGAttributes = Primitive<SVGElementAttributes>;
-export type PrimitiveAnchorAttributes = Primitive<HTMLAnchorAttributes>;
-export type PrimitiveLiAttributes = Primitive<HTMLLiAttributes>;
-export type PrimitiveElementAttributes = Primitive<HTMLElementAttributes>;
-export type PrimitiveUListAttributes = Primitive<HTMLUListAttributes>;
-export type PrimitiveTdAttributes = Primitive<HTMLTdAttributes>;
-export type PrimitiveThAttributes = Primitive<HTMLThAttributes>;
-export type PrimitiveTableAttributes = Primitive<HTMLTableAttributes>;
-export type PrimitiveTbodyAttributes = Primitive<HTMLTableSectionAttributes>;
-export type PrimitiveTrAttributes = Primitive<HTMLTableRowAttributes>;
-export type PrimitiveTheadAttributes = Primitive<HTMLTableSectionAttributes>;
-export type PrimitiveHeaderAttributes = Primitive<HTMLElementAttributes>;
+export type BitsPrimitiveButtonAttributes = BitsPrimitive<HTMLButtonAttributes>;
+export type BitsPrimitiveDivAttributes = BitsPrimitive<BitsHTMLDivAttributes>;
+export type BitsPrimitiveInputAttributes = BitsPrimitive<HTMLInputAttributes>;
+export type BitsPrimitiveSpanAttributes = BitsPrimitive<BitsHTMLSpanAttributes>;
+export type BitsPrimitiveImgAttributes = BitsPrimitive<HTMLImgAttributes>;
+export type BitsPrimitiveHeadingAttributes = BitsPrimitive<BitsHTMLHeadingAttributes>;
+export type BitsPrimitiveLabelAttributes = BitsPrimitive<HTMLLabelAttributes>;
+export type BitsPrimitiveSVGAttributes = BitsPrimitive<BitsSVGElementAttributes>;
+export type BitsPrimitiveAnchorAttributes = BitsPrimitive<HTMLAnchorAttributes>;
+export type BitsPrimitiveLiAttributes = BitsPrimitive<HTMLLiAttributes>;
+export type BitsPrimitiveElementAttributes = BitsPrimitive<BitsHTMLElementAttributes>;
+export type BitsPrimitiveUListAttributes = BitsPrimitive<BitsHTMLUListAttributes>;
+export type BitsPrimitiveTdAttributes = BitsPrimitive<HTMLTdAttributes>;
+export type BitsPrimitiveThAttributes = BitsPrimitive<HTMLThAttributes>;
+export type BitsPrimitiveTableAttributes = BitsPrimitive<HTMLTableAttributes>;
+export type BitsPrimitiveTbodyAttributes = BitsPrimitive<BitsHTMLTableSectionAttributes>;
+export type BitsPrimitiveTrAttributes = BitsPrimitive<BitsHTMLTableRowAttributes>;
+export type BitsPrimitiveTheadAttributes = BitsPrimitive<BitsHTMLTableSectionAttributes>;
+export type BitsPrimitiveHeaderAttributes = BitsPrimitive<BitsHTMLElementAttributes>;
 export {};

package/dist/shared/index.d.ts

@@ -24,6 +24,6 @@ export type WithElementRef<T, U extends HTMLElement = HTMLElement> = T & {
 export type { EditableSegmentPart } from "./date/types.js";
 export type { Month, DateMatcher, DateOnInvalid, DateRangeValidator, DateValidator, DateRange, } from "./date/types.js";
 export type { WithChild, Without, WithChildren } from "../internal/types.js";
-export { mergeProps } from "../internal/merge-props.js";
+export { mergeProps } from "svelte-toolbelt";
 export { useId } from "../internal/use-id.js";
 export * from "./attributes.js";

package/dist/shared/index.js

@@ -1,3 +1,3 @@
-export { mergeProps } from "../internal/merge-props.js";
+export { mergeProps } from "svelte-toolbelt";
 export { useId } from "../internal/use-id.js";
 export * from "./attributes.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bits-ui",
-  "version": "1.0.0-next.11",
+  "version": "1.0.0-next.13",
   "license": "MIT",
   "repository": "github:huntabyte/bits-ui",
   "funding": "https://github.com/sponsors/huntabyte",
@@ -41,11 +41,9 @@
     "@floating-ui/core": "^1.6.4",
     "@floating-ui/dom": "^1.6.7",
     "@internationalized/date": "^3.5.6",
-    "clsx": "^2.1.1",
     "esm-env": "^1.0.0",
     "runed": "^0.15.2",
-    "style-to-object": "^1.0.6",
-    "svelte-toolbelt": "^0.3.1"
+    "svelte-toolbelt": "^0.4.1"
   },
   "peerDependencies": {
     "svelte": "^5.0.0-next.1"

package/dist/bits/listbox/components/listbox-label.svelte

@@ -1,33 +0,0 @@
-<!-- <script lang="ts">
-	import { box } from "svelte-toolbelt";
-	import type { LabelProps } from "../index.js";
-	import { useListboxLabel } from "../listbox.svelte.js";
-	import { useId } from "../../../internal/useId.js";
-	import { mergeProps } from "../../../internal/mergeProps.js";
-
-	let {
-		children,
-		child,
-		ref = $bindable(null),
-		id = useId(),
-		...restProps
-	}: LabelProps = $props();
-
-	const labelState = useListboxLabel({
-		id: box.with(() => id),
-		ref: box.with(
-			() => ref,
-			(v) => (ref = v)
-		),
-	});
-
-	const mergedProps = $derived(mergeProps(restProps, labelState.props));
-</script>
-
-{#if child}
-	{@render child({ props: mergedProps })}
-{:else}
-	<div {...mergedProps}>
-		{@render children?.()}
-	</div>
-{/if} -->

package/dist/bits/listbox/components/listbox-label.svelte.d.ts

@@ -1,18 +0,0 @@
-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: {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
-    };
-    z_$$bindings?: Bindings;
-}
-declare const ListboxLabel: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
-type ListboxLabel = InstanceType<typeof ListboxLabel>;
-export default ListboxLabel;

package/dist/internal/after-sleep.d.ts

@@ -1,4 +0,0 @@
-/**
- * A utility function that executes a callback after a specified number of milliseconds.
- */
-export declare function afterSleep(ms: number, cb: () => void): void;

package/dist/internal/after-sleep.js

@@ -1,6 +0,0 @@
-/**
- * A utility function that executes a callback after a specified number of milliseconds.
- */
-export function afterSleep(ms, cb) {
-    setTimeout(cb, ms);
-}

package/dist/internal/after-tick.d.ts

@@ -1,5 +0,0 @@
-import type { AnyFn } from "./types.js";
-/**
- * A utility function that executes a callback after the current tick.
- */
-export declare function afterTick(cb: AnyFn): void;

package/dist/internal/after-tick.js

@@ -1,7 +0,0 @@
-import { tick } from "svelte";
-/**
- * A utility function that executes a callback after the current tick.
- */
-export function afterTick(cb) {
-    tick().then(cb);
-}

package/dist/internal/callbacks.d.ts

@@ -1,11 +0,0 @@
-/**
- * Executes an array of callback functions with the same arguments.
- * @template T The types of the arguments that the callback functions take.
- * @param callbacks array of callback functions to execute.
- * @returns A new function that executes all of the original callback functions with the same arguments.
- */
-export declare function executeCallbacks<T extends unknown[]>(...callbacks: T): (...args: unknown[]) => void;
-/**
- * A utility function that does nothing.
- */
-export declare function noop(): void;

package/dist/internal/callbacks.js

@@ -1,21 +0,0 @@
-/**
- * Executes an array of callback functions with the same arguments.
- * @template T The types of the arguments that the callback functions take.
- * @param callbacks array of callback functions to execute.
- * @returns A new function that executes all of the original callback functions with the same arguments.
- */
-export function executeCallbacks(...callbacks) {
-    return (...args) => {
-        for (const callback of callbacks) {
-            if (typeof callback === "function") {
-                callback(...args);
-            }
-        }
-    };
-}
-/**
- * A utility function that does nothing.
- */
-export function noop() {
-    //
-}

package/dist/internal/compose-handlers.d.ts

@@ -1,8 +0,0 @@
-import type { ReadableBox } from "svelte-toolbelt";
-import type { EventCallback } from "./events.js";
-/**
- * Composes event handlers into a single function that can be called with an event.
- * If the previous handler cancels the event using `event.preventDefault()`, the handlers
- * that follow will not be called.
- */
-export declare function composeHandlers<E extends Event = Event, T extends Element = Element>(...handlers: Array<EventCallback<E> | ReadableBox<EventCallback<E>> | undefined>): (e: E) => void;

package/dist/internal/compose-handlers.js

@@ -1,21 +0,0 @@
-/**
- * Composes event handlers into a single function that can be called with an event.
- * If the previous handler cancels the event using `event.preventDefault()`, the handlers
- * that follow will not be called.
- */
-export function composeHandlers(...handlers) {
-    return function (e) {
-        for (const handler of handlers) {
-            if (!handler)
-                continue;
-            if (e.defaultPrevented)
-                return;
-            if (typeof handler === "function") {
-                handler.call(this, e);
-            }
-            else {
-                handler.current?.call(this, e);
-            }
-        }
-    };
-}

package/dist/internal/css-to-style-obj.d.ts

@@ -1,2 +0,0 @@
-import type { StyleProperties } from "../shared/index.js";
-export declare function cssToStyleObj(css: string | null | undefined): StyleProperties;

package/dist/internal/css-to-style-obj.js

@@ -1,23 +0,0 @@
-import parse from "style-to-object";
-import { camelCase, pascalCase } from "./strings.js";
-export function cssToStyleObj(css) {
-    if (!css)
-        return {};
-    const styleObj = {};
-    function iterator(name, value) {
-        if (name.startsWith("-moz-") ||
-            name.startsWith("-webkit-") ||
-            name.startsWith("-ms-") ||
-            name.startsWith("-o-")) {
-            styleObj[pascalCase(name)] = value;
-            return;
-        }
-        if (name.startsWith("--")) {
-            styleObj[name] = value;
-            return;
-        }
-        styleObj[camelCase(name)] = value;
-    }
-    parse(css, iterator);
-    return styleObj;
-}

package/dist/internal/execute-callbacks.d.ts

@@ -1,7 +0,0 @@
-/**
- * Executes an array of callback functions with the same arguments.
- * @template T The types of the arguments that the callback functions take.
- * @param callbacks array of callback functions to execute.
- * @returns A new function that executes all of the original callback functions with the same arguments.
- */
-export declare function executeCallbacks<T extends unknown[]>(...callbacks: T): (...args: unknown[]) => void;

package/dist/internal/execute-callbacks.js

@@ -1,15 +0,0 @@
-/**
- * Executes an array of callback functions with the same arguments.
- * @template T The types of the arguments that the callback functions take.
- * @param callbacks array of callback functions to execute.
- * @returns A new function that executes all of the original callback functions with the same arguments.
- */
-export function executeCallbacks(...callbacks) {
-    return (...args) => {
-        for (const callback of callbacks) {
-            if (typeof callback === "function") {
-                callback(...args);
-            }
-        }
-    };
-}

package/dist/internal/merge-props.d.ts

@@ -1,22 +0,0 @@
-type Props = Record<string, unknown>;
-type PropsArg = Props | null | undefined;
-type TupleTypes<T> = {
-    [P in keyof T]: T[P];
-} extends {
-    [key: number]: infer V;
-} ? NullToObject<V> : never;
-type NullToObject<T> = T extends null | undefined ? {} : T;
-type UnionToIntersection<U> = (U extends any ? (k: U) => void : never) extends (k: infer I) => void ? I : never;
-/**
- * Given a list of prop objects, merges them into a single object.
- * - Automatically composes event handlers (e.g. `onclick`, `oninput`, etc.)
- * - Chains regular functions with the same name so they are called in order
- * - Merges class strings with `clsx`
- * - Merges style objects and converts them to strings
- * - Handles a bug with Svelte where setting the `hidden` attribute to `false` doesn't remove it
- * - Overrides other values with the last one
- */
-export declare function mergeProps<T extends PropsArg[]>(...args: T): UnionToIntersection<TupleTypes<T>> & {
-    style?: string;
-};
-export {};