bits-ui 0.21.1 → 0.21.2

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

@@ -1,11 +1,25 @@
-import type { HTMLDivAttributes, Transition } from "../../internal/index.js";
-import type { CustomEventHandler } from "../../index.js";
 import type { HTMLButtonAttributes } from "svelte/elements";
-import type * as I from "./_types.js";
-type Props = I.Props & HTMLDivAttributes;
-type ContentProps<T extends Transition = Transition, In extends Transition = Transition, Out extends Transition = Transition> = I.ContentProps<T, In, Out> & HTMLDivAttributes;
-type TriggerProps = I.TriggerProps & HTMLButtonAttributes;
-type TriggerEvents = {
+import type { CreateCollapsibleProps as MeltCollapsibleProps } from "@melt-ui/svelte";
+import type { CustomEventHandler } from "../../index.js";
+import type { DOMElement, Expand, HTMLDivAttributes, OmitForceVisible, OmitOpen, OnChangeFn, Transition, TransitionProps } from "../../internal/index.js";
+export type CollapsiblePropsWithoutHTML = Expand<OmitOpen<OmitForceVisible<MeltCollapsibleProps>> & {
+    /**
+     * The open state of the collapsible.
+     * 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>;
+} & DOMElement>;
+export type CollapsibleContentPropsWithoutHTML<T extends Transition = Transition, In extends Transition = Transition, Out extends Transition = Transition> = Expand<TransitionProps<T, In, Out> & DOMElement>;
+export type CollapsibleTriggerPropsWithoutHTML = DOMElement<HTMLButtonElement>;
+export type CollapsibleProps = CollapsiblePropsWithoutHTML & HTMLDivAttributes;
+export type CollapsibleContentProps<T extends Transition = Transition, In extends Transition = Transition, Out extends Transition = Transition> = CollapsibleContentPropsWithoutHTML<T, In, Out> & HTMLDivAttributes;
+export type CollapsibleTriggerProps = CollapsibleTriggerPropsWithoutHTML & HTMLButtonAttributes;
+export type CollapsibleTriggerEvents = {
     click: CustomEventHandler<MouseEvent, HTMLButtonElement>;
 };
-export type { Props, ContentProps, TriggerProps, TriggerEvents, };

package/dist/bits/combobox/components/combobox-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/combobox/components/combobox-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;
@@ -50,7 +50,7 @@ $:
     });
 </script>
 
-<!-- svelte-ignore a11y-no-static-element-interactions / applied by melt's builder-->
+<!-- svelte-ignore a11y-no-static-element-interactions -->
 {#if asChild && $open}
 	<slot {builder} />
 {:else if transition && $open}

package/dist/bits/combobox/components/combobox-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/combobox/components/combobox-group-label.svelte

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

package/dist/bits/combobox/components/combobox-group-label.svelte.d.ts

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

package/dist/bits/combobox/components/combobox-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/combobox/components/combobox-hidden-input.svelte.d.ts

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

package/dist/bits/combobox/components/combobox-input.svelte.d.ts

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

package/dist/bits/combobox/components/combobox-item-indicator.svelte.d.ts

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

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

@@ -24,7 +24,7 @@ $:
   isSelected = $isSelectedStore(value);
 </script>
 
-<!-- svelte-ignore a11y-no-static-element-interactions / applied by melt's builder-->
+<!-- svelte-ignore a11y-no-static-element-interactions-->
 
 {#if asChild}
 	<slot {builder} {isSelected} />
@@ -41,7 +41,7 @@ $:
 		on:pointerleave
 	>
 		<slot {builder} {isSelected}>
-			{label ? label : value}
+			{label || value}
 		</slot>
 	</div>
 {/if}

package/dist/bits/combobox/components/combobox-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: {

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

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

package/dist/bits/combobox/components/combobox.svelte

@@ -1,8 +1,8 @@
 <script context="module"></script>
 
-<script generics="T, Multiple extends boolean = false">import { arraysAreEqual } from "../../../internal/arrays.js";
-import { derived } from "svelte/store";
+<script generics="T, Multiple extends boolean = false">import { derived } from "svelte/store";
 import { setCtx } from "../ctx.js";
+import { arraysAreEqual } from "../../../internal/arrays.js";
 export let required = void 0;
 export let disabled = void 0;
 export let preventScroll = void 0;
@@ -41,10 +41,7 @@ const {
   onOutsideClick,
   multiple,
   forceVisible: true,
-  defaultSelected: Array.isArray(selected) ? [...selected] : (
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    selected
-  ),
+  defaultSelected: Array.isArray(selected) ? [...selected] : selected,
   defaultOpen: open,
   onSelectedChange: ({ next }) => {
     if (Array.isArray(next)) {
@@ -91,10 +88,7 @@ $:
   open !== void 0 && localOpen.set(open);
 $:
   selected !== void 0 && localSelected.set(
-    Array.isArray(selected) ? [...selected] : (
-      // eslint-disable-next-line @typescript-eslint/no-explicit-any
-      selected
-    )
+    Array.isArray(selected) ? [...selected] : selected
   );
 $:
   updateOption("required", required);

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

@@ -2,18 +2,18 @@ import { SvelteComponent } from "svelte";
 declare class __sveltets_Render<T, Multiple extends boolean = false> {
     props(): {
         disabled?: boolean | undefined;
+        portal?: string | HTMLElement | null | undefined;
         preventScroll?: boolean | undefined;
         closeOnEscape?: boolean | undefined;
         closeOnOutsideClick?: boolean | undefined;
         onOutsideClick?: ((event: import("@melt-ui/svelte/index.js").InteractOutsideEvent) => void) | undefined;
-        portal?: string | HTMLElement | null | undefined;
-        required?: boolean | undefined;
         name?: string | undefined;
+        required?: boolean | undefined;
         scrollAlignment?: "center" | "nearest" | undefined;
         loop?: boolean | undefined;
         highlightOnHover?: boolean | undefined;
-        selected?: import("../_types.js").WhenTrue<Multiple, import("../../../index.js").Selected<T>[] | undefined, import("../../../index.js").Selected<T> | undefined, import("../../../index.js").Selected<T> | import("../../../index.js").Selected<T>[] | undefined> | undefined;
-        onSelectedChange?: import("../../../internal/types.js").OnChangeFn<import("../_types.js").WhenTrue<Multiple, import("../../../index.js").Selected<T>[] | undefined, import("../../../index.js").Selected<T> | undefined, import("../../../index.js").Selected<T> | import("../../../index.js").Selected<T>[] | undefined>> | undefined;
+        selected?: ([Multiple] extends [true] ? import("../../../index.js").Selected<T>[] | undefined : [Multiple] extends [false] ? import("../../../index.js").Selected<T> | undefined : import("../../../index.js").Selected<T> | import("../../../index.js").Selected<T>[] | undefined) | undefined;
+        onSelectedChange?: import("../../../internal/types.js").OnChangeFn<[Multiple] extends [true] ? import("../../../index.js").Selected<T>[] | undefined : [Multiple] extends [false] ? import("../../../index.js").Selected<T> | undefined : import("../../../index.js").Selected<T> | import("../../../index.js").Selected<T>[] | undefined> | undefined;
         open?: boolean | undefined;
         onOpenChange?: import("../../../internal/types.js").OnChangeFn<boolean> | undefined;
         multiple?: Multiple | undefined;

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

@@ -13,7 +13,7 @@ type Props<T = unknown, M extends boolean = false> = CreateComboboxProps<T, M> &
 };
 export declare function setCtx<T = unknown, M extends boolean = false>(props: Props<T, M>): {
     updateOption: <K extends string, V extends unknown>(key: K, value: V | undefined) => void;
-    getAttrs: (part: "content" | "label" | "arrow" | "menu" | "group" | "input" | "item" | "indicator" | "group-label" | "hidden-input") => Record<string, string>;
+    getAttrs: (part: "label" | "menu" | "input" | "content" | "item" | "group" | "indicator" | "group-label" | "arrow" | "hidden-input") => Record<string, string> | undefined;
     elements: {
         input: import("@melt-ui/svelte/internal/helpers").MeltElement<[import("@melt-ui/svelte/internal/helpers").MeltElement<[{
             update: (updater: import("svelte/store").Updater<boolean>, sideEffect?: ((newValue: boolean) => void) | undefined) => void;
@@ -164,7 +164,7 @@ export declare function setGroupCtx(): {
         'aria-labelledby': string;
     }, string>;
     id: string;
-    getAttrs: (part: "content" | "label" | "arrow" | "menu" | "group" | "input" | "item" | "indicator" | "group-label" | "hidden-input") => Record<string, string>;
+    getAttrs: (part: "label" | "menu" | "input" | "content" | "item" | "group" | "indicator" | "group-label" | "arrow" | "hidden-input") => Record<string, string> | undefined;
 };
 export declare function setItemCtx(value: unknown): GetReturn;
 export declare function getGroupLabel(): {
@@ -172,12 +172,12 @@ export declare function getGroupLabel(): {
         id: string;
     }, string>;
     id: string;
-    getAttrs: (part: "content" | "label" | "arrow" | "menu" | "group" | "input" | "item" | "indicator" | "group-label" | "hidden-input") => Record<string, string>;
+    getAttrs: (part: "label" | "menu" | "input" | "content" | "item" | "group" | "indicator" | "group-label" | "arrow" | "hidden-input") => Record<string, string> | undefined;
 };
 export declare function getItemIndicator(): {
     value: unknown;
     isSelected: import("svelte/store").Readable<(value: unknown) => boolean>;
-    getAttrs: (part: "content" | "label" | "arrow" | "menu" | "group" | "input" | "item" | "indicator" | "group-label" | "hidden-input") => Record<string, string>;
+    getAttrs: (part: "label" | "menu" | "input" | "content" | "item" | "group" | "indicator" | "group-label" | "arrow" | "hidden-input") => Record<string, string> | undefined;
 };
 export declare function setArrow(size?: number): GetReturn;
 export declare function updatePositioning(props: FloatingProps): void;

package/dist/bits/combobox/ctx.js

@@ -1,7 +1,7 @@
 import { createCombobox } from "@melt-ui/svelte";
 import { getContext, setContext } from "svelte";
-import { createBitAttrs, generateId, getOptionUpdater, removeUndefined, } from "../../internal/index.js";
 import { getPositioningUpdater } from "../floating/helpers.js";
+import { createBitAttrs, generateId, getOptionUpdater, removeUndefined, } from "../../internal/index.js";
 function getSelectData() {
     const NAME = "combobox";
     const GROUP_NAME = "combobox-group";
@@ -29,9 +29,7 @@ export function getCtx() {
     const { NAME } = getSelectData();
     return getContext(NAME);
 }
-export function setCtx(
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-props) {
+export function setCtx(props) {
     const { NAME, PARTS } = getSelectData();
     const getAttrs = createBitAttrs(NAME, PARTS);
     const combobox = {

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

@@ -9,4 +9,4 @@ export { default as Arrow } from "./components/combobox-arrow.svelte";
 export { default as HiddenInput } from "./components/combobox-hidden-input.svelte";
 export { default as Separator } from "../separator/components/separator.svelte";
 export { default as ItemIndicator } from "./components/combobox-item-indicator.svelte";
-export * from "./types.js";
+export type { ComboboxProps as Props, ComboboxContentProps as ContentProps, ComboboxInputProps as InputProps, ComboboxItemProps as ItemProps, ComboboxLabelProps as LabelProps, ComboboxGroupProps as GroupProps, ComboboxGroupLabelProps as GroupLabelProps, ComboboxIndicatorProps as IndicatorProps, ComboboxHiddenInputProps as HiddenInputProps, ComboboxSeparatorProps as SeparatorProps, ComboboxItemEvents as ItemEvents, ComboboxContentEvents as ContentEvents, ComboboxGroupLabelEvents as GroupLabelEvents, ComboboxInputEvents as InputEvents, ComboboxArrowProps as ArrowProps, } from "./types.js";

package/dist/bits/combobox/index.js

@@ -9,4 +9,3 @@ export { default as Arrow } from "./components/combobox-arrow.svelte";
 export { default as HiddenInput } from "./components/combobox-hidden-input.svelte";
 export { default as Separator } from "../separator/components/separator.svelte";
 export { default as ItemIndicator } from "./components/combobox-item-indicator.svelte";
-export * from "./types.js";

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

@@ -1,19 +1,79 @@
-import type { HTMLDivAttributes, Transition } from "../../internal/index.js";
 import type { EventHandler, HTMLInputAttributes } from "svelte/elements";
-import type { CustomEventHandler } from "../../index.js";
-import type * as I from "./_types.js";
-type Props<T, Multiple extends boolean = false> = I.Props<T, Multiple>;
-type ContentProps<T extends Transition = Transition, In extends Transition = Transition, Out extends Transition = Transition> = I.ContentProps<T, In, Out> & HTMLDivAttributes;
-type InputProps = I.InputProps & HTMLInputAttributes;
-type LabelProps = I.LabelProps & HTMLDivAttributes;
-type GroupProps = I.GroupProps & HTMLDivAttributes;
-type GroupLabelProps = I.GroupLabelProps & HTMLDivAttributes;
-type ItemProps = I.ItemProps & HTMLDivAttributes;
-type HiddenInputProps = I.HiddenInputProps & HTMLInputAttributes;
-type SeparatorProps = I.SeparatorProps & HTMLDivAttributes;
-type IndicatorProps = I.IndicatorProps & HTMLDivAttributes;
-type ArrowProps = I.ArrowProps & HTMLDivAttributes;
-type ItemEvents<T extends Element = HTMLDivElement> = {
+import type { ComboboxOptionProps as MeltComboboxOptionProps, CreateComboboxProps as MeltComboboxProps } from "@melt-ui/svelte";
+import type { DOMElement, Expand, HTMLDivAttributes, OmitFloating, OnChangeFn, Transition } from "../../internal/index.js";
+import type { CustomEventHandler, Selected } from "../../index.js";
+import type { ArrowProps as ComboboxArrowPropsWithoutHTML, ContentProps as ComboboxContentPropsWithoutHTML } from "../floating/_types.js";
+type WhenTrue<TrueOrFalse, IfTrue, IfFalse, IfNeither = IfTrue | IfFalse> = [TrueOrFalse] extends [
+    true
+] ? IfTrue : [TrueOrFalse] extends [false] ? IfFalse : IfNeither;
+type SelectValue<T, Multiple extends boolean> = WhenTrue<Multiple, T[] | undefined, T | undefined>;
+export type ComboboxPropsWithoutHTML<T = unknown, Multiple extends boolean = false> = Expand<OmitFloating<Omit<MeltComboboxProps, "selected" | "defaultSelected" | "onSelectedChange" | "multiple">> & {
+    /**
+     * The selected value of the combobox.
+     * You can bind this to a value to programmatically control the selected value.
+     *
+     * @defaultValue undefined
+     */
+    selected?: SelectValue<Selected<T>, Multiple> | undefined;
+    /**
+     * A callback function called when the selected value changes.
+     */
+    onSelectedChange?: OnChangeFn<SelectValue<Selected<T>, Multiple>>;
+    /**
+     * The open state of the combobox menu.
+     * 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>;
+    /**
+     * Whether or not multiple values can be selected.
+     */
+    multiple?: Multiple;
+    /**
+     * The value of the input.
+     * You can bind this to a value to programmatically control the input value.
+     *
+     * @defaultValue ""
+     */
+    inputValue?: string;
+    /**
+     * Optionally provide an array of `Selected<T>` objects to
+     * type the `selected` and `onSelectedChange` props.
+     */
+    items?: Selected<T>[];
+    /**
+     * Whether the input has been touched or not. You can bind to this to
+     * handle filtering the items only when the input has been touched.
+     *
+     * @defaultValue false
+     */
+    touchedInput?: boolean;
+}>;
+export type ComboboxInputPropsWithoutHTML = DOMElement<HTMLInputElement>;
+export type ComboboxLabelPropsWithoutHTML = DOMElement<HTMLLabelElement>;
+export type ComboboxGroupPropsWithoutHTML = DOMElement;
+export type ComboboxGroupLabelPropsWithoutHTML = DOMElement;
+export type ComboboxItemPropsWithoutHTML = Expand<MeltComboboxOptionProps & DOMElement>;
+export type ComboboxHiddenInputPropsWithoutHTML = DOMElement;
+export type ComboboxSeparatorPropsWithoutHTML = DOMElement;
+export type ComboboxIndicatorPropsWithoutHTML = DOMElement;
+export type ComboboxProps<T, Multiple extends boolean = false> = ComboboxPropsWithoutHTML<T, Multiple>;
+export type ComboboxContentProps<T extends Transition = Transition, In extends Transition = Transition, Out extends Transition = Transition> = ComboboxContentPropsWithoutHTML<T, In, Out> & HTMLDivAttributes;
+export type ComboboxInputProps = ComboboxInputPropsWithoutHTML & HTMLInputAttributes;
+export type ComboboxLabelProps = ComboboxLabelPropsWithoutHTML & HTMLDivAttributes;
+export type ComboboxGroupProps = ComboboxGroupPropsWithoutHTML & HTMLDivAttributes;
+export type ComboboxGroupLabelProps = ComboboxGroupLabelPropsWithoutHTML & HTMLDivAttributes;
+export type ComboboxItemProps = ComboboxItemPropsWithoutHTML & HTMLDivAttributes;
+export type ComboboxHiddenInputProps = ComboboxHiddenInputPropsWithoutHTML & HTMLInputAttributes;
+export type ComboboxSeparatorProps = ComboboxSeparatorPropsWithoutHTML & HTMLDivAttributes;
+export type ComboboxIndicatorProps = ComboboxIndicatorPropsWithoutHTML & HTMLDivAttributes;
+export type ComboboxArrowProps = ComboboxArrowPropsWithoutHTML & HTMLDivAttributes;
+export type ComboboxItemEvents<T extends Element = HTMLDivElement> = {
     click: CustomEventHandler<MouseEvent, T>;
     pointermove: CustomEventHandler<PointerEvent, T>;
     focusin: EventHandler<FocusEvent, T>;
@@ -21,16 +81,16 @@ type ItemEvents<T extends Element = HTMLDivElement> = {
     focusout: EventHandler<FocusEvent, T>;
     pointerleave: EventHandler<PointerEvent, T>;
 };
-type ContentEvents<T extends Element = HTMLDivElement> = {
+export type ComboboxContentEvents<T extends Element = HTMLDivElement> = {
     pointerleave: CustomEventHandler<PointerEvent, T>;
     keydown: EventHandler<KeyboardEvent, T>;
 };
-type GroupLabelEvents<T extends Element = HTMLSpanElement> = {
+export type ComboboxGroupLabelEvents<T extends Element = HTMLSpanElement> = {
     click: CustomEventHandler<MouseEvent, T>;
 };
-type InputEvents = {
+export type ComboboxInputEvents = {
     keydown: CustomEventHandler<KeyboardEvent, HTMLInputElement>;
     input: CustomEventHandler<InputEvent, HTMLInputElement>;
     click: CustomEventHandler<ClipboardEvent, HTMLInputElement>;
 };
-export type { Props, ContentProps, InputProps, ItemProps, LabelProps, GroupProps, GroupLabelProps, ArrowProps, HiddenInputProps, SeparatorProps, IndicatorProps, ContentEvents, InputEvents, ItemEvents, GroupLabelEvents, };
+export type { ComboboxArrowPropsWithoutHTML, ComboboxContentPropsWithoutHTML };

package/dist/bits/context-menu/components/context-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/context-menu/components/context-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/context-menu/components/context-menu-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/context-menu/components/context-menu.svelte

@@ -1,5 +1,5 @@
-<script>import { setCtx } from "../ctx.js";
-import { derived } from "svelte/store";
+<script>import { derived } from "svelte/store";
+import { setCtx } from "../ctx.js";
 export let closeOnOutsideClick = void 0;
 export let closeOnEscape = void 0;
 export let portal = void 0;

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

@@ -1,17 +1,17 @@
 import { SvelteComponent } from "svelte";
 declare const __propDef: {
     props: {
+        dir?: import("@melt-ui/svelte/internal/types").TextDirection | undefined;
+        portal?: string | HTMLElement | null | undefined;
         preventScroll?: boolean | undefined;
         closeOnEscape?: boolean | undefined;
         closeOnOutsideClick?: boolean | undefined;
         onOutsideClick?: ((event: import("@melt-ui/svelte/index.js").InteractOutsideEvent) => void) | undefined;
-        portal?: string | HTMLElement | null | undefined;
         closeFocus?: import("@melt-ui/svelte/index.js").FocusProp | undefined;
         typeahead?: boolean | undefined;
         loop?: boolean | undefined;
-        dir?: import("@melt-ui/svelte/internal/types").TextDirection | undefined;
-        closeOnItemClick?: boolean | undefined;
         disableFocusFirstItem?: boolean | undefined;
+        closeOnItemClick?: boolean | undefined;
         open?: boolean | undefined;
         onOpenChange?: import("../../../internal/types.js").OnChangeFn<boolean> | undefined;
     };

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

@@ -9,7 +9,7 @@ export declare function getContextMenuData(): {
 type GetReturn = Omit<ReturnType<typeof setCtx>, "updateOption">;
 export declare function setCtx(props: CreateContextMenuProps): {
     updateOption: <K extends string, V extends unknown>(key: K, value: V | undefined) => void;
-    getAttrs: (part: "content" | "checkbox-indicator" | "label" | "arrow" | "group" | "radio-group" | "separator" | "item" | "trigger" | "checkbox-item" | "radio-item" | "sub-content" | "sub-trigger") => Record<string, string>;
+    getAttrs: (part: "label" | "radio-group" | "separator" | "content" | "item" | "trigger" | "group" | "arrow" | "checkbox-indicator" | "checkbox-item" | "radio-item" | "sub-content" | "sub-trigger") => Record<string, string> | undefined;
     ids: import("@melt-ui/svelte/internal/helpers").ToWritableStores<{
         menu: string;
         trigger: string;
@@ -85,9 +85,9 @@ export declare function setCtx(props: CreateContextMenuProps): {
                     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";
                 }, string>;
             };
             states: {

package/dist/bits/context-menu/ctx.js

@@ -1,6 +1,6 @@
-import { createBitAttrs, getOptionUpdater, removeUndefined } from "../../internal/index.js";
 import { createContextMenu } from "@melt-ui/svelte";
 import { getContext, setContext } from "svelte";
+import { createBitAttrs, getOptionUpdater, removeUndefined } from "../../internal/index.js";
 import { getPositioningUpdater } from "../floating/helpers.js";
 export function getContextMenuData() {
     const NAME = "menu";

package/dist/bits/context-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 RadioIndicator } from "../menu/components/menu-radio-indicator.svelte";
 export { default as CheckboxIndicator } from "../menu/components/menu-checkbox-indicator.svelte";
-export * from "./types.js";
+export type { ContextMenuArrowProps as ArrowProps, ContextMenuCheckboxIndicatorProps as CheckboxIndicatorProps, ContextMenuCheckboxItemEvents as CheckboxItemEvents, ContextMenuCheckboxItemProps as CheckboxItemProps, ContextMenuContentEvents as ContentEvents, ContextMenuGroupProps as GroupProps, ContextMenuItemEvents as ItemEvents, ContextMenuItemProps as ItemProps, ContextMenuLabelProps as LabelProps, ContextMenuProps as Props, ContextMenuRadioGroupProps as RadioGroupProps, ContextMenuRadioIndicatorProps as RadioIndicatorProps, ContextMenuRadioItemEvents as RadioItemEvents, ContextMenuRadioItemProps as RadioItemProps, ContextMenuSeparatorProps as SeparatorProps, ContextMenuSubContentEvents as SubContentEvents, ContextMenuSubContentProps as SubContentProps, ContextMenuSubProps as SubProps, ContextMenuSubTriggerEvents as SubTriggerEvents, ContextMenuSubTriggerProps as SubTriggerProps, ContextMenuTriggerEvents as TriggerEvents, ContextMenuTriggerProps as TriggerProps, ContextMenuContentProps as ContentProps, } from "./types.js";

package/dist/bits/context-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 RadioIndicator } from "../menu/components/menu-radio-indicator.svelte";
 export { default as CheckboxIndicator } from "../menu/components/menu-checkbox-indicator.svelte";
-export * from "./types.js";

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

@@ -1,5 +1,7 @@
-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/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, };
+import type { DOMElement, HTMLDivAttributes, Transition, TransitionProps } from "../../internal/index.js";
+import type { FloatingProps } from "../floating/_types.js";
+export type { ArrowProps as ContextMenuArrowProps, CheckboxIndicatorProps as ContextMenuCheckboxIndicatorProps, CheckboxItemEvents as ContextMenuCheckboxItemEvents, CheckboxItemProps as ContextMenuCheckboxItemProps, ContentEvents as ContextMenuContentEvents, GroupProps as ContextMenuGroupProps, ItemEvents as ContextMenuItemEvents, ItemProps as ContextMenuItemProps, LabelProps as ContextMenuLabelProps, Props as ContextMenuProps, RadioGroupProps as ContextMenuRadioGroupProps, RadioIndicatorProps as ContextMenuRadioIndicatorProps, RadioItemEvents as ContextMenuRadioItemEvents, RadioItemProps as ContextMenuRadioItemProps, SeparatorProps as ContextMenuSeparatorProps, SubContentEvents as ContextMenuSubContentEvents, SubContentProps as ContextMenuSubContentProps, SubProps as ContextMenuSubProps, SubTriggerEvents as ContextMenuSubTriggerEvents, SubTriggerProps as ContextMenuSubTriggerProps, ContextTriggerEvents as ContextMenuTriggerEvents, ContextTriggerProps as ContextMenuTriggerProps, } from "../menu/index.js";
+type ContextFloatingProps = Omit<FloatingProps, "sameWidth" | "side" | "sideOffset" | "align">;
+export type ContextMenuContentPropsWithoutHTML<T extends Transition = Transition, In extends Transition = Transition, Out extends Transition = Transition> = Expand<ContextFloatingProps & TransitionProps<T, In, Out> & DOMElement>;
+export type ContextMenuContentProps<T extends Transition = Transition, In extends Transition = Transition, Out extends Transition = Transition> = ContextMenuContentPropsWithoutHTML<T, In, Out> & HTMLDivAttributes;
+export type { MenuTriggerPropsWithoutHTML as ContextMenuTriggerPropsWithoutHTML, MenuArrowPropsWithoutHTML as ContextMenuArrowPropsWithoutHTML, MenuCheckboxIndicatorPropsWithoutHTML as ContextMenuCheckboxIndicatorPropsWithoutHTML, MenuCheckboxItemPropsWithoutHTML as ContextMenuCheckboxItemPropsWithoutHTML, MenuGroupPropsWithoutHTML as ContextMenuGroupPropsWithoutHTML, MenuItemPropsWithoutHTML as ContextMenuItemPropsWithoutHTML, MenuLabelPropsWithoutHTML as ContextMenuLabelPropsWithoutHTML, MenuPropsWithoutHTML as ContextMenuPropsWithoutHTML, MenuRadioGroupPropsWithoutHTML as ContextMenuRadioGroupPropsWithoutHTML, MenuRadioIndicatorPropsWithoutHTML as ContextMenuRadioIndicatorPropsWithoutHTML, MenuRadioItemPropsWithoutHTML as ContextMenuRadioItemPropsWithoutHTML, MenuSeparatorPropsWithoutHTML as ContextMenuSeparatorPropsWithoutHTML, MenuSubContentPropsWithoutHTML as ContextMenuSubContentPropsWithoutHTML, MenuSubPropsWithoutHTML as ContextMenuSubPropsWithoutHTML, MenuSubTriggerPropsWithoutHTML as ContextMenuSubTriggerPropsWithoutHTML, } from "../menu/types.js";

package/dist/bits/date-field/components/date-field-input.svelte.d.ts

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

package/dist/bits/date-field/components/date-field-label.svelte.d.ts

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

package/dist/bits/date-field/components/date-field-segment.svelte.d.ts

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

package/dist/bits/date-field/components/date-field.svelte.d.ts

@@ -2,12 +2,12 @@ import { SvelteComponent } from "svelte";
 declare const __propDef: {
     props: {
         disabled?: boolean | undefined;
+        isDateUnavailable?: import("@melt-ui/svelte/index.js").Matcher | undefined;
         minValue?: import("@internationalized/date").DateValue | undefined;
         maxValue?: import("@internationalized/date").DateValue | undefined;
-        isDateUnavailable?: import("@melt-ui/svelte/index.js").Matcher | undefined;
-        locale?: string | undefined;
         readonly?: boolean | undefined;
-        readonlySegments?: ("month" | "day" | "year" | "hour" | "minute" | "second" | "dayPeriod")[] | undefined;
+        locale?: string | undefined;
+        readonlySegments?: ("day" | "year" | "month" | "hour" | "minute" | "second" | "dayPeriod")[] | undefined;
         hourCycle?: 12 | 24 | undefined;
         granularity?: import("@melt-ui/svelte/index.js").Granularity | undefined;
         hideTimeZone?: boolean | undefined;

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

@@ -7,7 +7,7 @@ export declare function getDateFieldData(): {
 type GetReturn = Omit<ReturnType<typeof setCtx>, "updateOption">;
 export declare function setCtx(props: CreateDateFieldProps): {
     updateOption: <K extends string, V extends unknown>(key: K, value: V | undefined) => void;
-    getAttrs: (part: "label" | "segment" | "input") => Record<string, string>;
+    getAttrs: (part: "label" | "input" | "segment") => Record<string, string> | undefined;
     elements: {
         field: import("@melt-ui/svelte/internal/helpers").MeltElement<[{
             update: (updater: import("svelte/store").Updater<import("@internationalized/date").DateValue | undefined>, sideEffect?: ((newValue: import("@internationalized/date").DateValue | undefined) => void) | undefined) => void;
@@ -168,7 +168,7 @@ export declare function setCtx(props: CreateDateFieldProps): {
         maxValue: import("@internationalized/date").DateValue | undefined;
         disabled: boolean;
         readonly: boolean;
-        readonlySegments: ("month" | "day" | "year" | "hour" | "minute" | "second" | "dayPeriod")[] | undefined;
+        readonlySegments: ("day" | "year" | "month" | "hour" | "minute" | "second" | "dayPeriod")[] | undefined;
         hourCycle: 12 | 24 | undefined;
         locale: string;
         granularity: import("@melt-ui/svelte").Granularity | undefined;

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

@@ -1,6 +1,6 @@
 import { createDateField } from "@melt-ui/svelte";
 import { getContext, setContext } from "svelte";
-import { removeUndefined, getOptionUpdater, createBitAttrs } from "../../internal/index.js";
+import { createBitAttrs, getOptionUpdater, removeUndefined } from "../../internal/index.js";
 export function getDateFieldData() {
     const NAME = "date-field";
     const PARTS = ["label", "input", "segment"];