bits-ui 0.21.0 → 0.21.2

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

@@ -1,12 +1,87 @@
-import type { HTMLDivAttributes, HTMLSpanAttributes } from "../../internal/index.js";
-import type * as I from "./_types.js";
-import type { CellProps, DayProps, GridBodyProps, GridHeadProps, GridRowProps, GridProps, HeadCellProps, HeaderProps, HeadingProps, NextButtonProps, PrevButtonProps, NextButtonEvents, PrevButtonEvents, DayEvents, Events as CalendarEvents } from "../range-calendar/types.js";
-import type { TriggerProps, ContentProps, ArrowProps, CloseProps, CloseEvents, TriggerEvents } from "../popover/types.js";
-import type { SegmentEvents } from "../date-range-field/types.js";
-type Props = I.Props;
-type LabelProps = I.LabelProps & HTMLSpanAttributes;
-type SegmentProps = I.SegmentProps & HTMLDivAttributes;
-type InputProps = I.InputProps & HTMLDivAttributes;
-type DescriptionProps = I.DescriptionProps & HTMLDivAttributes;
-type CalendarProps = I.CalendarProps & HTMLDivAttributes;
-export type { Props, CalendarProps, LabelProps, DescriptionProps, InputProps, SegmentProps, CellProps, DayProps, GridBodyProps, GridHeadProps, GridRowProps, GridProps, HeadCellProps, HeaderProps, HeadingProps, NextButtonProps, PrevButtonProps, TriggerProps, ContentProps, ArrowProps, CloseProps, CloseEvents, TriggerEvents, NextButtonEvents, PrevButtonEvents, DayEvents, CalendarEvents, SegmentEvents, };
+import type { DateValue } from "@internationalized/date";
+import type { CreateDateRangePickerProps as MeltDateRangePickerProps } from "@melt-ui/svelte";
+import type { DOMElement, Expand, HTMLDivAttributes, HTMLSpanAttributes, OmitDates, OmitFloating, OnChangeFn } from "../../internal/index.js";
+import type { DateRange, SegmentPart } from "../../shared/index.js";
+export type { RangeCalendarCellProps as DateRangePickerCellProps, RangeCalendarDayEvents as DateRangePickerDayEvents, RangeCalendarDayProps as DateRangePickerDayProps, RangeCalendarEvents as DateRangePickerCalendarEvents, RangeCalendarGridBodyProps as DateRangePickerGridBodyProps, RangeCalendarGridHeadProps as DateRangePickerGridHeadProps, RangeCalendarGridProps as DateRangePickerGridProps, RangeCalendarGridRowProps as DateRangePickerGridRowProps, RangeCalendarHeadCellProps as DateRangePickerHeadCellProps, RangeCalendarHeaderProps as DateRangePickerHeaderProps, RangeCalendarHeadingProps as DateRangePickerHeadingProps, RangeCalendarNextButtonEvents as DateRangePickerNextButtonEvents, RangeCalendarNextButtonProps as DateRangePickerNextButtonProps, RangeCalendarPrevButtonEvents as DateRangePickerPrevButtonEvents, RangeCalendarPrevButtonProps as DateRangePickerPrevButtonProps, } from "../range-calendar/types.js";
+export type { PopoverArrowProps as DateRangePickerArrowProps, PopoverCloseEvents as DateRangePickerCloseEvents, PopoverCloseProps as DateRangePickerCloseProps, PopoverContentProps as DateRangePickerContentProps, PopoverTriggerEvents as DateRangePickerTriggerEvents, PopoverTriggerProps as DateRangePickerTriggerProps, } from "../popover/types.js";
+export type { DateRangeFieldSegmentEvents as DateRangePickerSegmentEvents } from "../date-range-field/types.js";
+type OmitStartEnd<T> = Omit<T, "startName" | "endName" | "startIds" | "endIds" | "dateFieldIds" | "popoverIds" | "calendarIds">;
+type OmitForm<T> = Omit<T, "required" | "name">;
+type WithOmission<T> = OmitForm<OmitDates<OmitStartEnd<OmitFloating<T>>>>;
+export type DateRangePickerPropsWithoutHTML = Expand<WithOmission<MeltDateRangePickerProps> & {
+    /**
+     * The open state of the popover.
+     * You can bind this to a boolean value to programmatically control the open state.
+     *
+     * @default false
+     */
+    open?: boolean;
+    /**
+     * A callback function called when the open state changes.
+     */
+    onOpenChange?: OnChangeFn<boolean>;
+    /**
+     * The value of the date field.
+     * You can bind this to a `DateValue` object to programmatically control the value.
+     */
+    value?: DateRange;
+    /**
+     * A callback function called when the value changes.
+     */
+    onValueChange?: OnChangeFn<DateRange | undefined>;
+    /**
+     * The placeholder date used to start the field.
+     */
+    placeholder?: DateValue;
+    /**
+     * A callback function called when the placeholder changes.
+     */
+    onPlaceholderChange?: OnChangeFn<DateValue>;
+    /**
+     * The id of the validation message element which is used to apply the
+     * appropriate `aria-describedby` attribute to the input.
+     */
+    validationId?: string;
+    /**
+     * The id of the description element which is used to describe the input.
+     * This is used to apply the appropriate `aria-describedby` attribute to the input.
+     */
+    descriptionId?: string;
+    /**
+     * The `start` value of the date range, which can exist prior
+     * to the `value` being set. The `value` is only set once a `start`
+     * and `end` value are selected.
+     *
+     * You can `bind:startValue` to a value to receive updates outside
+     * this component when the user selects a `start` value.
+     *
+     * Modifying this value outside the component will have no effect.
+     * To programmatically control the `start` value, use `bind:value`
+     * and update the `start` property of the `DateRange` object.
+     *
+     * This is provided as a convenience for use cases where you want
+     * to display the selected `start` value outside the component before
+     * the `value` is set.
+     */
+    startValue?: DateValue | undefined;
+}>;
+export type DateRangePickerInputPropsWithoutHTML = DOMElement;
+export type DateRangePickerDescriptionPropsWithoutHTML = DOMElement;
+export type DateRangePickerLabelPropsWithoutHTML = DOMElement<HTMLSpanElement>;
+export type DateRangePickerCalendarPropsWithoutHTML = DOMElement;
+export type DateRangePickerSegmentPropsWithoutHTML = Expand<{
+    /**
+     * The type of field to render (start or end).
+     */
+    type: "start" | "end";
+    /**
+     * The part of the date to render.
+     */
+    part: SegmentPart;
+} & DOMElement>;
+export type DateRangePickerProps = DateRangePickerPropsWithoutHTML;
+export type DateRangePickerLabelProps = DateRangePickerLabelPropsWithoutHTML & HTMLSpanAttributes;
+export type DateRangePickerSegmentProps = DateRangePickerSegmentPropsWithoutHTML & HTMLDivAttributes;
+export type DateRangePickerInputProps = DateRangePickerInputPropsWithoutHTML & HTMLDivAttributes;
+export type DateRangePickerDescriptionProps = DateRangePickerDescriptionPropsWithoutHTML & HTMLDivAttributes;
+export type DateRangePickerCalendarProps = DateRangePickerCalendarPropsWithoutHTML & HTMLDivAttributes;

package/dist/bits/dialog/components/dialog-close.svelte.d.ts

@@ -1,7 +1,7 @@
 import { SvelteComponent } from "svelte";
-import type { CloseEvents } from "../types.js";
+import type { CloseEvents } from "../index.js";
 declare const __propDef: {
-    props: import("../types.js").TriggerProps;
+    props: import("../types.js").DialogTriggerProps;
     slots: {
         default: {
             builder: {

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

@@ -1,6 +1,6 @@
 import { SvelteComponent } from "svelte";
+import type { ContentEvents, ContentProps } from "../index.js";
 import type { Transition } from "../../../internal/index.js";
-import type { ContentEvents, ContentProps } from "../types.js";
 declare class __sveltets_Render<T extends Transition, In extends Transition, Out extends Transition> {
     props(): ContentProps<T, In, Out>;
     events(): ContentEvents;

package/dist/bits/dialog/components/dialog-description.svelte.d.ts

@@ -1,5 +1,5 @@
 import { SvelteComponent } from "svelte";
-import type { DescriptionProps } from "../types.js";
+import type { DescriptionProps } from "../index.js";
 declare const __propDef: {
     props: DescriptionProps;
     events: {

package/dist/bits/dialog/components/dialog-overlay.svelte.d.ts

@@ -1,6 +1,6 @@
 import { SvelteComponent } from "svelte";
+import type { OverlayEvents, OverlayProps } from "../index.js";
 import type { Transition } from "../../../internal/index.js";
-import type { OverlayEvents, OverlayProps } from "../types.js";
 declare class __sveltets_Render<T extends Transition, In extends Transition, Out extends Transition> {
     props(): OverlayProps<T, In, Out>;
     events(): OverlayEvents;

package/dist/bits/dialog/components/dialog-portal.svelte.d.ts

@@ -1,5 +1,5 @@
 import { SvelteComponent } from "svelte";
-import type { PortalProps } from "../types.js";
+import type { PortalProps } from "../index.js";
 declare const __propDef: {
     props: PortalProps;
     events: {

package/dist/bits/dialog/components/dialog-title.svelte.d.ts

@@ -1,5 +1,5 @@
 import { SvelteComponent } from "svelte";
-import type { TitleProps } from "../types.js";
+import type { TitleProps } from "../index.js";
 declare const __propDef: {
     props: TitleProps;
     events: {

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

@@ -1,5 +1,5 @@
 import { SvelteComponent } from "svelte";
-import type { TriggerEvents, TriggerProps } from "../types.js";
+import type { TriggerEvents, TriggerProps } from "../index.js";
 declare const __propDef: {
     props: TriggerProps;
     slots: {

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

@@ -1,11 +1,11 @@
 import { SvelteComponent } from "svelte";
 declare const __propDef: {
     props: {
+        portal?: string | HTMLElement | null | undefined;
         preventScroll?: boolean | undefined;
         closeOnEscape?: boolean | undefined;
         closeOnOutsideClick?: boolean | undefined;
         onOutsideClick?: ((event: MouseEvent | TouchEvent | PointerEvent) => void) | undefined;
-        portal?: string | HTMLElement | null | undefined;
         open?: boolean | undefined;
         onOpenChange?: import("../../../internal/types.js").OnChangeFn<boolean> | undefined;
         openFocus?: import("../../../index.js").FocusProp | undefined;

package/dist/bits/dialog/ctx.d.ts

@@ -8,7 +8,7 @@ type SetProps = CreateDialogProps;
 type GetReturn = Omit<ReturnType<typeof setCtx>, "updateOption">;
 export declare function setCtx(props: SetProps): {
     updateOption: <K extends string, V extends unknown>(key: K, value: V | undefined) => void;
-    getAttrs: (part: "content" | "portal" | "description" | "title" | "trigger" | "close" | "overlay") => Record<string, string>;
+    getAttrs: (part: "title" | "content" | "trigger" | "close" | "description" | "overlay" | "portal") => Record<string, string> | undefined;
     ids: import("@melt-ui/svelte/internal/helpers").ToWritableStores<{
         title: string;
         description: string;

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

@@ -6,4 +6,4 @@ export { default as Content } from "./components/dialog-content.svelte";
 export { default as Overlay } from "./components/dialog-overlay.svelte";
 export { default as Trigger } from "./components/dialog-trigger.svelte";
 export { default as Description } from "./components/dialog-description.svelte";
-export * from "./types.js";
+export type { DialogProps as Props, DialogTitleProps as TitleProps, DialogCloseProps as CloseProps, DialogPortalProps as PortalProps, DialogContentProps as ContentProps, DialogOverlayProps as OverlayProps, DialogTriggerProps as TriggerProps, DialogDescriptionProps as DescriptionProps, DialogTriggerEvents as TriggerEvents, DialogCloseEvents as CloseEvents, DialogContentEvents as ContentEvents, DialogOverlayEvents as OverlayEvents, } from "./types.js";

package/dist/bits/dialog/index.js

@@ -6,4 +6,3 @@ export { default as Content } from "./components/dialog-content.svelte";
 export { default as Overlay } from "./components/dialog-overlay.svelte";
 export { default as Trigger } from "./components/dialog-trigger.svelte";
 export { default as Description } from "./components/dialog-description.svelte";
-export * from "./types.js";

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

@@ -1,19 +1,50 @@
-import type { HTMLDivAttributes, HTMLHeadingAttributes, SvelteEvent, Transition } from "../../internal/index.js";
 import type { HTMLButtonAttributes } from "svelte/elements";
+import type { CreateDialogProps as MeltDialogProps } from "@melt-ui/svelte";
+import type { DOMElement, Expand, HTMLDivAttributes, HTMLHeadingAttributes, OmitOpen, OnChangeFn, SvelteEvent, Transition, TransitionProps } from "../../internal/index.js";
 import type { CustomEventHandler } from "../../index.js";
-import type * as I from "./_types.js";
-type Props = I.Props;
-type TriggerProps = I.TriggerProps & HTMLButtonAttributes;
-type CloseProps = TriggerProps;
-type ContentProps<T extends Transition = Transition, In extends Transition = Transition, Out extends Transition = Transition> = I.ContentProps<T, In, Out> & HTMLDivAttributes;
-type DescriptionProps = I.DescriptionProps & HTMLDivAttributes;
-type OverlayProps<T extends Transition = Transition, In extends Transition = Transition, Out extends Transition = Transition> = I.OverlayProps<T, In, Out> & HTMLDivAttributes;
-type PortalProps = I.PortalProps & HTMLDivAttributes;
-type TitleProps = I.TitleProps & HTMLHeadingAttributes;
-type OverlayEvents<T extends Element = HTMLElement> = {
+import type { FocusProp } from "../../shared/index.js";
+export type DialogPropsWithoutHTML = Expand<OmitOpen<Omit<MeltDialogProps, "role" | "ids" | "forceVisible" | "openFocus" | "closeFocus">> & {
+    /**
+     * The open state of the dialog.
+     * You can bind this to a boolean value to programmatically control the open state.
+     *
+     * @defaultValue false
+     */
+    open?: MeltDialogProps["defaultOpen"] & {};
+    /**
+     * A callback function called when the open state changes.
+     */
+    onOpenChange?: OnChangeFn<boolean>;
+    /**
+     * Override the default autofocus behavior of the dialog when it opens
+     */
+    openFocus?: FocusProp;
+    /**
+     * Override the default autofocus behavior of the dialog after close
+     */
+    closeFocus?: FocusProp;
+}>;
+export type DialogTriggerPropsWithoutHTML = DOMElement<HTMLButtonElement>;
+export type DialogClosePropsWithoutHTML = DialogTriggerPropsWithoutHTML;
+export type DialogContentPropsWithoutHTML<T extends Transition = Transition, In extends Transition = Transition, Out extends Transition = Transition> = Expand<TransitionProps<T, In, Out> & DOMElement>;
+export type DialogDescriptionPropsWithoutHTML = DOMElement;
+export type DialogOverlayPropsWithoutHTML<T extends Transition = Transition, In extends Transition = Transition, Out extends Transition = Transition> = Expand<TransitionProps<T, In, Out> & DOMElement>;
+export type DialogPortalPropsWithoutHTML = DOMElement;
+export type DialogTitlePropsWithoutHTML = Expand<{
+    level?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
+} & DOMElement<HTMLHeadingElement>>;
+export type DialogProps = DialogPropsWithoutHTML;
+export type DialogTriggerProps = DialogTriggerPropsWithoutHTML & HTMLButtonAttributes;
+export type DialogCloseProps = DialogTriggerProps;
+export type DialogContentProps<T extends Transition = Transition, In extends Transition = Transition, Out extends Transition = Transition> = DialogContentPropsWithoutHTML<T, In, Out> & HTMLDivAttributes;
+export type DialogDescriptionProps = DialogDescriptionPropsWithoutHTML & HTMLDivAttributes;
+export type DialogOverlayProps<T extends Transition = Transition, In extends Transition = Transition, Out extends Transition = Transition> = DialogOverlayPropsWithoutHTML<T, In, Out> & HTMLDivAttributes;
+export type DialogPortalProps = DialogPortalPropsWithoutHTML & HTMLDivAttributes;
+export type DialogTitleProps = DialogTitlePropsWithoutHTML & HTMLHeadingAttributes;
+export type DialogOverlayEvents<T extends Element = HTMLElement> = {
     mouseup: SvelteEvent<MouseEvent, T>;
 };
-type ContentEvents<T extends Element = HTMLElement> = {
+export type DialogContentEvents<T extends Element = HTMLElement> = {
     pointerdown: SvelteEvent<PointerEvent, T>;
     pointerup: SvelteEvent<PointerEvent, T>;
     pointermove: SvelteEvent<PointerEvent, T>;
@@ -22,9 +53,8 @@ type ContentEvents<T extends Element = HTMLElement> = {
     touchcancel: SvelteEvent<TouchEvent, T>;
     touchmove: SvelteEvent<TouchEvent, T>;
 };
-type TriggerEvents<T extends Element = HTMLButtonElement> = {
+export type DialogTriggerEvents<T extends Element = HTMLButtonElement> = {
     click: CustomEventHandler<MouseEvent, T>;
     keydown: CustomEventHandler<KeyboardEvent, T>;
 };
-type CloseEvents = TriggerEvents;
-export type { Props, CloseProps, TitleProps, PortalProps, ContentProps, TriggerProps, OverlayProps, DescriptionProps, TriggerEvents, CloseEvents, ContentEvents, OverlayEvents, };
+export type DialogCloseEvents = DialogTriggerEvents;

package/dist/bits/dropdown-menu/index.d.ts

@@ -14,4 +14,4 @@ export { default as SubTrigger } from "../menu/components/menu-sub-trigger.svelt
 export { default as CheckboxItem } from "../menu/components/menu-checkbox-item.svelte";
 export { default as CheckboxIndicator } from "../menu/components/menu-checkbox-indicator.svelte";
 export { default as RadioIndicator } from "../menu/components/menu-radio-indicator.svelte";
-export * from "./types.js";
+export type { DropdownMenuArrowProps as ArrowProps, DropdownMenuCheckboxIndicatorProps as CheckboxIndicatorProps, DropdownMenuCheckboxItemEvents as CheckboxItemEvents, DropdownMenuCheckboxItemProps as CheckboxItemProps, DropdownMenuContentEvents as ContentEvents, DropdownMenuContentProps as ContentProps, DropdownMenuGroupProps as GroupProps, DropdownMenuItemEvents as ItemEvents, DropdownMenuItemProps as ItemProps, DropdownMenuLabelProps as LabelProps, DropdownMenuProps as Props, DropdownMenuRadioGroupProps as RadioGroupProps, DropdownMenuRadioIndicatorProps as RadioIndicatorProps, DropdownMenuRadioItemEvents as RadioItemEvents, DropdownMenuRadioItemProps as RadioItemProps, DropdownMenuSeparatorProps as SeparatorProps, DropdownMenuSubContentEvents as SubContentEvents, DropdownMenuSubContentProps as SubContentProps, DropdownMenuSubProps as SubProps, DropdownMenuSubTriggerEvents as SubTriggerEvents, DropdownMenuSubTriggerProps as SubTriggerProps, DropdownMenuTriggerEvents as DropdownTriggerEvents, DropdownMenuTriggerProps as DropdownTriggerProps, } from "./types.js";

package/dist/bits/dropdown-menu/index.js

@@ -14,4 +14,3 @@ export { default as SubTrigger } from "../menu/components/menu-sub-trigger.svelt
 export { default as CheckboxItem } from "../menu/components/menu-checkbox-item.svelte";
 export { default as CheckboxIndicator } from "../menu/components/menu-checkbox-indicator.svelte";
 export { default as RadioIndicator } from "../menu/components/menu-radio-indicator.svelte";
-export * from "./types.js";

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

@@ -1,2 +1,2 @@
-import type { Props, SubProps, ItemProps, LabelProps, GroupProps, ArrowProps, ContentProps, SeparatorProps, RadioItemProps, RadioGroupProps, SubContentProps, SubTriggerProps, CheckboxItemProps, RadioIndicatorProps, CheckboxIndicatorProps, DropdownTriggerProps as TriggerProps, ItemEvents, ContentEvents, RadioItemEvents, SubTriggerEvents, SubContentEvents, CheckboxItemEvents, DropdownTriggerEvents as TriggerEvents } from "../menu/index.js";
-export type { Props, SubProps, ItemProps, ArrowProps, GroupProps, LabelProps, ContentProps, TriggerProps, RadioItemProps, SeparatorProps, RadioGroupProps, SubContentProps, SubTriggerProps, CheckboxItemProps, RadioIndicatorProps, CheckboxIndicatorProps, ItemEvents, TriggerEvents, ContentEvents, RadioItemEvents, SubContentEvents, SubTriggerEvents, CheckboxItemEvents, };
+export type { ArrowProps as DropdownMenuArrowProps, CheckboxIndicatorProps as DropdownMenuCheckboxIndicatorProps, CheckboxItemEvents as DropdownMenuCheckboxItemEvents, CheckboxItemProps as DropdownMenuCheckboxItemProps, ContentEvents as DropdownMenuContentEvents, ContentProps as DropdownMenuContentProps, GroupProps as DropdownMenuGroupProps, ItemEvents as DropdownMenuItemEvents, ItemProps as DropdownMenuItemProps, LabelProps as DropdownMenuLabelProps, Props as DropdownMenuProps, RadioGroupProps as DropdownMenuRadioGroupProps, RadioIndicatorProps as DropdownMenuRadioIndicatorProps, RadioItemEvents as DropdownMenuRadioItemEvents, RadioItemProps as DropdownMenuRadioItemProps, SeparatorProps as DropdownMenuSeparatorProps, SubContentEvents as DropdownMenuSubContentEvents, SubContentProps as DropdownMenuSubContentProps, SubProps as DropdownMenuSubProps, SubTriggerEvents as DropdownMenuSubTriggerEvents, SubTriggerProps as DropdownMenuSubTriggerProps, DropdownTriggerEvents as DropdownMenuTriggerEvents, DropdownTriggerProps as DropdownMenuTriggerProps, } from "../menu/index.js";
+export type { MenuPropsWithoutHTML as DropdownMenuPropsWithoutHTML, MenuArrowPropsWithoutHTML as DropdownMenuArrowPropsWithoutHTML, MenuCheckboxIndicatorPropsWithoutHTML as DropdownMenuCheckboxIndicatorPropsWithoutHTML, MenuCheckboxItemPropsWithoutHTML as DropdownMenuCheckboxItemPropsWithoutHTML, MenuContentPropsWithoutHTML as DropdownMenuContentPropsWithoutHTML, MenuGroupPropsWithoutHTML as DropdownMenuGroupPropsWithoutHTML, MenuItemPropsWithoutHTML as DropdownMenuItemPropsWithoutHTML, MenuLabelPropsWithoutHTML as DropdownMenuLabelPropsWithoutHTML, MenuRadioGroupPropsWithoutHTML as DropdownMenuRadioGroupPropsWithoutHTML, MenuRadioIndicatorPropsWithoutHTML as DropdownMenuRadioIndicatorPropsWithoutHTML, MenuRadioItemPropsWithoutHTML as DropdownMenuRadioItemPropsWithoutHTML, MenuSeparatorPropsWithoutHTML as DropdownMenuSeparatorPropsWithoutHTML, MenuSubPropsWithoutHTML as DropdownMenuSubPropsWithoutHTML, MenuSubTriggerPropsWithoutHTML as DropdownMenuSubTriggerPropsWithoutHTML, MenuSubContentPropsWithoutHTML as DropdownMenuSubContentPropsWithoutHTML, MenuTriggerPropsWithoutHTML as DropdownMenuTriggerPropsWithoutHTML, } from "../menu/types.js";

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

@@ -1,3 +1,3 @@
-import type { HTMLDivAttributes, Transition } from "../../internal/index.js";
 import type * as I from "./_types.js";
+import type { HTMLDivAttributes, Transition } from "../../internal/index.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/components/label.svelte

@@ -1,4 +1,4 @@
-<script>import { melt, createLabel } from "@melt-ui/svelte";
+<script>import { createLabel, melt } from "@melt-ui/svelte";
 import { getLabelData } from "../ctx.js";
 import { createDispatcher } from "../../../internal/events.js";
 export let asChild = false;

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

@@ -1,5 +1,5 @@
 import { SvelteComponent } from "svelte";
-import type { Events, Props } from "../types.js";
+import type { Events, Props } from "../index.js";
 declare const __propDef: {
     props: Props;
     slots: {

package/dist/bits/label/ctx.d.ts

@@ -1,4 +1,4 @@
 export declare function getLabelData(): {
     NAME: string;
-    getAttrs: (part: string) => Record<string, string>;
+    getAttrs: (part: string) => Record<string, string> | undefined;
 };

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

@@ -1,2 +1,2 @@
 export { default as Root } from "./components/label.svelte";
-export * from "./types.js";
+export type { LabelProps as Props, LabelEvents as Events } from "./types.js";

package/dist/bits/label/index.js

@@ -1,2 +1 @@
 export { default as Root } from "./components/label.svelte";
-export * from "./types.js";

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

@@ -1,8 +1,8 @@
-import type { CustomEventHandler } from "../../index.js";
 import type { HTMLLabelAttributes } from "svelte/elements";
-import type * as I from "./_types.js";
-type Props = I.Props & HTMLLabelAttributes;
-type Events<T extends Element = HTMLLabelElement> = {
+import type { CustomEventHandler } from "../../index.js";
+import type { DOMElement } from "../../internal/types.js";
+export type LabelPropsWithoutHTML = DOMElement<HTMLLabelElement>;
+export type LabelProps = LabelPropsWithoutHTML & HTMLLabelAttributes;
+export type LabelEvents<T extends Element = HTMLLabelElement> = {
     mousedown: CustomEventHandler<MouseEvent, T>;
 };
-export type { Props, Events, };

package/dist/bits/link-preview/components/link-preview-arrow.svelte

@@ -1,5 +1,5 @@
-<script>import { setArrow } from "../ctx.js";
-import { melt } from "@melt-ui/svelte";
+<script>import { melt } from "@melt-ui/svelte";
+import { setArrow } from "../ctx.js";
 export let asChild = false;
 export let el = void 0;
 export let size = 8;

package/dist/bits/link-preview/components/link-preview-arrow.svelte.d.ts

@@ -1,5 +1,5 @@
 import { SvelteComponent } from "svelte";
-import type { ArrowProps } from "../types.js";
+import type { ArrowProps } from "../index.js";
 declare const __propDef: {
     props: ArrowProps;
     events: {

package/dist/bits/link-preview/components/link-preview-content.svelte

@@ -1,6 +1,6 @@
 <script>import { melt } from "@melt-ui/svelte";
-import { createDispatcher } from "../../../internal/index.js";
 import { getCtx, updatePositioning } from "../ctx.js";
+import { createDispatcher } from "../../../internal/index.js";
 export let transition = void 0;
 export let transitionConfig = void 0;
 export let inTransition = void 0;

package/dist/bits/link-preview/components/link-preview-content.svelte.d.ts

@@ -1,6 +1,6 @@
 import { SvelteComponent } from "svelte";
+import type { ContentEvents, ContentProps } from "../index.js";
 import { type Transition } from "../../../internal/index.js";
-import type { ContentEvents, ContentProps } from "../types.js";
 declare class __sveltets_Render<T extends Transition, In extends Transition, Out extends Transition> {
     props(): ContentProps<T, In, Out>;
     events(): ContentEvents;

package/dist/bits/link-preview/components/link-preview-trigger.svelte.d.ts

@@ -1,5 +1,5 @@
 import { SvelteComponent } from "svelte";
-import type { TriggerEvents, TriggerProps } from "../types.js";
+import type { TriggerEvents, TriggerProps } from "../index.js";
 declare const __propDef: {
     props: TriggerProps;
     slots: {

package/dist/bits/link-preview/components/link-preview.svelte.d.ts

@@ -1,10 +1,10 @@
 import { SvelteComponent } from "svelte";
 declare const __propDef: {
     props: {
+        portal?: string | HTMLElement | null | undefined;
         closeOnEscape?: boolean | undefined;
         closeOnOutsideClick?: boolean | undefined;
         onOutsideClick?: ((event: import("@melt-ui/svelte/index.js").InteractOutsideEvent) => void) | undefined;
-        portal?: string | HTMLElement | null | undefined;
         openDelay?: number | undefined;
         closeDelay?: number | undefined;
         open?: boolean | undefined;

package/dist/bits/link-preview/ctx.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="svelte" />
 import { type CreateLinkPreviewProps } from "@melt-ui/svelte";
-import type { FloatingProps } from "../floating/_types.js";
 import type { Writable } from "svelte/store";
+import type { FloatingProps } from "../floating/_types.js";
 export declare function getLinkPreviewData(): {
     NAME: "link-preview";
     PARTS: string[];
@@ -9,7 +9,7 @@ export declare function getLinkPreviewData(): {
 type GetReturn = Omit<ReturnType<typeof setCtx>, "updateOption">;
 export declare function setCtx(props: CreateLinkPreviewProps): {
     updateOption: <K extends string, V extends unknown>(key: K, value: V | undefined) => void;
-    getAttrs: (part: string) => Record<string, string>;
+    getAttrs: (part: string) => Record<string, string> | undefined;
     ids: import("@melt-ui/svelte/internal/helpers").ToWritableStores<{
         content: string;
         trigger: string;

package/dist/bits/link-preview/ctx.js

@@ -1,7 +1,7 @@
-import { createBitAttrs, getOptionUpdater, removeUndefined } from "../../internal/index.js";
 import { createLinkPreview } from "@melt-ui/svelte";
 import { getContext, setContext } from "svelte";
 import { getPositioningUpdater } from "../floating/helpers.js";
+import { createBitAttrs, getOptionUpdater, removeUndefined } from "../../internal/index.js";
 export function getLinkPreviewData() {
     const NAME = "link-preview";
     const PARTS = ["arrow", "content", "trigger"];

package/dist/bits/link-preview/index.d.ts

@@ -2,4 +2,4 @@ export { default as Root } from "./components/link-preview.svelte";
 export { default as Arrow } from "./components/link-preview-arrow.svelte";
 export { default as Content } from "./components/link-preview-content.svelte";
 export { default as Trigger } from "./components/link-preview-trigger.svelte";
-export * from "./types.js";
+export type { LinkPreviewProps as Props, LinkPreviewArrowProps as ArrowProps, LinkPreviewContentProps as ContentProps, LinkPreviewContentEvents as ContentEvents, LinkPreviewTriggerProps as TriggerProps, LinkPreviewTriggerEvents as TriggerEvents, } from "./types.js";

package/dist/bits/link-preview/index.js

@@ -2,4 +2,3 @@ export { default as Root } from "./components/link-preview.svelte";
 export { default as Arrow } from "./components/link-preview-arrow.svelte";
 export { default as Content } from "./components/link-preview-content.svelte";
 export { default as Trigger } from "./components/link-preview-trigger.svelte";
-export * from "./types.js";

package/dist/bits/link-preview/types.d.ts

@@ -1,22 +1,37 @@
-import type { CustomEventHandler } from "../../index.js";
-import type { HTMLDivAttributes, Transition } from "../../internal/index.js";
 import type { HTMLAnchorAttributes } from "svelte/elements";
-import type * as I from "./_types.js";
-type Props = I.Props;
-type TriggerProps = I.TriggerProps & HTMLAnchorAttributes;
-type ContentProps<T extends Transition = Transition, In extends Transition = Transition, Out extends Transition = Transition> = I.ContentProps<T, In, Out> & HTMLDivAttributes;
-type ArrowProps = I.ArrowProps & HTMLDivAttributes;
-type TriggerEvents<T extends Element = HTMLAnchorElement> = {
+import type { CreateLinkPreviewProps } from "@melt-ui/svelte";
+import type { CustomEventHandler } from "../../index.js";
+import type { DOMElement, Expand, HTMLDivAttributes, OmitFloating, OnChangeFn, Transition } from "../../internal/index.js";
+import type { ArrowProps as LinkPreviewArrowPropsWithoutHTML, ContentProps as LinkPreviewContentPropsWithoutHTML } from "../floating/_types.js";
+export type LinkPreviewPropsWithoutHTML = Expand<OmitFloating<CreateLinkPreviewProps> & {
+    /**
+     * The open state of the link preview.
+     * You can bind this to a boolean value to programmatically control the open state.
+     *
+     * @defaultValue false
+     */
+    open?: boolean;
+    /**
+     * A callback function called when the open state changes.
+     */
+    onOpenChange?: OnChangeFn<boolean>;
+}>;
+export type LinkPreviewTriggerPropsWithoutHTML = DOMElement<HTMLAnchorElement>;
+export type { LinkPreviewArrowPropsWithoutHTML, LinkPreviewContentPropsWithoutHTML };
+export type LinkPreviewProps = LinkPreviewPropsWithoutHTML;
+export type LinkPreviewTriggerProps = LinkPreviewTriggerPropsWithoutHTML & HTMLAnchorAttributes;
+export type LinkPreviewContentProps<T extends Transition = Transition, In extends Transition = Transition, Out extends Transition = Transition> = LinkPreviewContentPropsWithoutHTML<T, In, Out> & HTMLDivAttributes;
+export type LinkPreviewArrowProps = LinkPreviewArrowPropsWithoutHTML & HTMLDivAttributes;
+export type LinkPreviewTriggerEvents<T extends Element = HTMLAnchorElement> = {
     click: CustomEventHandler<MouseEvent, T>;
     blur: CustomEventHandler<FocusEvent, T>;
     focus: CustomEventHandler<FocusEvent, T>;
     pointerenter: CustomEventHandler<PointerEvent, T>;
     pointerleave: CustomEventHandler<PointerEvent, T>;
 };
-type ContentEvents<T extends Element = HTMLDivElement> = {
+export type LinkPreviewContentEvents<T extends Element = HTMLDivElement> = {
     focusout: CustomEventHandler<FocusEvent, T>;
     pointerenter: CustomEventHandler<PointerEvent, T>;
     pointerleave: CustomEventHandler<PointerEvent, T>;
     pointerdown: CustomEventHandler<PointerEvent, T>;
 };
-export type { Props, ArrowProps, TriggerProps, ContentProps, TriggerEvents, ContentEvents, };

package/dist/bits/menu/components/menu-arrow.svelte.d.ts

@@ -1,5 +1,5 @@
 import { SvelteComponent } from "svelte";
-import type { ArrowProps } from "../types.js";
+import type { ArrowProps } from "../index.js";
 declare const __propDef: {
     props: ArrowProps;
     events: {

package/dist/bits/menu/components/menu-checkbox-indicator.svelte.d.ts

@@ -1,5 +1,5 @@
 import { SvelteComponent } from "svelte";
-import type { CheckboxIndicatorProps } from "../types.js";
+import type { CheckboxIndicatorProps } from "../index.js";
 declare const __propDef: {
     props: CheckboxIndicatorProps;
     events: {
@@ -7,7 +7,7 @@ declare const __propDef: {
     };
     slots: {
         default: {
-            attrs: Record<string, string>;
+            attrs: Record<string, string> | undefined;
             checked: boolean | "indeterminate";
         };
     };

package/dist/bits/menu/components/menu-checkbox-item.svelte.d.ts

@@ -1,5 +1,5 @@
 import { SvelteComponent } from "svelte";
-import type { CheckboxItemEvents, CheckboxItemProps } from "../types.js";
+import type { CheckboxItemEvents, CheckboxItemProps } from "../index.js";
 declare const __propDef: {
     props: CheckboxItemProps;
     slots: {
@@ -8,9 +8,9 @@ declare const __propDef: {
                 readonly role: "menuitemcheckbox";
                 readonly tabindex: -1;
                 readonly 'data-orientation': "vertical";
-                readonly 'aria-checked': "false" | "true" | "mixed";
+                readonly 'aria-checked': "true" | "false" | "mixed";
                 readonly 'data-disabled': true | undefined;
-                readonly 'data-state': "checked" | "unchecked" | "indeterminate";
+                readonly 'data-state': "checked" | "indeterminate" | "unchecked";
             } & {
                 [x: `data-melt-${string}`]: "";
             } & {

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

@@ -1,6 +1,6 @@
-<script>import { createDispatcher } from "../../../internal/events.js";
-import { melt } from "@melt-ui/svelte";
+<script>import { melt } from "@melt-ui/svelte";
 import { getCtx, updatePositioning } from "../ctx.js";
+import { createDispatcher } from "../../../internal/events.js";
 export let transition = void 0;
 export let transitionConfig = void 0;
 export let inTransition = void 0;

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

@@ -1,6 +1,6 @@
 import { SvelteComponent } from "svelte";
+import type { ContentEvents, ContentProps } from "../index.js";
 import type { Transition } from "../../../internal/types.js";
-import type { ContentEvents, ContentProps } from "../types.js";
 declare class __sveltets_Render<T extends Transition, In extends Transition, Out extends Transition> {
     props(): ContentProps<T, In, Out>;
     events(): ContentEvents;

package/dist/bits/menu/components/menu-group.svelte.d.ts

@@ -1,5 +1,5 @@
 import { SvelteComponent } from "svelte";
-import type { GroupProps } from "../types.js";
+import type { GroupProps } from "../index.js";
 declare const __propDef: {
     props: GroupProps;
     events: {

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

@@ -1,7 +1,7 @@
-<script>import { createDispatcher } from "../../../internal/events.js";
-import { disabledAttrs } from "../../../internal/index.js";
-import { melt } from "@melt-ui/svelte";
+<script>import { melt } from "@melt-ui/svelte";
 import { getCtx } from "../ctx.js";
+import { disabledAttrs } from "../../../internal/index.js";
+import { createDispatcher } from "../../../internal/events.js";
 export let href = void 0;
 export let asChild = false;
 export let disabled = false;

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

@@ -1,5 +1,5 @@
 import { SvelteComponent } from "svelte";
-import type { ItemEvents, ItemProps } from "../types.js";
+import type { ItemEvents, ItemProps } from "../index.js";
 declare const __propDef: {
     props: ItemProps;
     slots: {