bits-ui 0.21.0 → 0.21.2

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

@@ -1,7 +1,19 @@
-import type { HTMLDivAttributes, HTMLSpanAttributes } from "../../internal/index.js";
 import type { HTMLImgAttributes } from "svelte/elements";
-import type * as I from "./_types.js";
-type Props = I.Props & HTMLDivAttributes;
-type ImageProps = I.ImageProps & HTMLImgAttributes;
-type FallbackProps = I.FallbackProps & HTMLSpanAttributes;
-export type { Props, ImageProps, FallbackProps };
+import type { CreateAvatarProps as MeltAvatarProps } from "@melt-ui/svelte";
+import type { DOMElement, Expand, HTMLDivAttributes, HTMLSpanAttributes, OnChangeFn } from "../../internal/index.js";
+export type AvatarPropsWithoutHTML = Expand<Omit<MeltAvatarProps, "onLoadingStatusChange" | "loadingStatus" | "src"> & {
+    /**
+     * The loading state of the image.
+     * You can bind this to a boolean value to programmatically control the loading state.
+     */
+    loadingStatus?: "loading" | "loaded" | "error";
+    /**
+     * A callback function called when the loading state changes.
+     */
+    onLoadingStatusChange?: OnChangeFn<"loading" | "loaded" | "error">;
+} & DOMElement>;
+export type AvatarImagePropsWithoutHTML = DOMElement<HTMLImageElement>;
+export type AvatarFallbackPropsWithoutHTML = DOMElement<HTMLSpanElement>;
+export type AvatarProps = AvatarPropsWithoutHTML & HTMLDivAttributes;
+export type AvatarImageProps = AvatarImagePropsWithoutHTML & HTMLImgAttributes;
+export type AvatarFallbackProps = AvatarFallbackPropsWithoutHTML & HTMLSpanAttributes;

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

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

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

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

package/dist/bits/button/index.js

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

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

@@ -1,19 +1,25 @@
 import type { HTMLAnchorAttributes, HTMLButtonAttributes } from "svelte/elements";
-import type * as I from "./_types.js";
 import type { DOMEl } from "../../internal/types.js";
-type AnchorElement = I.Props & HTMLAnchorAttributes & {
+import type { Builder } from "../../internal/index.js";
+export type ButtonPropsWithoutHTML = {
+    /**
+     * Melt UI builders to apply to the button component.
+     */
+    builders?: Builder[];
+};
+type AnchorElement = ButtonPropsWithoutHTML & HTMLAnchorAttributes & {
     href?: HTMLAnchorAttributes["href"];
     type?: never;
 } & DOMEl<HTMLAnchorElement>;
-type ButtonElement = I.Props & HTMLButtonAttributes & {
+type ButtonElement = ButtonPropsWithoutHTML & HTMLButtonAttributes & {
     type?: HTMLButtonAttributes["type"];
     href?: never;
 } & DOMEl<HTMLButtonElement>;
-type Props = AnchorElement | ButtonElement;
-type ButtonEventHandler<T extends Event = Event> = T & {
+export type ButtonProps = AnchorElement | ButtonElement;
+export type ButtonEventHandler<T extends Event = Event> = T & {
     currentTarget: EventTarget & HTMLButtonElement;
 };
-type Events = {
+export type ButtonEvents = {
     click: ButtonEventHandler<MouseEvent>;
     keydown: ButtonEventHandler<KeyboardEvent>;
     change: ButtonEventHandler<Event>;
@@ -21,4 +27,4 @@ type Events = {
     mouseenter: ButtonEventHandler<MouseEvent>;
     mouseleave: ButtonEventHandler<MouseEvent>;
 };
-export type { Props, Events, ButtonEventHandler, };
+export {};

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

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

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

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

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

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

package/dist/bits/calendar/components/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/calendar/components/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/calendar/components/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/calendar/components/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: {
@@ -7,7 +7,7 @@ declare const __propDef: {
     };
     slots: {
         default: {
-            attrs: Record<string, string>;
+            attrs: Record<string, string> | undefined;
         };
     };
 };

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

@@ -1,9 +1,9 @@
-<script>import { arraysAreEqual } from "../../../internal/arrays.js";
-import { handleCalendarInitialFocus } from "../../../internal/focus.js";
-import { createDispatcher } from "../../../internal/events.js";
-import { melt } from "@melt-ui/svelte";
+<script>import { melt } from "@melt-ui/svelte";
 import { onMount } from "svelte";
 import { setCtx } from "../ctx.js";
+import { createDispatcher } from "../../../internal/events.js";
+import { handleCalendarInitialFocus } from "../../../internal/focus.js";
+import { arraysAreEqual } from "../../../internal/arrays.js";
 export let placeholder = void 0;
 export let onPlaceholderChange = void 0;
 export let value = void 0;
@@ -84,10 +84,7 @@ $:
     ids.calendar.set(id);
   }
 $:
-  value !== void 0 && localValue.set(
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    Array.isArray(value) ? [...value] : value
-  );
+  value !== void 0 && localValue.set(Array.isArray(value) ? [...value] : value);
 $:
   placeholder !== void 0 && localPlaceholder.set(placeholder);
 $:

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

@@ -1,7 +1,7 @@
 import { SvelteComponent } from "svelte";
 import type { DateValue } from "@internationalized/date";
 import { type Month } from "@melt-ui/svelte";
-import type { Props } from "../types.js";
+import type { Props } from "../index.js";
 declare class __sveltets_Render<Multiple extends boolean> {
     props(): Props<Multiple>;
     events(): {} & {

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

@@ -7,7 +7,7 @@ export declare function getCalendarData(): {
 type GetReturn = Omit<ReturnType<typeof setCtx>, "updateOption">;
 export declare function setCtx<Multiple extends boolean>(props: CreateCalendarProps<Multiple>): {
     updateOption: <K extends string, V extends unknown>(key: K, value: V | undefined) => void;
-    getCalendarAttrs: (part: "day" | "header" | "root" | "cell" | "grid" | "heading" | "prev-button" | "next-button" | "grid-head" | "head-cell" | "grid-body" | "grid-row") => Record<string, string>;
+    getCalendarAttrs: (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<boolean>>, import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<boolean>>, import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<string>>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown">, ([$fullCalendarLabel, $isInvalid, $disabled, $readonly, $calendarId]: [string, boolean, boolean, boolean, string]) => {
             id: string;
@@ -119,12 +119,12 @@ export declare function setCtx<Multiple extends boolean>(props: CreateCalendarPr
         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/calendar/ctx.js

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

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

@@ -10,4 +10,4 @@ export { default as Header } from "./components/calendar-header.svelte";
 export { default as Heading } from "./components/calendar-heading.svelte";
 export { default as NextButton } from "./components/calendar-next-button.svelte";
 export { default as PrevButton } from "./components/calendar-prev-button.svelte";
-export * from "./types.js";
+export type { CalendarProps as Props, CalendarPrevButtonProps as PrevButtonProps, CalendarNextButtonProps as NextButtonProps, CalendarHeadingProps as HeadingProps, CalendarHeaderProps as HeaderProps, CalendarGridProps as GridProps, CalendarGridHeadProps as GridHeadProps, CalendarHeadCellProps as HeadCellProps, CalendarGridBodyProps as GridBodyProps, CalendarGridRowProps as GridRowProps, CalendarCellProps as CellProps, CalendarDayProps as DayProps, CalendarDayEvents as DayEvents, CalendarPrevButtonEvents as PrevButtonEvents, CalendarNextButtonEvents as NextButtonEvents, CalendarEvents as Events, } from "./types.js";

package/dist/bits/calendar/index.js

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

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

@@ -1,31 +1,89 @@
-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 { CreateCalendarProps as MeltCalendarProps } from "@melt-ui/svelte";
+import type { DOMElement, HTMLDivAttributes, OnChangeFn } from "../../internal/index.js";
 import type { CustomEventHandler } from "../../index.js";
-type Props<Multiple extends boolean = false> = I.Props<Multiple> & 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;
+type OmitCalendarProps<T> = Omit<T, "placeholder" | "defaultPlaceholder" | "value" | "defaultValue" | "onPlaceholderChange" | "onValueChange" | "ids">;
+export type CalendarPropsWithoutHTML<Multiple extends boolean = false> = Expand<OmitCalendarProps<MeltCalendarProps<Multiple>> & {
+    /**
+     * The selected date value. This updates as the user selects
+     * date(s) in the calendar.
+     *
+     * You can bind this to a value to programmatically control the
+     * value state.
+     */
+    value?: MeltCalendarProps<Multiple>["defaultValue"];
+    /**
+     * A callback function called when the value changes.
+     */
+    onValueChange?: OnChangeFn<MeltCalendarProps<Multiple>["defaultValue"]>;
+    /**
+     * 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;
+} & DOMElement>;
+export type CalendarPrevButtonPropsWithoutHTML = DOMElement<HTMLButtonElement>;
+export type CalendarNextButtonPropsWithoutHTML = DOMElement<HTMLButtonElement>;
+export type CalendarHeadingPropsWithoutHTML = DOMElement;
+export type CalendarHeaderPropsWithoutHTML = DOMElement<HTMLElement>;
+export type CalendarGridHeadPropsWithoutHTML = DOMElement<HTMLTableSectionElement>;
+export type CalendarHeadCellPropsWithoutHTML = DOMElement<HTMLTableCellElement>;
+export type CalendarGridPropsWithoutHTML = DOMElement<HTMLTableElement>;
+export type CalendarGridBodyPropsWithoutHTML = DOMElement<HTMLTableSectionElement>;
+export type CalendarGridRowPropsWithoutHTML = DOMElement<HTMLTableRowElement>;
+export type CalendarBaseDayPropsWithoutHTML = Expand<{
+    /**
+     * The date value of the cell.
+     */
+    date: DateValue;
+    /**
+     * The month value that the cell belongs to.
+     */
+    month: DateValue;
+}>;
+export type CalendarCellPropsWithoutHTML = Expand<Omit<CalendarBaseDayPropsWithoutHTML, "month">> & DOMElement<HTMLTableCellElement>;
+export type CalendarDayPropsWithoutHTML = Expand<CalendarBaseDayPropsWithoutHTML & DOMElement>;
+export type CalendarProps<Multiple extends boolean = false> = CalendarPropsWithoutHTML<Multiple> & Omit<HTMLDivAttributes, "placeholder">;
+export type CalendarPrevButtonProps = CalendarPrevButtonPropsWithoutHTML & HTMLButtonAttributes;
+export type CalendarNextButtonProps = CalendarNextButtonPropsWithoutHTML & HTMLButtonAttributes;
+export type CalendarHeadingProps = CalendarHeadingPropsWithoutHTML & HTMLDivAttributes;
+export type CalendarHeaderProps = CalendarHeaderPropsWithoutHTML & HTMLDivAttributes;
+export type CalendarGridProps = CalendarGridPropsWithoutHTML & HTMLTableAttributes;
+export type CalendarGridHeadProps = CalendarGridHeadPropsWithoutHTML & HTMLAttributes<HTMLTableSectionElement>;
+export type CalendarHeadCellProps = CalendarHeadCellPropsWithoutHTML & HTMLThAttributes;
+export type CalendarGridBodyProps = CalendarGridBodyPropsWithoutHTML & HTMLAttributes<HTMLTableSectionElement>;
+export type CalendarGridRowProps = CalendarGridRowPropsWithoutHTML & HTMLAttributes<HTMLTableRowElement>;
+export type CalendarCellProps = CalendarCellPropsWithoutHTML & HTMLTdAttributes;
+export type CalendarDayProps = CalendarDayPropsWithoutHTML & HTMLDivAttributes;
 /**
  * Events
  */
-type ButtonEvents = {
+type CalendarButtonEvents = {
     click: CustomEventHandler<MouseEvent, HTMLButtonElement>;
 };
-type PrevButtonEvents = ButtonEvents;
-type NextButtonEvents = ButtonEvents;
-type DayEvents = {
+export type CalendarPrevButtonEvents = CalendarButtonEvents;
+export type CalendarNextButtonEvents = CalendarButtonEvents;
+export type CalendarDayEvents = {
     click: CustomEventHandler<MouseEvent, HTMLDivElement>;
 };
-type Events = {
+export type CalendarEvents = {
     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/checkbox/components/checkbox-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: {

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

@@ -1,5 +1,5 @@
 import { SvelteComponent } from "svelte";
-import type { Props, Events } from "../types.js";
+import type { Events, Props } from "../index.js";
 declare const __propDef: {
     props: Props;
     slots: {
@@ -7,7 +7,7 @@ declare const __propDef: {
             builder: {
                 readonly 'data-disabled': true | undefined;
                 readonly disabled: true | undefined;
-                readonly 'data-state': "checked" | "unchecked" | "indeterminate";
+                readonly 'data-state': "checked" | "indeterminate" | "unchecked";
                 readonly type: "button";
                 readonly role: "checkbox";
                 readonly 'aria-checked': boolean | "mixed";

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

@@ -7,7 +7,7 @@ export declare function getCheckboxData(): {
 type GetReturn = Omit<ReturnType<typeof setCtx>, "updateOption">;
 export declare function setCtx(props: CreateCheckboxProps): {
     updateOption: <K extends string, V extends unknown>(key: K, value: V | undefined) => void;
-    getAttrs: (part: "input" | "root" | "indicator") => Record<string, string>;
+    getAttrs: (part: "input" | "root" | "indicator") => Record<string, string> | undefined;
     elements: {
         root: import("@melt-ui/svelte/internal/helpers").MeltElement<[{
             update: (updater: import("svelte/store").Updater<boolean | "indeterminate">, sideEffect?: ((newValue: boolean | "indeterminate") => void) | undefined) => void;
@@ -18,7 +18,7 @@ export declare function setCtx(props: CreateCheckboxProps): {
         }, 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" | "click">, ([$checked, $disabled, $required]: [boolean | "indeterminate", boolean, boolean]) => {
             readonly 'data-disabled': true | undefined;
             readonly disabled: true | undefined;
-            readonly 'data-state': "checked" | "unchecked" | "indeterminate";
+            readonly 'data-state': "checked" | "indeterminate" | "unchecked";
             readonly type: "button";
             readonly role: "checkbox";
             readonly 'aria-checked': boolean | "mixed";

package/dist/bits/checkbox/ctx.js

@@ -1,6 +1,6 @@
 import { createCheckbox } 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 getCheckboxData() {
     const NAME = "checkbox";
     const PARTS = ["root", "input", "indicator"];

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

@@ -1,4 +1,4 @@
 export { default as Root } from "./components/checkbox.svelte";
 export { default as Indicator } from "./components/checkbox-indicator.svelte";
 export { default as Input } from "./components/checkbox-input.svelte";
-export * from "./types.js";
+export type { CheckboxProps as Props, CheckboxIndicatorProps as IndicatorProps, CheckboxInputProps as InputProps, CheckboxEvents as Events, } from "./types.js";

package/dist/bits/checkbox/index.js

@@ -1,4 +1,3 @@
 export { default as Root } from "./components/checkbox.svelte";
 export { default as Indicator } from "./components/checkbox-indicator.svelte";
 export { default as Input } from "./components/checkbox-input.svelte";
-export * from "./types.js";

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

@@ -1,12 +1,25 @@
-import type { DOMEl, HTMLDivAttributes } from "../../internal/index.js";
-import type { CustomEventHandler } from "../../index.js";
 import type { HTMLButtonAttributes, HTMLInputAttributes } from "svelte/elements";
-import type * as I from "./_types.js";
-type Props = I.Props & HTMLButtonAttributes;
-type IndicatorProps = I.IndicatorProps & HTMLDivAttributes;
-type InputProps = Omit<HTMLInputAttributes, "value"> & DOMEl<HTMLInputElement>;
-type Events = {
+import type { CreateCheckboxProps as MeltCheckboxProps } from "@melt-ui/svelte";
+import type { CustomEventHandler } from "../../index.js";
+import type { DOMEl, DOMElement, Expand, HTMLDivAttributes, OmitChecked, OnChangeFn } from "../../internal/index.js";
+export type CheckboxPropsWithoutHTML = Expand<OmitChecked<MeltCheckboxProps> & {
+    /**
+     * The state of the checkbox.
+     * You can bind this to a boolean value to programmatically control the checked state.
+     *
+     * @defaultValue false
+     */
+    checked?: boolean | "indeterminate";
+    /**
+     * A callback function called when the checked state changes.
+     */
+    onCheckedChange?: OnChangeFn<boolean | "indeterminate">;
+} & DOMElement<HTMLButtonElement>>;
+export type CheckboxIndicatorPropsWithoutHTML = DOMElement;
+export type CheckboxProps = CheckboxPropsWithoutHTML & HTMLButtonAttributes;
+export type CheckboxIndicatorProps = CheckboxIndicatorPropsWithoutHTML & HTMLDivAttributes;
+export type CheckboxInputProps = Omit<HTMLInputAttributes, "value"> & DOMEl<HTMLInputElement>;
+export type CheckboxEvents = {
     click: CustomEventHandler<MouseEvent, HTMLButtonElement>;
     keydown: CustomEventHandler<KeyboardEvent, HTMLButtonElement>;
 };
-export type { Props, IndicatorProps, InputProps, Events, };

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

@@ -23,7 +23,12 @@ $:
 {#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}

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

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

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

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

package/dist/bits/collapsible/components/collapsible-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/collapsible/components/collapsible.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/collapsible/ctx.d.ts

@@ -7,7 +7,7 @@ export declare function getCollapsibleData(): {
 type GetReturn = Omit<ReturnType<typeof setCtx>, "updateOption">;
 export declare function setCtx(props: CreateCollapsibleProps): {
     updateOption: <K extends string, V extends unknown>(key: K, value: V | undefined) => void;
-    getAttrs: (part: "content" | "root" | "trigger") => Record<string, string>;
+    getAttrs: (part: "root" | "content" | "trigger") => Record<string, string> | undefined;
     elements: {
         root: import("@melt-ui/svelte/internal/helpers").MeltElement<[{
             update: (updater: import("svelte/store").Updater<boolean>, sideEffect?: ((newValue: boolean) => void) | undefined) => void;

package/dist/bits/collapsible/ctx.js

@@ -1,6 +1,6 @@
-import { createBitAttrs, getOptionUpdater, removeUndefined } from "../../internal/index.js";
 import { createCollapsible } from "@melt-ui/svelte";
 import { getContext, setContext } from "svelte";
+import { createBitAttrs, getOptionUpdater, removeUndefined } from "../../internal/index.js";
 export function getCollapsibleData() {
     const NAME = "collapsible";
     const PARTS = ["root", "content", "trigger"];

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

@@ -1,4 +1,4 @@
 export { default as Root } from "./components/collapsible.svelte";
 export { default as Content } from "./components/collapsible-content.svelte";
 export { default as Trigger } from "./components/collapsible-trigger.svelte";
-export * from "./types.js";
+export type { CollapsibleProps as Props, CollapsibleContentProps as ContentProps, CollapsibleTriggerProps as TriggerProps, CollapsibleTriggerEvents as TriggerEvents, } from "./types.js";

package/dist/bits/collapsible/index.js

@@ -1,4 +1,3 @@
 export { default as Root } from "./components/collapsible.svelte";
 export { default as Content } from "./components/collapsible-content.svelte";
 export { default as Trigger } from "./components/collapsible-trigger.svelte";
-export * from "./types.js";