bits-ui 0.18.2 → 0.18.3

package/README.md

@@ -1,5 +1,13 @@
 # Bits UI
 
+<!-- automd:badges license name="bits-ui" color="pink" github="huntabyte/bits-ui" -->
+
+[![npm version](https://flat.badgen.net/npm/v/bits-ui?color=pink)](https://npmjs.com/package/bits-ui)
+[![npm downloads](https://flat.badgen.net/npm/dm/bits-ui?color=pink)](https://npmjs.com/package/bits-ui)
+[![license](https://flat.badgen.net/github/license/huntabyte/bits-ui?color=pink)](https://github.com/huntabyte/bits-ui/blob/main/LICENSE)
+
+<!-- /automd -->
+
 The headless components for Svelte.
 
 [Read the docs](https://bits-ui.com)
@@ -10,3 +18,26 @@ The headless components for Svelte.
 - [Melt UI](https://melt-ui.com) - The underlying builder API that powers Bits.
 - [Radix UI](https://radix-ui.com) - The incredible headless component APIs that we've taken heavy inspiration from.
 - [React Spectrum](https://react-spectrum.adobe.com) - An incredible collection of headless components we've taken inspiration from.
+
+## Sponsors
+
+This project is supported by the following beautiful people/organizations:
+
+<p align="center">
+  <a href="https://github.com/sponsors/huntabyte">
+    <img src='https://cdn.jsdelivr.net/gh/huntabyte/static/sponsors.svg' alt="Logos from Sponsors" />
+  </a>
+</p>
+
+## License
+
+<!-- automd:contributors license=MIT author="huntabyte" github="huntabyte/bits-ui" -->
+
+Published under the [MIT](https://github.com/huntabyte/bits-ui/blob/main/LICENSE) license.
+Built by [@huntabyte](https://github.com/huntabyte) and [community](https://github.com/huntabyte/bits-ui/graphs/contributors). Designed by [Pavel Stianko](https://x.com/pavel_stianko) 💛
+<br><br>
+<a href="https://github.com/huntabyte/bits-ui/graphs/contributors">
+<img src="https://contrib.rocks/image?repo=huntabyte/bits-ui" />
+</a>
+
+<!-- /automd -->

package/dist/bits/combobox/_types.d.ts

@@ -6,7 +6,7 @@
 import type { CreateComboboxProps, ComboboxOptionProps } from "@melt-ui/svelte";
 import type { DOMElement, Expand, OmitFloating, OnChangeFn } from "../../internal/index.js";
 import type { ContentProps, ArrowProps } from "../floating/_types.js";
-import type { Selected } from "../..";
+import type { Selected } from "../../index.js";
 export type WhenTrue<TrueOrFalse, IfTrue, IfFalse, IfNeither = IfTrue | IfFalse> = [
     TrueOrFalse
 ] extends [true] ? IfTrue : [TrueOrFalse] extends [false] ? IfFalse : IfNeither;

package/dist/bits/context-menu/types.d.ts

@@ -1,5 +1,5 @@
 import type { ArrowProps, CheckboxItemProps, RadioGroupProps, RadioItemProps, GroupProps, SubContentProps, SubTriggerProps, ContextTriggerProps as TriggerProps, ItemProps, CheckboxIndicatorProps, SeparatorProps, SubProps, LabelProps, Props, RadioIndicatorProps, ContentEvents, CheckboxItemEvents, ItemEvents, RadioItemEvents, SubTriggerEvents, ContextTriggerEvents as TriggerEvents, SubContentEvents } from "../menu/index.js";
-import type { HTMLDivAttributes, Transition } from "../../internal";
+import type { HTMLDivAttributes, Transition } from "../../internal/index.js";
 import type * as I from "./_types.js";
 type ContentProps<T extends Transition = Transition, In extends Transition = Transition, Out extends Transition = Transition> = I.ContentProps<T, In, Out> & HTMLDivAttributes;
 export type { Props, SubProps, ItemProps, ArrowProps, GroupProps, LabelProps, ContentProps, TriggerProps, RadioItemProps, SeparatorProps, RadioGroupProps, SubContentProps, SubTriggerProps, CheckboxItemProps, CheckboxIndicatorProps, RadioIndicatorProps, ItemEvents, TriggerEvents, ContentEvents, RadioItemEvents, SubContentEvents, SubTriggerEvents, CheckboxItemEvents, };

package/dist/bits/date-field/_types.d.ts

@@ -4,7 +4,7 @@
  * but we don't want to document the HTML attributes.
  */
 import type { Expand, OnChangeFn, OmitDates, DOMElement } from "../../internal/index.js";
-import type { SegmentPart } from "../../shared";
+import type { SegmentPart } from "../../shared/index.js";
 import type { DateValue } from "@internationalized/date";
 import type { CreateDateFieldProps } from "@melt-ui/svelte";
 type Props = Expand<Omit<OmitDates<CreateDateFieldProps>, "required" | "name"> & {

package/dist/bits/date-field/types.d.ts

@@ -1,4 +1,4 @@
-import type { CustomEventHandler } from "../..";
+import type { CustomEventHandler } from "../../index.js";
 import type { HTMLDivAttributes, HTMLSpanAttributes } from "../../internal/index.js";
 import type * as I from "./_types.js";
 type Props = I.Props;

package/dist/bits/date-picker/_types.d.ts

@@ -4,7 +4,7 @@
  * but we don't want to document the HTML attributes.
  */
 import type { Expand, OnChangeFn, OmitDates, OmitFloating, DOMElement } from "../../internal/index.js";
-import type { SegmentPart } from "../../shared";
+import type { SegmentPart } from "../../shared/index.js";
 import type { DateValue } from "@internationalized/date";
 import type { CreateDatePickerProps } from "@melt-ui/svelte";
 type Props = Expand<Omit<OmitFloating<OmitDates<CreateDatePickerProps>>, "required" | "name" | "calendarIds" | "dateFieldIds" | "popoverIds"> & {

package/dist/bits/date-range-field/ctx.d.ts

@@ -31,7 +31,7 @@ export declare function setCtx(props: CreateDateRangeFieldProps): {
             'data-invalid': string | undefined;
             'data-disabled': string | undefined;
         }, string>;
-        startSegment: import("@melt-ui/svelte/internal/helpers").MeltElement<[import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<import("@melt-ui/svelte/dist/builders/date-field/_internal/types").SegmentValueObj>>, import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<12 | 24 | undefined>>, {
+        startSegment: import("@melt-ui/svelte/internal/helpers").MeltElement<[import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<import("@melt-ui/svelte/dist/builders/date-field/_internal/types.js").SegmentValueObj>>, import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<12 | 24 | undefined>>, {
             get: () => import("@internationalized/date").DateValue;
             set: (this: void, value: import("@internationalized/date").DateValue) => void;
             update: (this: void, updater: import("svelte/store").Updater<import("@internationalized/date").DateValue>) => void;
@@ -54,7 +54,7 @@ export declare function setCtx(props: CreateDateRangeFieldProps): {
             subscribe(this: void, run: import("svelte/store").Subscriber<import("@internationalized/date").DateValue | undefined>, invalidate?: import("svelte/store").Invalidator<import("@internationalized/date").DateValue | undefined> | undefined): import("svelte/store").Unsubscriber;
             get: () => import("@internationalized/date").DateValue | undefined;
             destroy?: (() => void) | undefined;
-        }, import("svelte/store").Readable<boolean>, import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<boolean>>, import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<boolean>>, import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Readable<Set<import("@melt-ui/svelte").SegmentPart>>>, import("svelte/store").Readable<{
+        }, import("svelte/store").Readable<boolean>, import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<boolean>>, import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<boolean>>, import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Readable<Set<import("@melt-ui/svelte/index.js").SegmentPart>>>, import("svelte/store").Readable<{
             field: string;
             label: string;
             description: string;
@@ -67,7 +67,7 @@ export declare function setCtx(props: CreateDateRangeFieldProps): {
             second: string;
             dayPeriod: string;
             timeZoneName: string;
-        }>, import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<string>>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown" | "click" | "focusout">, ([$segmentValues, $hourCycle, $placeholder, $value, $isInvalid, $disabled, $readonly, $readonlySegmentsSet, $idValues, _,]: [import("@melt-ui/svelte/dist/builders/date-field/_internal/types").SegmentValueObj, 12 | 24 | undefined, import("@internationalized/date").DateValue, import("@internationalized/date").DateValue | undefined, boolean, boolean, boolean, Set<import("@melt-ui/svelte").SegmentPart>, {
+        }>, import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<string>>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown" | "click" | "focusout">, ([$segmentValues, $hourCycle, $placeholder, $value, $isInvalid, $disabled, $readonly, $readonlySegmentsSet, $idValues, _,]: [import("@melt-ui/svelte/dist/builders/date-field/_internal/types.js").SegmentValueObj, 12 | 24 | undefined, import("@internationalized/date").DateValue, import("@internationalized/date").DateValue | undefined, boolean, boolean, boolean, Set<import("@melt-ui/svelte/index.js").SegmentPart>, {
             field: string;
             label: string;
             description: string;
@@ -80,7 +80,7 @@ export declare function setCtx(props: CreateDateRangeFieldProps): {
             second: string;
             dayPeriod: string;
             timeZoneName: string;
-        }, string]) => (part: import("@melt-ui/svelte").SegmentPart) => {
+        }, string]) => (part: import("@melt-ui/svelte/index.js").SegmentPart) => {
             'aria-invalid': "true" | undefined;
             'aria-disabled': "true" | undefined;
             'aria-readonly': "true" | undefined;
@@ -100,7 +100,7 @@ export declare function setCtx(props: CreateDateRangeFieldProps): {
             'data-disabled': string | undefined;
             'data-segment': string;
         }, string>;
-        endSegment: import("@melt-ui/svelte/internal/helpers").MeltElement<[import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<import("@melt-ui/svelte/dist/builders/date-field/_internal/types").SegmentValueObj>>, import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<12 | 24 | undefined>>, {
+        endSegment: import("@melt-ui/svelte/internal/helpers").MeltElement<[import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<import("@melt-ui/svelte/dist/builders/date-field/_internal/types.js").SegmentValueObj>>, import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<12 | 24 | undefined>>, {
             get: () => import("@internationalized/date").DateValue;
             set: (this: void, value: import("@internationalized/date").DateValue) => void;
             update: (this: void, updater: import("svelte/store").Updater<import("@internationalized/date").DateValue>) => void;
@@ -123,7 +123,7 @@ export declare function setCtx(props: CreateDateRangeFieldProps): {
             subscribe(this: void, run: import("svelte/store").Subscriber<import("@internationalized/date").DateValue | undefined>, invalidate?: import("svelte/store").Invalidator<import("@internationalized/date").DateValue | undefined> | undefined): import("svelte/store").Unsubscriber;
             get: () => import("@internationalized/date").DateValue | undefined;
             destroy?: (() => void) | undefined;
-        }, import("svelte/store").Readable<boolean>, import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<boolean>>, import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<boolean>>, import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Readable<Set<import("@melt-ui/svelte").SegmentPart>>>, import("svelte/store").Readable<{
+        }, import("svelte/store").Readable<boolean>, import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<boolean>>, import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<boolean>>, import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Readable<Set<import("@melt-ui/svelte/index.js").SegmentPart>>>, import("svelte/store").Readable<{
             field: string;
             label: string;
             description: string;
@@ -136,7 +136,7 @@ export declare function setCtx(props: CreateDateRangeFieldProps): {
             second: string;
             dayPeriod: string;
             timeZoneName: string;
-        }>, import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<string>>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown" | "click" | "focusout">, ([$segmentValues, $hourCycle, $placeholder, $value, $isInvalid, $disabled, $readonly, $readonlySegmentsSet, $idValues, _,]: [import("@melt-ui/svelte/dist/builders/date-field/_internal/types").SegmentValueObj, 12 | 24 | undefined, import("@internationalized/date").DateValue, import("@internationalized/date").DateValue | undefined, boolean, boolean, boolean, Set<import("@melt-ui/svelte").SegmentPart>, {
+        }>, import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<string>>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown" | "click" | "focusout">, ([$segmentValues, $hourCycle, $placeholder, $value, $isInvalid, $disabled, $readonly, $readonlySegmentsSet, $idValues, _,]: [import("@melt-ui/svelte/dist/builders/date-field/_internal/types.js").SegmentValueObj, 12 | 24 | undefined, import("@internationalized/date").DateValue, import("@internationalized/date").DateValue | undefined, boolean, boolean, boolean, Set<import("@melt-ui/svelte/index.js").SegmentPart>, {
             field: string;
             label: string;
             description: string;
@@ -149,7 +149,7 @@ export declare function setCtx(props: CreateDateRangeFieldProps): {
             second: string;
             dayPeriod: string;
             timeZoneName: string;
-        }, string]) => (part: import("@melt-ui/svelte").SegmentPart) => {
+        }, string]) => (part: import("@melt-ui/svelte/index.js").SegmentPart) => {
             'aria-invalid': "true" | undefined;
             'aria-disabled': "true" | undefined;
             'aria-readonly': "true" | undefined;
@@ -201,10 +201,10 @@ export declare function setCtx(props: CreateDateRangeFieldProps): {
     };
     states: {
         value: {
-            update: (updater: import("svelte/store").Updater<import("@melt-ui/svelte").DateRange>, sideEffect?: ((newValue: import("@melt-ui/svelte").DateRange) => void) | undefined) => void;
-            set: (this: void, value: import("@melt-ui/svelte").DateRange) => void;
-            subscribe(this: void, run: import("svelte/store").Subscriber<import("@melt-ui/svelte").DateRange>, invalidate?: import("svelte/store").Invalidator<import("@melt-ui/svelte").DateRange> | undefined): import("svelte/store").Unsubscriber;
-            get: () => import("@melt-ui/svelte").DateRange;
+            update: (updater: import("svelte/store").Updater<import("@melt-ui/svelte/index.js").DateRange>, sideEffect?: ((newValue: import("@melt-ui/svelte/index.js").DateRange) => void) | undefined) => void;
+            set: (this: void, value: import("@melt-ui/svelte/index.js").DateRange) => void;
+            subscribe(this: void, run: import("svelte/store").Subscriber<import("@melt-ui/svelte/index.js").DateRange>, invalidate?: import("svelte/store").Invalidator<import("@melt-ui/svelte/index.js").DateRange> | undefined): import("svelte/store").Unsubscriber;
+            get: () => import("@melt-ui/svelte/index.js").DateRange;
             destroy?: (() => void) | undefined;
         };
         placeholder: {
@@ -215,24 +215,24 @@ export declare function setCtx(props: CreateDateRangeFieldProps): {
         };
         segmentContents: import("svelte/store").Readable<{
             start: {
-                part: import("@melt-ui/svelte").SegmentPart;
+                part: import("@melt-ui/svelte/index.js").SegmentPart;
                 value: string;
             }[];
             end: {
-                part: import("@melt-ui/svelte").SegmentPart;
+                part: import("@melt-ui/svelte/index.js").SegmentPart;
                 value: string;
             }[];
         }>;
-        endSegmentValues: import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<import("@melt-ui/svelte/dist/builders/date-field/_internal/types").SegmentValueObj>>;
-        startSegmentValues: import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<import("@melt-ui/svelte/dist/builders/date-field/_internal/types").SegmentValueObj>>;
+        endSegmentValues: import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<import("@melt-ui/svelte/dist/builders/date-field/_internal/types.js").SegmentValueObj>>;
+        startSegmentValues: import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<import("@melt-ui/svelte/dist/builders/date-field/_internal/types.js").SegmentValueObj>>;
         isInvalid: import("svelte/store").Readable<boolean>;
     };
     options: {
         endName: import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<string | undefined>>;
         startName: import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<string | undefined>>;
         disabled: import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<boolean>>;
-        onValueChange?: import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<import("@melt-ui/svelte/internal/helpers").ChangeFn<import("@melt-ui/svelte").DateRange> | undefined>> | undefined;
-        defaultValue: import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<import("@melt-ui/svelte").DateRange>>;
+        onValueChange?: import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<import("@melt-ui/svelte/internal/helpers").ChangeFn<import("@melt-ui/svelte/index.js").DateRange> | undefined>> | undefined;
+        defaultValue: import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<import("@melt-ui/svelte/index.js").DateRange>>;
         ids?: import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<Partial<{
             label: string;
             description: string;
@@ -241,9 +241,9 @@ export declare function setCtx(props: CreateDateRangeFieldProps): {
         }> | undefined>> | undefined;
         required?: import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<boolean | undefined>> | undefined;
         defaultPlaceholder?: import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<import("@internationalized/date").DateValue | undefined>> | undefined;
-        granularity: import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<import("@melt-ui/svelte").Granularity | undefined>>;
+        granularity: import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<import("@melt-ui/svelte/index.js").Granularity | undefined>>;
         onPlaceholderChange?: import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<import("@melt-ui/svelte/internal/helpers").ChangeFn<import("@internationalized/date").DateValue> | undefined>> | undefined;
-        isDateUnavailable: import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<import("@melt-ui/svelte").Matcher | undefined>>;
+        isDateUnavailable: import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<import("@melt-ui/svelte/index.js").Matcher | undefined>>;
         minValue: import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<import("@internationalized/date").DateValue | undefined>>;
         maxValue: import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<import("@internationalized/date").DateValue | undefined>>;
         readonly: import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<boolean>>;

package/dist/bits/date-range-field/ctx.js

@@ -1,7 +1,7 @@
 import { createDateRangeField } from "@melt-ui/svelte";
 import { getContext, setContext } from "svelte";
 import { removeUndefined, getOptionUpdater, createBitAttrs } from "../../internal/index.js";
-import { getDateFieldData } from "../date-field/ctx";
+import { getDateFieldData } from "../date-field/ctx.js";
 export function setCtx(props) {
     const { NAME, PARTS } = getDateFieldData();
     const getAttrs = createBitAttrs(NAME, PARTS);

package/dist/bits/date-range-picker/_types.d.ts

@@ -4,7 +4,7 @@
  * but we don't want to document the HTML attributes.
  */
 import type { Expand, OnChangeFn, OmitDates, OmitFloating, DOMElement } from "../../internal/index.js";
-import type { DateRange, SegmentPart } from "../../shared";
+import type { DateRange, SegmentPart } from "../../shared/index.js";
 import type { DateValue } from "@internationalized/date";
 import type { CreateDateRangePickerProps } from "@melt-ui/svelte";
 type OmitStartEnd<T> = Omit<T, "startName" | "endName" | "startIds" | "endIds" | "dateFieldIds" | "popoverIds" | "calendarIds">;

package/dist/bits/floating/helpers.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="svelte" />
 import type { Writable } from "svelte/store";
-import type { FloatingConfig } from "./floating-config";
+import type { FloatingConfig } from "./floating-config.js";
 import type { FloatingProps } from "./_types.js";
 export declare function getPositioningUpdater(store: Writable<FloatingConfig>): (props?: FloatingProps) => void;
 export declare function updatePositioning(store: Writable<FloatingConfig>, props: FloatingProps): void;

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

@@ -1,3 +1,3 @@
-import type { HTMLDivAttributes, Transition } from "../../internal";
+import type { HTMLDivAttributes, Transition } from "../../internal/index.js";
 import type * as I from "./_types.js";
 export type ContentProps<T extends Transition = Transition, In extends Transition = Transition, Out extends Transition = Transition> = I.ContentProps<T, In, Out> & HTMLDivAttributes;

package/dist/bits/label/ctx.js

@@ -1,4 +1,4 @@
-import { createBitAttrs } from "../../internal";
+import { createBitAttrs } from "../../internal/index.js";
 export function getLabelData() {
     const NAME = "label";
     const PARTS = ["root"];

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

@@ -3,7 +3,7 @@
  * such as `DropdownMenu`, `Menubar` & `ContextMenu`.
  */
 import type { DOMEl, HTMLDivAttributes } from "../../internal/index.js";
-import type { CustomEventHandler } from "../..";
+import type { CustomEventHandler } from "../../index.js";
 import type { HTMLAnchorAttributes, HTMLButtonAttributes } from "svelte/elements";
 import type * as I from "./_types.js";
 import type { ContentProps } from "../floating/types.js";

package/dist/bits/menubar/ctx.js

@@ -2,7 +2,7 @@ import { createMenubar, } from "@melt-ui/svelte";
 import { getContext, setContext } from "svelte";
 import { createBitAttrs, getOptionUpdater, removeUndefined } from "../../internal/index.js";
 import { getPositioningUpdater } from "../floating/helpers.js";
-import { getSubmenuCtx } from "../menu/ctx";
+import { getSubmenuCtx } from "../menu/ctx.js";
 function getMenubarData() {
     const NAME = "menubar";
     const MENU_NAME = "menu";

package/dist/bits/pagination/_types.d.ts

@@ -3,7 +3,7 @@
  * to type-check our API documentation, which requires we document each prop,
  * but we don't want to document the HTML attributes.
  */
-import type { DOMElement, Expand, OnChangeFn } from "../../internal";
+import type { DOMElement, Expand, OnChangeFn } from "../../internal/index.js";
 import type { CreatePaginationProps, Page } from "@melt-ui/svelte";
 type OmitPaginationProps<T> = Omit<T, "page" | "defaultPage" | "onPageChange">;
 type Props = Expand<OmitPaginationProps<CreatePaginationProps> & {

package/dist/bits/pagination/ctx.js

@@ -1,6 +1,6 @@
 import { createPagination } from "@melt-ui/svelte";
 import { getContext, setContext } from "svelte";
-import { createBitAttrs, getOptionUpdater, removeUndefined } from "../../internal";
+import { createBitAttrs, getOptionUpdater, removeUndefined } from "../../internal/index.js";
 export function getPaginationData() {
     const NAME = "pagination";
     const PARTS = ["root", "prev-button", "next-button", "page"];

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

@@ -1,5 +1,5 @@
 import type { HTMLButtonAttributes } from "svelte/elements";
-import type { CustomEventHandler } from "../..";
+import type { CustomEventHandler } from "../../index.js";
 import type * as I from "./_types.js";
 import type { HTMLDivAttributes } from "../../internal/types.js";
 type Props = I.Props & HTMLDivAttributes;

package/dist/bits/pin-input/types.d.ts

@@ -1,5 +1,5 @@
 import type { HTMLDivAttributes } from "../../internal/index.js";
-import type { CustomEventHandler } from "../..";
+import type { CustomEventHandler } from "../../index.js";
 import type { HTMLInputAttributes } from "svelte/elements";
 import type * as I from "./_types.js";
 type Props = I.Props & HTMLDivAttributes;

package/dist/bits/range-calendar/types.d.ts

@@ -1,7 +1,7 @@
-import type { HTMLDivAttributes } from "../../internal";
+import type { HTMLDivAttributes } from "../../internal/index.js";
 import type { HTMLAttributes, HTMLButtonAttributes, HTMLTableAttributes, HTMLTdAttributes, HTMLThAttributes } from "svelte/elements";
 import type * as I from "./_types.js";
-import type { CustomEventHandler } from "../..";
+import type { CustomEventHandler } from "../../index.js";
 type Props = I.Props & Omit<HTMLDivAttributes, "placeholder">;
 type PrevButtonProps = I.PrevButtonProps & HTMLButtonAttributes;
 type NextButtonProps = I.NextButtonProps & HTMLButtonAttributes;

package/dist/bits/select/_types.d.ts

@@ -6,7 +6,7 @@
 import type { CreateSelectProps, SelectOptionProps } from "@melt-ui/svelte";
 import type { DOMElement, Expand, OmitFloating, OnChangeFn } from "../../internal/index.js";
 import type { ContentProps, ArrowProps } from "../floating/_types.js";
-import type { Selected } from "../..";
+import type { Selected } from "../../index.js";
 export type WhenTrue<TrueOrFalse, IfTrue, IfFalse, IfNeither = IfTrue | IfFalse> = [
     TrueOrFalse
 ] extends [true] ? IfTrue : [TrueOrFalse] extends [false] ? IfFalse : IfNeither;

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

@@ -1,6 +1,6 @@
 <script>import { melt } from "@melt-ui/svelte";
 import { getCtx } from "../ctx.js";
-import { createDispatcher } from "../../../internal";
+import { createDispatcher } from "../../../internal/index.js";
 export let value;
 export let disabled = false;
 export let asChild = false;

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

@@ -1,6 +1,6 @@
 import type { HTMLDivAttributes, Transition } from "../../internal/index.js";
 import type { HTMLButtonAttributes } from "svelte/elements";
-import type { CustomEventHandler } from "../..";
+import type { CustomEventHandler } from "../../index.js";
 import type * as I from "./_types.js";
 type Props = I.Props;
 type ContentProps<T extends Transition = Transition, In extends Transition = Transition, Out extends Transition = Transition> = I.ContentProps<T, In, Out> & HTMLDivAttributes;

package/dist/helpers/index.d.ts

@@ -1,2 +1,2 @@
-export * from "./builders";
-export * from "./event-handlers";
+export * from "./builders.js";
+export * from "./event-handlers.js";

package/dist/helpers/index.js

@@ -1,2 +1,2 @@
-export * from "./builders";
-export * from "./event-handlers";
+export * from "./builders.js";
+export * from "./event-handlers.js";

package/dist/internal/focus.js

@@ -1,4 +1,4 @@
-import { isBrowser } from ".";
+import { isBrowser } from "./index.js";
 /**
  * Handles `initialFocus` prop behavior for the
  * Calendar & RangeCalendar components.

package/dist/internal/types.d.ts

@@ -2,7 +2,7 @@
 import type { Action } from "svelte/action";
 import type { HTMLAttributes } from "svelte/elements";
 import type { TransitionConfig } from "svelte/transition";
-import type { CreateDispatcher } from ".";
+import type { CreateDispatcher } from "./index.js";
 export type ObjectVariation<T> = T extends object ? T : never;
 export type Transition = (node: Element, params?: any) => TransitionConfig;
 export type TransitionParams<T extends Transition> = Parameters<T>[1];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bits-ui",
-  "version": "0.18.2",
+  "version": "0.18.3",
   "license": "MIT",
   "repository": "github:huntabyte/bits-ui",
   "exports": {
@@ -21,7 +21,7 @@
     "@playwright/test": "^1.28.1",
     "@sveltejs/adapter-vercel": "^5.1.0",
     "@sveltejs/kit": "^2.5.0",
-    "@sveltejs/package": "^2.2.6",
+    "@sveltejs/package": "^2.2.7",
     "@sveltejs/vite-plugin-svelte": "^3.0.2",
     "@svitejs/changesets-changelog-github-compact": "^1.1.0",
     "@tailwindcss/typography": "^0.5.10",