bits-ui 0.17.0 → 0.18.1

package/dist/bits/accordion/_export.types.d.ts

@@ -1 +1 @@
-export type { Props as AccordionProps, ItemProps as AccordionItemProps, HeaderProps as AccordionHeaderProps, TriggerProps as AccordionTriggerProps, ContentProps as AccordionContentProps, TriggerEvents as AccordionTriggerEvents } from "./types.js";
+export type { Props as AccordionProps, ItemProps as AccordionItemProps, HeaderProps as AccordionHeaderProps, TriggerProps as AccordionTriggerProps, ContentProps as AccordionContentProps, TriggerEvents as AccordionTriggerEvents, } from "./types.js";

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

@@ -24,12 +24,7 @@ $:
 {#if asChild && $isSelected(props)}
 	<slot {builder} />
 {:else if transition && $isSelected(props)}
-	<div
-		bind:this={el}
-		transition:transition={transitionConfig}
-		{...builder} use:builder.action
-		{...$$restProps}
-	>
+	<div bind:this={el} transition:transition={transitionConfig} {...builder} use:builder.action {...$$restProps}>
 		<slot {builder} />
 	</div>
 {:else if inTransition && outTransition && $isSelected(props)}
@@ -43,21 +38,11 @@ $:
 		<slot {builder} />
 	</div>
 {:else if inTransition && $isSelected(props)}
-	<div
-		bind:this={el}
-		in:inTransition={inTransitionConfig}
-		{...builder} use:builder.action
-		{...$$restProps}
-	>
+	<div bind:this={el} in:inTransition={inTransitionConfig} {...builder} use:builder.action {...$$restProps}>
 		<slot {builder} />
 	</div>
 {:else if outTransition && $isSelected(props)}
-	<div
-		bind:this={el}
-		out:outTransition={outTransitionConfig}
-		{...builder} use:builder.action
-		{...$$restProps}
-	>
+	<div bind:this={el} out:outTransition={outTransitionConfig} {...builder} use:builder.action {...$$restProps}>
 		<slot {builder} />
 	</div>
 {:else if $isSelected(props)}

package/dist/bits/accordion/ctx.js

@@ -14,7 +14,7 @@ export function setCtx(props) {
     const accordion = {
         ...initAccordion,
         getAttrs,
-        updateOption: getOptionUpdater(initAccordion.options)
+        updateOption: getOptionUpdater(initAccordion.options),
     };
     setContext(NAME, accordion);
     return accordion;
@@ -38,7 +38,7 @@ export function getContent() {
     const { value: props } = getItemProps();
     return {
         ...ctx,
-        props
+        props,
     };
 }
 export function getTrigger() {
@@ -46,6 +46,6 @@ export function getTrigger() {
     const { value, disabled } = getItemProps();
     return {
         ...ctx,
-        props: { value, disabled }
+        props: { value, disabled },
     };
 }

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

@@ -11,4 +11,4 @@ type TriggerEvents = {
     click: CustomEventHandler<MouseEvent, HTMLButtonElement>;
     keydown: CustomEventHandler<KeyboardEvent, HTMLButtonElement>;
 };
-export type { Props, ItemProps, HeaderProps, TriggerProps, ContentProps, TriggerEvents };
+export type { Props, ItemProps, HeaderProps, TriggerProps, ContentProps, TriggerEvents, };

package/dist/bits/alert-dialog/_export.types.d.ts

@@ -1 +1 @@
-export type { Props as AlertDialogProps, TriggerProps as AlertDialogTriggerProps, ActionProps as AlertDialogActionProps, CancelProps as AlertDialogCancelProps, ContentProps as AlertDialogContentProps, DescriptionProps as AlertDialogDescriptionProps, PortalProps as AlertDialogPortalProps, OverlayProps as AlertDialogOverlayProps, TitleProps as AlertDialogTitleProps, TriggerEvents as AlertDialogTriggerEvents, CancelEvents as AlertDialogCancelEvents, ActionEvents as AlertDialogActionEvents, ContentEvents as AlertDialogContentEvents } from "./types.js";
+export type { Props as AlertDialogProps, TriggerProps as AlertDialogTriggerProps, ActionProps as AlertDialogActionProps, CancelProps as AlertDialogCancelProps, ContentProps as AlertDialogContentProps, DescriptionProps as AlertDialogDescriptionProps, PortalProps as AlertDialogPortalProps, OverlayProps as AlertDialogOverlayProps, TitleProps as AlertDialogTitleProps, TriggerEvents as AlertDialogTriggerEvents, CancelEvents as AlertDialogCancelEvents, ActionEvents as AlertDialogActionEvents, ContentEvents as AlertDialogContentEvents, } from "./types.js";

package/dist/bits/alert-dialog/_types.d.ts

@@ -27,4 +27,4 @@ type PortalProps = DOMElement;
 type TitleProps = Expand<{
     level?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
 } & DOMElement<HTMLHeadingElement>>;
-export type { Props, TriggerProps, ActionProps, CancelProps, ContentProps, DescriptionProps, ContentProps as OverlayProps, PortalProps, TitleProps };
+export type { Props, TriggerProps, ActionProps, CancelProps, ContentProps, DescriptionProps, ContentProps as OverlayProps, PortalProps, TitleProps, };

package/dist/bits/alert-dialog/components/alert-dialog-overlay.svelte

@@ -38,19 +38,9 @@ $:
 		{...$$restProps}
 	/>
 {:else if inTransition && $open}
-	<div
-		bind:this={el}
-		in:inTransition={inTransitionConfig}
-		{...builder} use:builder.action
-		{...$$restProps}
-	/>
+	<div bind:this={el} in:inTransition={inTransitionConfig} {...builder} use:builder.action {...$$restProps} />
 {:else if outTransition && $open}
-	<div
-		bind:this={el}
-		out:outTransition={outTransitionConfig}
-		{...builder} use:builder.action
-		{...$$restProps}
-	/>
+	<div bind:this={el} out:outTransition={outTransitionConfig} {...builder} use:builder.action {...$$restProps} />
 {:else if $open}
 	<div bind:this={el} {...builder} use:builder.action {...$$restProps} />
 {/if}

package/dist/bits/alert-dialog/components/alert-dialog-title.svelte

@@ -23,12 +23,7 @@ $:
 {#if asChild}
 	<slot {builder} />
 {:else}
-	<svelte:element
-		this={level}
-		bind:this={el}
-		{...builder} use:builder.action
-		{...$$restProps}
-	>
+	<svelte:element this={level} bind:this={el} {...builder} use:builder.action {...$$restProps}>
 		<slot {builder} />
 	</svelte:element>
 {/if}

package/dist/bits/alert-dialog/ctx.js

@@ -11,7 +11,7 @@ function getAlertDialogData() {
         "overlay",
         "portal",
         "title",
-        "trigger"
+        "trigger",
     ];
     return { NAME, PARTS };
 }
@@ -21,18 +21,18 @@ export function setCtx(props) {
     const initAlertDialog = createDialog({
         ...removeUndefined(props),
         role: "alertdialog",
-        forceVisible: true
+        forceVisible: true,
     });
     const alertDialog = {
         ...initAlertDialog,
         getAttrs,
-        updateOption: getOptionUpdater(initAlertDialog.options)
+        updateOption: getOptionUpdater(initAlertDialog.options),
     };
     setContext(NAME, alertDialog);
     return {
         ...alertDialog,
         updateOption: getOptionUpdater(alertDialog.options),
-        getAttrs
+        getAttrs,
     };
 }
 export function getCtx() {

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

@@ -25,4 +25,4 @@ type ContentEvents<T extends Element = HTMLElement> = {
 };
 type ActionEvents = TriggerEvents;
 type CancelEvents = TriggerEvents;
-export type { Props, TriggerProps, ActionProps, CancelProps, ContentProps, DescriptionProps, ContentProps as OverlayProps, PortalProps, TitleProps, TriggerEvents, CancelEvents, ActionEvents, ContentEvents };
+export type { Props, TriggerProps, ActionProps, CancelProps, ContentProps, DescriptionProps, ContentProps as OverlayProps, PortalProps, TitleProps, TriggerEvents, CancelEvents, ActionEvents, ContentEvents, };

package/dist/bits/aspect-ratio/components/aspect-ratio.svelte

@@ -5,11 +5,7 @@ const attrs = {
 };
 </script>
 
-<div
-	style:position="relative"
-	style:width="100%"
-	style:padding-bottom="{ratio ? 100 / ratio : 0}%"
->
+<div style:position="relative" style:width="100%" style:padding-bottom="{ratio ? 100 / ratio : 0}%">
 	<div
 		bind:this={el}
 		style:position="absolute"

package/dist/bits/avatar/_export.types.d.ts

@@ -1 +1 @@
-export type { Props as AvatarProps, ImageProps as AvatarImageProps, FallbackProps as AvatarFallbackProps } from "./types.js";
+export type { Props as AvatarProps, ImageProps as AvatarImageProps, FallbackProps as AvatarFallbackProps, } from "./types.js";

package/dist/bits/avatar/ctx.js

@@ -6,7 +6,7 @@ export function getAvatarData() {
     const PARTS = ["root", "image", "fallback"];
     return {
         NAME,
-        PARTS
+        PARTS,
     };
 }
 export function setCtx(props) {
@@ -16,7 +16,7 @@ export function setCtx(props) {
     setContext(NAME, avatar);
     return {
         ...avatar,
-        updateOption: getOptionUpdater(avatar.options)
+        updateOption: getOptionUpdater(avatar.options),
     };
 }
 export function getImage(src = "") {

package/dist/bits/button/_export.types.d.ts

@@ -1 +1 @@
-export type { Props as ButtonProps, Events as ButtonEvents } from "./types.js";
+export type { Props as ButtonProps, Events as ButtonEvents, } from "./types.js";

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

@@ -21,4 +21,4 @@ type Events = {
     mouseenter: ButtonEventHandler<MouseEvent>;
     mouseleave: ButtonEventHandler<MouseEvent>;
 };
-export type { Props, Events, ButtonEventHandler };
+export type { Props, Events, ButtonEventHandler, };

package/dist/bits/calendar/_export.types.d.ts

@@ -1 +1 @@
-export type { Props as CalendarProps, PrevButtonProps as CalendarPrevButtonProps, NextButtonProps as CalendarNextButtonProps, HeadingProps as CalendarHeadingProps, GridProps as CalendarGridProps, CellProps as CalendarCellProps, GridRowProps as CalendarGridRowProps, GridBodyProps as CalendarGridBodyProps, HeadCellProps as CalendarHeadCellProps, GridHeadProps as CalendarGridHeadProps, HeaderProps as CalendarHeaderProps, DayProps as CalendarDayProps, Events as CalendarEvents, PrevButtonEvents as CalendarPrevButtonEvents, NextButtonEvents as CalendarNextButtonEvents, DayEvents as CalendarDayEvents } from "./types.js";
+export type { Props as CalendarProps, PrevButtonProps as CalendarPrevButtonProps, NextButtonProps as CalendarNextButtonProps, HeadingProps as CalendarHeadingProps, GridProps as CalendarGridProps, CellProps as CalendarCellProps, GridRowProps as CalendarGridRowProps, GridBodyProps as CalendarGridBodyProps, HeadCellProps as CalendarHeadCellProps, GridHeadProps as CalendarGridHeadProps, HeaderProps as CalendarHeaderProps, DayProps as CalendarDayProps, Events as CalendarEvents, PrevButtonEvents as CalendarPrevButtonEvents, NextButtonEvents as CalendarNextButtonEvents, DayEvents as CalendarDayEvents, } from "./types.js";

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

@@ -63,4 +63,4 @@ type BaseDayProps = Expand<{
 }>;
 type CellProps = Expand<Omit<BaseDayProps, "month">> & DOMElement<HTMLTableCellElement>;
 type DayProps = Expand<BaseDayProps & DOMElement>;
-export type { Props, PrevButtonProps, NextButtonProps, HeadingProps, HeaderProps, GridProps, GridHeadProps, HeadCellProps, GridBodyProps, GridRowProps, CellProps, DayProps };
+export type { Props, PrevButtonProps, NextButtonProps, HeadingProps, HeaderProps, GridProps, GridHeadProps, HeadCellProps, GridBodyProps, GridRowProps, CellProps, DayProps, };

package/dist/bits/calendar/components/calendar-next-button.svelte

@@ -18,13 +18,7 @@ const dispatch = createDispatcher();
 {#if asChild}
 	<slot {builder} />
 {:else}
-	<button
-		bind:this={el}
-		{...builder} use:builder.action
-		type="button"
-		{...$$restProps}
-		on:m-click={dispatch}
-	>
+	<button bind:this={el} {...builder} use:builder.action type="button" {...$$restProps} on:m-click={dispatch}>
 		<slot {builder} />
 	</button>
 {/if}

package/dist/bits/calendar/components/calendar-prev-button.svelte

@@ -18,13 +18,7 @@ const dispatch = createDispatcher();
 {#if asChild}
 	<slot {builder} />
 {:else}
-	<button
-		bind:this={el}
-		{...builder} use:builder.action
-		type="button"
-		{...$$restProps}
-		on:m-click={dispatch}
-	>
+	<button bind:this={el} {...builder} use:builder.action type="button" {...$$restProps} on:m-click={dispatch}>
 		<slot {builder} />
 	</button>
 {/if}

package/dist/bits/calendar/components/calendar.svelte

@@ -34,12 +34,7 @@ onMount(() => {
 });
 const {
   elements: { calendar },
-  states: {
-    value: localValue,
-    placeholder: localPlaceholder,
-    months: localMonths,
-    weekdays
-  },
+  states: { value: localValue, placeholder: localPlaceholder, months: localMonths, weekdays },
   updateOption,
   ids,
   getCalendarAttrs
@@ -137,12 +132,7 @@ $:
 {#if asChild}
 	<slot {months} weekdays={$weekdays} {builder} />
 {:else}
-	<div
-		{...builder} use:builder.action
-		{...$$restProps}
-		on:m-keydown={dispatch}
-		bind:this={el}
-	>
+	<div {...builder} use:builder.action {...$$restProps} on:m-keydown={dispatch} bind:this={el}>
 		<slot {months} weekdays={$weekdays} {builder} />
 	</div>
 {/if}

package/dist/bits/calendar/ctx.js

@@ -15,7 +15,7 @@ export function getCalendarData() {
         "head-cell",
         "grid-body",
         "cell",
-        "grid-row"
+        "grid-row",
     ];
     return { NAME, PARTS };
 }
@@ -26,7 +26,7 @@ export function setCtx(props) {
     setContext(NAME, calendar);
     return {
         ...calendar,
-        updateOption: getOptionUpdater(calendar.options)
+        updateOption: getOptionUpdater(calendar.options),
     };
 }
 export function getCtx() {

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

@@ -28,4 +28,4 @@ type DayEvents = {
 type Events = {
     keydown: CustomEventHandler<KeyboardEvent, HTMLDivElement>;
 };
-export type { Props, PrevButtonProps, NextButtonProps, HeadingProps, GridProps, CellProps, GridRowProps, GridBodyProps, HeadCellProps, GridHeadProps, HeaderProps, DayProps, Events, PrevButtonEvents, NextButtonEvents, DayEvents };
+export type { Props, PrevButtonProps, NextButtonProps, HeadingProps, GridProps, CellProps, GridRowProps, GridBodyProps, HeadCellProps, GridHeadProps, HeaderProps, DayProps, Events, PrevButtonEvents, NextButtonEvents, DayEvents, };

package/dist/bits/checkbox/_export.types.d.ts

@@ -1 +1 @@
-export type { Props as CheckboxProps, IndicatorProps as CheckboxIndicatorProps, InputProps as CheckboxInputProps, Events as CheckboxEvents } from "./types.js";
+export type { Props as CheckboxProps, IndicatorProps as CheckboxIndicatorProps, InputProps as CheckboxInputProps, Events as CheckboxEvents, } from "./types.js";

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

@@ -19,4 +19,4 @@ type Props = Expand<OmitChecked<CreateCheckboxProps> & {
     onCheckedChange?: OnChangeFn<boolean | "indeterminate">;
 } & DOMElement<HTMLButtonElement>>;
 type IndicatorProps = DOMElement;
-export type { Props, IndicatorProps, Props as CheckboxProps, IndicatorProps as CheckboxIndicatorProps };
+export type { Props, IndicatorProps, Props as CheckboxProps, IndicatorProps as CheckboxIndicatorProps, };

package/dist/bits/checkbox/components/checkbox-input.svelte

@@ -7,9 +7,4 @@ const {
 } = getCtx();
 </script>
 
-<input
-	bind:this={el}
-	{...$input} use:$input.action
-	value={$value ?? "on"}
-	{...$$restProps}
-/>
+<input bind:this={el} {...$input} use:$input.action value={$value ?? "on"} {...$$restProps} />

package/dist/bits/checkbox/ctx.js

@@ -6,7 +6,7 @@ export function getCheckboxData() {
     const PARTS = ["root", "input", "indicator"];
     return {
         NAME,
-        PARTS
+        PARTS,
     };
 }
 export function setCtx(props) {
@@ -16,7 +16,7 @@ export function setCtx(props) {
     setContext(NAME, checkbox);
     return {
         ...checkbox,
-        updateOption: getOptionUpdater(checkbox.options)
+        updateOption: getOptionUpdater(checkbox.options),
     };
 }
 export function getCtx() {

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

@@ -9,4 +9,4 @@ type Events = {
     click: CustomEventHandler<MouseEvent, HTMLButtonElement>;
     keydown: CustomEventHandler<KeyboardEvent, HTMLButtonElement>;
 };
-export type { Props, IndicatorProps, InputProps, Events };
+export type { Props, IndicatorProps, InputProps, Events, };

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

@@ -1 +1 @@
-export type { Props as CollapsibleProps, ContentProps as CollapsibleContentProps, TriggerProps as CollapsibleTriggerProps, TriggerEvents as CollapsibleTriggerEvents } from "./types.js";
+export type { Props as CollapsibleProps, ContentProps as CollapsibleContentProps, TriggerProps as CollapsibleTriggerProps, TriggerEvents as CollapsibleTriggerEvents, } from "./types.js";

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

@@ -23,12 +23,7 @@ $:
 {#if asChild && $open}
 	<slot {builder} />
 {:else if transition && $open}
-	<div
-		bind:this={el}
-		transition:transition={transitionConfig}
-		{...builder} use:builder.action
-		{...$$restProps}
-	>
+	<div bind:this={el} transition:transition={transitionConfig} {...builder} use:builder.action {...$$restProps}>
 		<slot {builder} />
 	</div>
 {:else if inTransition && outTransition && $open}
@@ -42,21 +37,11 @@ $:
 		<slot {builder} />
 	</div>
 {:else if inTransition && $open}
-	<div
-		bind:this={el}
-		in:inTransition={inTransitionConfig}
-		{...builder} use:builder.action
-		{...$$restProps}
-	>
+	<div bind:this={el} in:inTransition={inTransitionConfig} {...builder} use:builder.action {...$$restProps}>
 		<slot {builder} />
 	</div>
 {:else if outTransition && $open}
-	<div
-		bind:this={el}
-		out:outTransition={outTransitionConfig}
-		{...builder} use:builder.action
-		{...$$restProps}
-	>
+	<div bind:this={el} out:outTransition={outTransitionConfig} {...builder} use:builder.action {...$$restProps}>
 		<slot {builder} />
 	</div>
 {:else if $open}

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

@@ -18,13 +18,7 @@ $:
 {#if asChild}
 	<slot {builder} />
 {:else}
-	<button
-		bind:this={el}
-		{...builder} use:builder.action
-		type="button"
-		{...$$restProps}
-		on:m-click={dispatch}
-	>
+	<button bind:this={el} {...builder} use:builder.action type="button" {...$$restProps} on:m-click={dispatch}>
 		<slot {builder} />
 	</button>
 {/if}

package/dist/bits/collapsible/ctx.js

@@ -6,7 +6,7 @@ export function getCollapsibleData() {
     const PARTS = ["root", "content", "trigger"];
     return {
         NAME,
-        PARTS
+        PARTS,
     };
 }
 export function setCtx(props) {
@@ -16,7 +16,7 @@ export function setCtx(props) {
     setContext(NAME, collapsible);
     return {
         ...collapsible,
-        updateOption: getOptionUpdater(collapsible.options)
+        updateOption: getOptionUpdater(collapsible.options),
     };
 }
 export function getCtx() {

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

@@ -8,4 +8,4 @@ type TriggerProps = I.TriggerProps & HTMLButtonAttributes;
 type TriggerEvents = {
     click: CustomEventHandler<MouseEvent, HTMLButtonElement>;
 };
-export type { Props, ContentProps, TriggerProps, TriggerEvents };
+export type { Props, ContentProps, TriggerProps, TriggerEvents, };

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

@@ -0,0 +1 @@
+export type { Props as ComboboxProps, ContentProps as ComboboxContentProps, InputProps as ComboboxInputProps, ItemProps as ComboboxItemProps, LabelProps as ComboboxLabelProps, GroupProps as ComboboxGroupProps, GroupLabelProps as ComboboxGroupLabelProps, ArrowProps as ComboboxArrowProps, HiddenInputProps as ComboboxHiddenInputProps, SeparatorProps as ComboboxSeparatorProps, IndicatorProps as ComboboxIndicatorProps, ItemEvents as ComboboxItemEvents, InputEvents as ComboboxInputEvents, GroupLabelEvents as ComboboxGroupLabelEvents, ContentEvents as ComboboxContentEvents, } from "./types.js";

package/dist/bits/combobox/_export.types.js

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,62 @@
+/**
+ * We define prop types without the HTMLAttributes here so that we can use them
+ * to type-check our API documentation, which requires we document each prop,
+ * but we don't want to document the HTML attributes.
+ */
+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 "../..";
+export 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>;
+type Props<T = unknown, Multiple extends boolean = false> = Expand<OmitFloating<Omit<CreateComboboxProps, "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>[];
+}>;
+type InputProps = DOMElement<HTMLInputElement>;
+type LabelProps = DOMElement<HTMLLabelElement>;
+type GroupProps = DOMElement;
+type GroupLabelProps = DOMElement;
+type ItemProps = Expand<ComboboxOptionProps & DOMElement>;
+type HiddenInputProps = DOMElement;
+type SeparatorProps = DOMElement;
+type IndicatorProps = DOMElement;
+export type { Props, ContentProps, InputProps, ItemProps, LabelProps, GroupProps, GroupLabelProps, ArrowProps, HiddenInputProps, SeparatorProps, IndicatorProps, };

package/dist/bits/combobox/_types.js

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,21 @@
+<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;
+const {
+  elements: { arrow },
+  getAttrs
+} = setArrow(size);
+const attrs = getAttrs("arrow");
+$:
+  builder = $arrow;
+$:
+  Object.assign(builder, attrs);
+</script>
+
+{#if asChild}
+	<slot {builder} />
+{:else}
+	<div bind:this={el} {...builder} use:builder.action {...$$restProps} />
+{/if}

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

@@ -0,0 +1,26 @@
+import { SvelteComponent } from "svelte";
+import type { ArrowProps } from "../types.js";
+declare const __propDef: {
+    props: ArrowProps;
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {
+            builder: {
+                'data-arrow': boolean;
+                style: string;
+            } & {
+                [x: `data-melt-${string}`]: "";
+            } & {
+                action: import("svelte/action").Action<any, any, Record<never, any>>;
+            };
+        };
+    };
+};
+export type ComboboxArrowProps = typeof __propDef.props;
+export type ComboboxArrowEvents = typeof __propDef.events;
+export type ComboboxArrowSlots = typeof __propDef.slots;
+export default class ComboboxArrow extends SvelteComponent<ComboboxArrowProps, ComboboxArrowEvents, ComboboxArrowSlots> {
+}
+export {};