bits-ui 0.21.1 → 0.21.3

package/dist/bits/range-calendar/components/range-calendar-grid-head.svelte.d.ts

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

package/dist/bits/range-calendar/components/range-calendar-grid-row.svelte.d.ts

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

package/dist/bits/range-calendar/components/range-calendar-grid.svelte.d.ts

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

package/dist/bits/range-calendar/components/range-calendar-head-cell.svelte.d.ts

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

package/dist/bits/range-calendar/components/range-calendar-header.svelte.d.ts

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

package/dist/bits/range-calendar/components/range-calendar-heading.svelte.d.ts

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

package/dist/bits/range-calendar/components/range-calendar-next-button.svelte.d.ts

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

package/dist/bits/range-calendar/components/range-calendar-prev-button.svelte.d.ts

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

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

@@ -1,7 +1,7 @@
 <script>import { melt } from "@melt-ui/svelte";
+import { onMount } from "svelte";
 import { setCtx } from "../ctx.js";
 import { createDispatcher } from "../../../internal/events.js";
-import { onMount } from "svelte";
 import { handleCalendarInitialFocus } from "../../../internal/focus.js";
 export let placeholder = void 0;
 export let onPlaceholderChange = void 0;

package/dist/bits/range-calendar/components/range-calendar.svelte.d.ts

@@ -1,7 +1,7 @@
 import { SvelteComponent } from "svelte";
 import { type Month } from "@melt-ui/svelte";
-import type { Events, Props } from "../types.js";
 import type { DateValue } from "@internationalized/date";
+import type { Events, Props } from "../index.js";
 declare const __propDef: {
     props: Props;
     slots: {

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

@@ -3,7 +3,7 @@ import { type CreateRangeCalendarProps } from "@melt-ui/svelte";
 type GetReturn = Omit<ReturnType<typeof setCtx>, "updateOption">;
 export declare function setCtx(props: CreateRangeCalendarProps): {
     updateOption: <K extends string, V extends unknown>(key: K, value: V | undefined) => void;
-    getAttrs: (part: "day" | "header" | "root" | "cell" | "grid" | "heading" | "prev-button" | "next-button" | "grid-head" | "head-cell" | "grid-body" | "grid-row") => Record<string, string>;
+    getAttrs: (part: "header" | "root" | "cell" | "grid" | "heading" | "prev-button" | "next-button" | "day" | "grid-head" | "head-cell" | "grid-body" | "grid-row") => Record<string, string> | undefined;
     elements: {
         calendar: import("@melt-ui/svelte/internal/helpers").MeltElement<[import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Readable<string>>, import("svelte/store").Readable<boolean>, import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<string>>, import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<boolean>>, import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<boolean>>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown">, ([$fullCalendarLabel, $isInvalid, $calendarId, $disabled, $readonly]: [string, boolean, string, boolean, boolean]) => {
             id: string;
@@ -128,12 +128,12 @@ export declare function setCtx(props: CreateRangeCalendarProps): {
         maxValue: import("@internationalized/date").DateValue | undefined;
         readonly: boolean;
         locale: string;
-        weekStartsOn: 0 | 1 | 2 | 3 | 4 | 5 | 6;
+        weekStartsOn: 0 | 1 | 2 | 3 | 5 | 4 | 6;
         fixedWeeks: boolean;
         numberOfMonths: number;
         preventDeselect: boolean;
         pagedNavigation: boolean;
-        weekdayFormat: "narrow" | "short" | "long";
+        weekdayFormat: "long" | "short" | "narrow";
         isDateDisabled: import("@melt-ui/svelte").Matcher | undefined;
         calendarLabel: string;
     }>;

package/dist/bits/range-calendar/ctx.js

@@ -1,6 +1,6 @@
 import { createRangeCalendar } 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";
 function getRangeCalendarData() {
     const NAME = "calendar";
     const PARTS = [

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

@@ -10,4 +10,4 @@ export { default as Header } from "./components/range-calendar-header.svelte";
 export { default as Heading } from "./components/range-calendar-heading.svelte";
 export { default as NextButton } from "./components/range-calendar-next-button.svelte";
 export { default as PrevButton } from "./components/range-calendar-prev-button.svelte";
-export * from "./types.js";
+export type { RangeCalendarProps as Props, RangeCalendarPrevButtonProps as PrevButtonProps, RangeCalendarNextButtonProps as NextButtonProps, RangeCalendarHeadingProps as HeadingProps, RangeCalendarHeaderProps as HeaderProps, RangeCalendarGridProps as GridProps, RangeCalendarGridHeadProps as GridHeadProps, RangeCalendarHeadCellProps as HeadCellProps, RangeCalendarGridBodyProps as GridBodyProps, RangeCalendarCellProps as CellProps, RangeCalendarGridRowProps as GridRowProps, RangeCalendarDayProps as DayProps, RangeCalendarEvents as Events, RangeCalendarPrevButtonEvents as PrevButtonEvents, RangeCalendarNextButtonEvents as NextButtonEvents, RangeCalendarDayEvents as DayEvents, } from "./types.js";

package/dist/bits/range-calendar/index.js

@@ -10,4 +10,3 @@ export { default as Header } from "./components/range-calendar-header.svelte";
 export { default as Heading } from "./components/range-calendar-heading.svelte";
 export { default as NextButton } from "./components/range-calendar-next-button.svelte";
 export { default as PrevButton } from "./components/range-calendar-prev-button.svelte";
-export * from "./types.js";

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

@@ -1,33 +1,108 @@
-import type { HTMLDivAttributes } from "../../internal/index.js";
 import type { HTMLAttributes, HTMLButtonAttributes, HTMLTableAttributes, HTMLTdAttributes, HTMLThAttributes } from "svelte/elements";
-import type * as I from "./_types.js";
+import type { DateValue } from "@internationalized/date";
+import type { CreateRangeCalendarProps as MeltRangeCalendarProps } from "@melt-ui/svelte";
+import type { DOMElement, HTMLDivAttributes, OnChangeFn } from "../../internal/index.js";
 import type { CustomEventHandler } from "../../index.js";
-type Props = I.Props & Omit<HTMLDivAttributes, "placeholder">;
-type PrevButtonProps = I.PrevButtonProps & HTMLButtonAttributes;
-type NextButtonProps = I.NextButtonProps & HTMLButtonAttributes;
-type HeadingProps = I.HeadingProps & HTMLDivAttributes;
-type HeaderProps = I.HeaderProps & HTMLDivAttributes;
-type GridProps = I.GridProps & HTMLTableAttributes;
-type GridHeadProps = I.GridHeadProps & HTMLAttributes<HTMLTableSectionElement>;
-type HeadCellProps = I.HeadCellProps & HTMLThAttributes;
-type GridBodyProps = I.GridBodyProps & HTMLAttributes<HTMLTableSectionElement>;
-type GridRowProps = I.GridRowProps & HTMLAttributes<HTMLTableRowElement>;
-type CellProps = I.CellProps & HTMLTdAttributes;
-type DayProps = I.DayProps & HTMLDivAttributes;
+import type { DateRange } from "../../shared/index.js";
+export type RangeCalendarPropsWithoutHTML = Expand<Omit<MeltRangeCalendarProps, "placeholder" | "defaultPlaceholder" | "value" | "defaultValue" | "onPlaceholderChange" | "onValueChange" | "ids"> & {
+    /**
+     * The selected date range. This updates as the user selects
+     * date ranges in the calendar.
+     *
+     * You can bind this to a value to programmatically control the
+     * value state.
+     */
+    value?: DateRange;
+    /**
+     * A callback function called when the value changes.
+     */
+    onValueChange?: OnChangeFn<DateRange>;
+    /**
+     * The placeholder date, used to display the calendar when no
+     * date is selected. This updates as the user navigates
+     * the calendar.
+     *
+     * You can bind this to a value to programmatically control the
+     * placeholder state.
+     */
+    placeholder?: DateValue;
+    /**
+     * A callback function called when the placeholder changes.
+     */
+    onPlaceholderChange?: OnChangeFn<DateValue>;
+    /**
+     * If `true`, the calendar will focus the selected day,
+     * today, or the first day of the month in that order depending
+     * on what is visible when the calendar is mounted.
+     *
+     * @default false
+     */
+    initialFocus?: boolean;
+    /**
+     * 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;
+} & DOMElement>;
+export type RangeCalendarPrevButtonPropsWithoutHTML = DOMElement<HTMLButtonElement>;
+export type RangeCalendarNextButtonPropsWithoutHTML = DOMElement<HTMLButtonElement>;
+export type RangeCalendarHeadingPropsWithoutHTML = DOMElement;
+export type RangeCalendarHeaderPropsWithoutHTML = DOMElement<HTMLElement>;
+export type RangeCalendarGridHeadPropsWithoutHTML = DOMElement<HTMLTableSectionElement>;
+export type RangeCalendarHeadCellPropsWithoutHTML = DOMElement<HTMLTableCellElement>;
+export type RangeCalendarGridPropsWithoutHTML = DOMElement<HTMLTableElement>;
+export type RangeCalendarGridBodyPropsWithoutHTML = DOMElement<HTMLTableSectionElement>;
+export type RangeCalendarGridRowPropsWithoutHTML = DOMElement<HTMLTableRowElement>;
+type RangeCalendarBaseDayPropsWithoutHTML = Expand<{
+    /**
+     * The date value of the cell.
+     */
+    date: DateValue;
+    /**
+     * The month value that the cell belongs to.
+     */
+    month: DateValue;
+}>;
+export type RangeCalendarCellPropsWithoutHTML = Expand<Omit<RangeCalendarBaseDayPropsWithoutHTML, "month"> & DOMElement<HTMLTableCellElement>>;
+export type RangeCalendarDayPropsWithoutHTML = Expand<RangeCalendarBaseDayPropsWithoutHTML & DOMElement>;
+export type RangeCalendarProps = RangeCalendarPropsWithoutHTML & Omit<HTMLDivAttributes, "placeholder">;
+export type RangeCalendarPrevButtonProps = RangeCalendarPrevButtonPropsWithoutHTML & HTMLButtonAttributes;
+export type RangeCalendarNextButtonProps = RangeCalendarNextButtonPropsWithoutHTML & HTMLButtonAttributes;
+export type RangeCalendarHeadingProps = RangeCalendarHeadingPropsWithoutHTML & HTMLDivAttributes;
+export type RangeCalendarHeaderProps = RangeCalendarHeaderPropsWithoutHTML & HTMLDivAttributes;
+export type RangeCalendarGridProps = RangeCalendarGridPropsWithoutHTML & HTMLTableAttributes;
+export type RangeCalendarGridHeadProps = RangeCalendarGridHeadPropsWithoutHTML & HTMLAttributes<HTMLTableSectionElement>;
+export type RangeCalendarHeadCellProps = RangeCalendarHeadCellPropsWithoutHTML & HTMLThAttributes;
+export type RangeCalendarGridBodyProps = RangeCalendarGridBodyPropsWithoutHTML & HTMLAttributes<HTMLTableSectionElement>;
+export type RangeCalendarGridRowProps = RangeCalendarGridRowPropsWithoutHTML & HTMLAttributes<HTMLTableRowElement>;
+export type RangeCalendarCellProps = RangeCalendarCellPropsWithoutHTML & HTMLTdAttributes;
+export type RangeCalendarDayProps = RangeCalendarDayPropsWithoutHTML & HTMLDivAttributes;
 /**
  * Events
  */
-type ButtonEvents = {
+type RangeCalendarButtonEvents = {
     click: CustomEventHandler<MouseEvent, HTMLButtonElement>;
 };
-type PrevButtonEvents = ButtonEvents;
-type NextButtonEvents = ButtonEvents;
-type DayEvents = {
+export type RangeCalendarPrevButtonEvents = RangeCalendarButtonEvents;
+export type RangeCalendarNextButtonEvents = RangeCalendarButtonEvents;
+export type RangeCalendarDayEvents = {
     click: CustomEventHandler<MouseEvent, HTMLDivElement>;
     focusin: CustomEventHandler<FocusEvent, HTMLDivElement>;
     mouseenter: CustomEventHandler<MouseEvent, HTMLDivElement>;
 };
-type Events = {
+export type RangeCalendarEvents = {
     keydown: CustomEventHandler<KeyboardEvent, HTMLDivElement>;
 };
-export type { Props, PrevButtonProps, NextButtonProps, HeadingProps, GridProps, CellProps, GridRowProps, GridBodyProps, HeadCellProps, GridHeadProps, HeaderProps, DayProps, Events, PrevButtonEvents, NextButtonEvents, DayEvents, };
+export {};

package/dist/bits/scroll-area/components/scroll-area-content.svelte

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

package/dist/bits/scroll-area/components/scroll-area-content.svelte.d.ts

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

package/dist/bits/scroll-area/components/scroll-area-corner.svelte

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

package/dist/bits/scroll-area/components/scroll-area-corner.svelte.d.ts

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

package/dist/bits/scroll-area/components/scroll-area-scrollbar-x.svelte

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

package/dist/bits/scroll-area/components/scroll-area-scrollbar-x.svelte.d.ts

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

package/dist/bits/scroll-area/components/scroll-area-scrollbar-y.svelte

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

package/dist/bits/scroll-area/components/scroll-area-scrollbar-y.svelte.d.ts

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

package/dist/bits/scroll-area/components/scroll-area-scrollbar.svelte

@@ -1,5 +1,5 @@
-<script>import { setScrollbarOrientation } from "../ctx.js";
-import { writable } from "svelte/store";
+<script>import { writable } from "svelte/store";
+import { setScrollbarOrientation } from "../ctx.js";
 import ScrollAreaScrollbarY from "./scroll-area-scrollbar-y.svelte";
 import ScrollAreaScrollbarX from "./scroll-area-scrollbar-x.svelte";
 export let orientation;

package/dist/bits/scroll-area/components/scroll-area-scrollbar.svelte.d.ts

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

package/dist/bits/scroll-area/components/scroll-area-thumb-x.svelte

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

package/dist/bits/scroll-area/components/scroll-area-thumb-x.svelte.d.ts

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

package/dist/bits/scroll-area/components/scroll-area-thumb-y.svelte

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

package/dist/bits/scroll-area/components/scroll-area-thumb-y.svelte.d.ts

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

package/dist/bits/scroll-area/components/scroll-area-thumb.svelte.d.ts

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

package/dist/bits/scroll-area/components/scroll-area-viewport.svelte

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

package/dist/bits/scroll-area/components/scroll-area-viewport.svelte.d.ts

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

package/dist/bits/scroll-area/components/scroll-area.svelte.d.ts

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

package/dist/bits/scroll-area/ctx.d.ts

@@ -4,7 +4,7 @@ import type { Writable } from "svelte/store";
 type GetReturn = Omit<ReturnType<typeof setCtx>, "updateOption">;
 export declare function setCtx(props: CreateScrollAreaProps): {
     updateOption: <K extends string, V extends unknown>(key: K, value: V | undefined) => void;
-    getAttrs: (part: "content" | "root" | "viewport" | "scrollbar-x" | "scrollbar-y" | "thumb-x" | "thumb-y" | "corner") => Record<string, string>;
+    getAttrs: (part: "root" | "content" | "viewport" | "scrollbar-x" | "scrollbar-y" | "thumb-x" | "thumb-y" | "corner") => Record<string, string> | undefined;
     options: import("@melt-ui/svelte/internal/helpers").ToWritableStores<Omit<{
         type: import("@melt-ui/svelte").ScrollAreaType;
         hideDelay: number;

package/dist/bits/scroll-area/ctx.js

@@ -1,6 +1,6 @@
 import { createScrollArea } 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";
 function getScrollAreaData() {
     const NAME = "scroll-area";
     const SCROLLBAR_NAME = "scrollbar";

package/dist/bits/scroll-area/index.d.ts

@@ -4,4 +4,4 @@ export { default as Content } from "./components/scroll-area-content.svelte";
 export { default as Scrollbar } from "./components/scroll-area-scrollbar.svelte";
 export { default as Thumb } from "./components/scroll-area-thumb.svelte";
 export { default as Corner } from "./components/scroll-area-corner.svelte";
-export * from "./types.js";
+export type { ScrollAreaProps as Props, ScrollAreaViewportProps as ViewportProps, ScrollAreaContentProps as ContentProps, ScrollAreaScrollbarProps as ScrollbarProps, ScrollAreaThumbProps as ThumbProps, ScrollAreaCornerProps as CornerProps, } from "./types.js";

package/dist/bits/scroll-area/index.js

@@ -4,4 +4,3 @@ export { default as Content } from "./components/scroll-area-content.svelte";
 export { default as Scrollbar } from "./components/scroll-area-scrollbar.svelte";
 export { default as Thumb } from "./components/scroll-area-thumb.svelte";
 export { default as Corner } from "./components/scroll-area-corner.svelte";
-export * from "./types.js";

package/dist/bits/scroll-area/types.d.ts

@@ -1,8 +1,18 @@
-import type { HTMLDivAttributes } from "../../internal/types.js";
-import * as I from "./_types.js";
-export type Props = I.Props & HTMLDivAttributes;
-export type ViewportProps = I.ViewportProps & HTMLDivAttributes;
-export type ContentProps = I.ContentProps & HTMLDivAttributes;
-export type ScrollbarProps = I.ScrollbarProps & HTMLDivAttributes;
-export type ThumbProps = I.ThumbProps & HTMLDivAttributes;
-export type CornerProps = I.CornerProps & HTMLDivAttributes;
+import type { CreateScrollAreaProps as MeltScrollAreaProps } from "@melt-ui/svelte";
+import type { DOMElement, Expand, HTMLDivAttributes } from "../../internal/types.js";
+export type ScrollAreaPropsWithoutHTML = Expand<Omit<MeltScrollAreaProps, "ids">> & DOMElement<HTMLDivElement>;
+type BaseDivProps = DOMElement<HTMLDivElement>;
+export type ScrollAreaScrollbarPropsWithoutHTML = BaseDivProps & {
+    orientation: "horizontal" | "vertical";
+};
+export type ScrollAreaThumbPropsWithoutHTML = BaseDivProps;
+export type ScrollAreaViewportPropsWithoutHTML = BaseDivProps;
+export type ScrollAreaContentPropsWithoutHTML = BaseDivProps;
+export type ScrollAreaCornerPropsWithoutHTML = BaseDivProps;
+export type ScrollAreaProps = ScrollAreaPropsWithoutHTML & HTMLDivAttributes;
+export type ScrollAreaViewportProps = ScrollAreaViewportPropsWithoutHTML & HTMLDivAttributes;
+export type ScrollAreaContentProps = ScrollAreaContentPropsWithoutHTML & HTMLDivAttributes;
+export type ScrollAreaScrollbarProps = ScrollAreaScrollbarPropsWithoutHTML & HTMLDivAttributes;
+export type ScrollAreaThumbProps = ScrollAreaThumbPropsWithoutHTML & HTMLDivAttributes;
+export type ScrollAreaCornerProps = ScrollAreaCornerPropsWithoutHTML & HTMLDivAttributes;
+export {};

package/dist/bits/scroll-area/types.js

@@ -1 +1 @@
-import * as I from "./_types.js";
+export {};

package/dist/bits/select/components/select-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/select/components/select-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;
@@ -55,7 +55,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/select/components/select-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/select/components/select-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/select/components/select-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/select/components/select-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/select/components/select-item.svelte

@@ -21,8 +21,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} />
 {:else}
@@ -38,7 +37,7 @@ $:
 		on:pointerleave
 	>
 		<slot {builder} {isSelected}>
-			{label ? label : value}
+			{label || value}
 		</slot>
 	</div>
 {/if}

package/dist/bits/select/components/select-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/select/components/select-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/select/components/select-label.svelte.d.ts

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