bits-ui 0.21.0 → 0.21.2

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

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

package/dist/bits/pagination/components/pagination-page.svelte.d.ts

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

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

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

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

@@ -7,7 +7,7 @@ export declare function getPaginationData(): {
 type GetReturn = Omit<ReturnType<typeof setCtx>, "updateOption">;
 export declare function setCtx(props: CreatePaginationProps): {
     updateOption: <K extends string, V extends unknown>(key: K, value: V | undefined) => void;
-    getAttrs: (part: "page" | "root" | "prev-button" | "next-button") => Record<string, string>;
+    getAttrs: (part: "root" | "page" | "prev-button" | "next-button") => Record<string, string> | undefined;
     elements: {
         root: import("@melt-ui/svelte/internal/helpers").MeltElement<import("svelte/store").Stores | undefined, import("svelte/action").Action<any, any, Record<never, any>>, () => {
             'data-scope': string;

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

@@ -2,4 +2,4 @@ export { default as Root } from "./components/pagination.svelte";
 export { default as PrevButton } from "./components/pagination-prev-button.svelte";
 export { default as NextButton } from "./components/pagination-next-button.svelte";
 export { default as Page } from "./components/pagination-page.svelte";
-export * from "./types.js";
+export type { PaginationProps as Props, PaginationPrevButtonProps as PrevButtonProps, PaginationNextButtonProps as NextButtonProps, PaginationPageProps as PageProps, PaginationEvents as Events, PaginationPrevButtonEvents as PrevButtonEvents, PaginationNextButtonEvents as NextButtonEvents, PaginationPageEvents as PageEvents, } from "./types.js";

package/dist/bits/pagination/index.js

@@ -2,4 +2,3 @@ export { default as Root } from "./components/pagination.svelte";
 export { default as PrevButton } from "./components/pagination-prev-button.svelte";
 export { default as NextButton } from "./components/pagination-next-button.svelte";
 export { default as Page } from "./components/pagination-page.svelte";
-export * from "./types.js";

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

@@ -1,21 +1,40 @@
 import type { HTMLButtonAttributes } from "svelte/elements";
+import type { CreatePaginationProps as MeltPaginationProps, Page } from "@melt-ui/svelte";
 import type { CustomEventHandler } from "../../index.js";
-import type * as I from "./_types.js";
 import type { HTMLDivAttributes } from "../../internal/types.js";
-type Props = I.Props & HTMLDivAttributes;
-type PrevButtonProps = I.PrevButtonProps & HTMLButtonAttributes;
-type NextButtonProps = I.NextButtonProps & HTMLButtonAttributes;
-type PageProps = I.PageProps & HTMLButtonAttributes;
+import type { DOMElement, Expand, OnChangeFn } from "../../internal/index.js";
+type OmitPaginationProps<T> = Omit<T, "page" | "defaultPage" | "onPageChange">;
+export type PaginationPropsWithoutHTML = Expand<OmitPaginationProps<MeltPaginationProps> & {
+    /**
+     * The selected page. This updates as the users selects new pages.
+     *
+     * You can bind this to a value to programmatically control the value state.
+     */
+    page?: number;
+    /**
+     * A callback function called when the page changes.
+     */
+    onPageChange?: OnChangeFn<number>;
+} & DOMElement>;
+export type PaginationPagePropsWithoutHTML = {
+    page: Page;
+} & DOMElement<HTMLButtonElement>;
+export type PaginationPrevButtonPropsWithoutHTML = DOMElement<HTMLButtonElement>;
+export type PaginationNextButtonPropsWithoutHTML = DOMElement<HTMLButtonElement>;
+export type PaginationProps = PaginationPropsWithoutHTML & HTMLDivAttributes;
+export type PaginationPrevButtonProps = PaginationPrevButtonPropsWithoutHTML & HTMLButtonAttributes;
+export type PaginationNextButtonProps = PaginationNextButtonPropsWithoutHTML & HTMLButtonAttributes;
+export type PaginationPageProps = PaginationPagePropsWithoutHTML & HTMLButtonAttributes;
 /**
  * Events
  */
 type ButtonEvents = {
     click: CustomEventHandler<MouseEvent, HTMLDivElement>;
 };
-type PrevButtonEvents = ButtonEvents;
-type NextButtonEvents = ButtonEvents;
-type PageEvents = ButtonEvents;
-type Events = {
+export type PaginationPrevButtonEvents = ButtonEvents;
+export type PaginationNextButtonEvents = ButtonEvents;
+export type PaginationPageEvents = ButtonEvents;
+export type PaginationEvents = {
     keydown: CustomEventHandler<KeyboardEvent, HTMLDivElement>;
 };
-export type { Props, PageProps, PrevButtonProps, NextButtonProps, Events, PageEvents, PrevButtonEvents, NextButtonEvents, };
+export {};

package/dist/bits/pin-input/components/pin-input-hidden-input.svelte.d.ts

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

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

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

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

@@ -1,6 +1,6 @@
 <script>import { melt } from "@melt-ui/svelte";
-import { setCtx } from "../ctx.js";
 import { derived } from "svelte/store";
+import { setCtx } from "../ctx.js";
 export let placeholder = void 0;
 export let value = void 0;
 export let name = void 0;

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

@@ -7,7 +7,7 @@ export declare function getPinInputData(): {
 type GetReturn = Omit<ReturnType<typeof setCtx>, "updateOption">;
 export declare function setCtx(props: PinInputProps): {
     updateOption: <K extends string, V extends unknown>(key: K, value: V | undefined) => void;
-    getAttrs: (part: "input" | "root" | "hidden-input") => Record<string, string>;
+    getAttrs: (part: "input" | "root" | "hidden-input") => Record<string, string> | undefined;
     ids: import("@melt-ui/svelte/internal/helpers").ToWritableStores<{
         root: string;
     }>;

package/dist/bits/pin-input/ctx.js

@@ -1,6 +1,6 @@
-import { createBitAttrs, getOptionUpdater, removeUndefined } from "../../internal/index.js";
 import { createPinInput } from "@melt-ui/svelte";
 import { getContext, setContext } from "svelte";
+import { createBitAttrs, getOptionUpdater, removeUndefined } from "../../internal/index.js";
 export function getPinInputData() {
     const NAME = "pin-input";
     const PARTS = ["root", "input", "hidden-input"];

package/dist/bits/pin-input/index.d.ts

@@ -1,4 +1,4 @@
 export { default as Root } from "./components/pin-input.svelte";
 export { default as Input } from "./components/pin-input-input.svelte";
 export { default as HiddenInput } from "./components/pin-input-hidden-input.svelte";
-export * from "./types.js";
+export type { PinInputProps as Props, PinInputInputProps as InputProps, PinInputHiddenInputProps as HiddenInputProps, PinInputInputEvents as InputEvents, } from "./types.js";

package/dist/bits/pin-input/index.js

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

package/dist/bits/pin-input/types.d.ts

@@ -1,11 +1,25 @@
-import type { HTMLDivAttributes } from "../../internal/index.js";
-import type { CustomEventHandler } from "../../index.js";
 import type { HTMLInputAttributes } from "svelte/elements";
-import type * as I from "./_types.js";
-type Props = I.Props & HTMLDivAttributes;
-type InputProps = I.InputProps & HTMLInputAttributes;
-type HiddenInputProps = I.HiddenInputProps & HTMLInputAttributes;
-type InputEvents = {
+import type { CreatePinInputProps as MeltPinInputProps } from "@melt-ui/svelte";
+import type { DOMElement, Expand, HTMLDivAttributes, OmitIds, OmitValue, OnChangeFn } from "../../internal/index.js";
+import type { CustomEventHandler } from "../../index.js";
+export type PinInputPropsWithoutHTML = Expand<OmitIds<OmitValue<MeltPinInputProps> & {
+    /**
+     * The value pin-input, which is an array of strings.
+     *
+     * You can bind to this to programmatically control the value.
+     */
+    value?: MeltPinInputProps["defaultValue"];
+    /**
+     * A callback function called when the value changes.
+     */
+    onValueChange?: OnChangeFn<MeltPinInputProps["defaultValue"]>;
+} & DOMElement>>;
+export type PinInputInputPropsWithoutHTML = DOMElement<HTMLInputElement>;
+export type PinInputHiddenInputPropsWithoutHTML = DOMElement<HTMLInputElement>;
+export type PinInputProps = PinInputPropsWithoutHTML & HTMLDivAttributes;
+export type PinInputInputProps = PinInputInputPropsWithoutHTML & HTMLInputAttributes;
+export type PinInputHiddenInputProps = PinInputHiddenInputPropsWithoutHTML & HTMLInputAttributes;
+export type PinInputInputEvents = {
     keydown: CustomEventHandler<KeyboardEvent, HTMLInputElement>;
     input: CustomEventHandler<InputEvent, HTMLInputElement>;
     paste: CustomEventHandler<ClipboardEvent, HTMLInputElement>;
@@ -13,4 +27,3 @@ type InputEvents = {
     focus: CustomEventHandler<FocusEvent, HTMLInputElement>;
     blur: CustomEventHandler<FocusEvent, HTMLInputElement>;
 };
-export type { Props, InputProps, HiddenInputProps, InputEvents, };

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

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

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

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

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

@@ -56,7 +56,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/popover/components/popover-content.svelte.d.ts

@@ -1,6 +1,6 @@
 import { SvelteComponent } from "svelte";
+import type { ContentProps } from "../index.js";
 import type { Transition } from "../../../internal/index.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/popover/components/popover-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: {
@@ -7,7 +7,7 @@ declare const __propDef: {
             builder: {
                 readonly role: "button";
                 readonly 'aria-haspopup': "dialog";
-                readonly 'aria-expanded': "false" | "true";
+                readonly 'aria-expanded': "true" | "false";
                 readonly 'data-state': "open" | "closed";
                 readonly 'aria-controls': string;
                 readonly id: string;

package/dist/bits/popover/components/popover.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 disableFocusTrap = void 0;
 export let closeOnEscape = void 0;
 export let closeOnOutsideClick = void 0;

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

@@ -1,11 +1,11 @@
 import { SvelteComponent } from "svelte";
 declare const __propDef: {
     props: {
+        portal?: string | HTMLElement | null | undefined;
         preventScroll?: boolean | undefined;
         closeOnEscape?: boolean | undefined;
         closeOnOutsideClick?: boolean | undefined;
         onOutsideClick?: ((event: import("@melt-ui/svelte/index.js").InteractOutsideEvent) => void) | undefined;
-        portal?: string | HTMLElement | null | undefined;
         openFocus?: import("@melt-ui/svelte/index.js").FocusProp | undefined;
         closeFocus?: import("@melt-ui/svelte/index.js").FocusProp | undefined;
         disableFocusTrap?: boolean | undefined;

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

@@ -9,7 +9,7 @@ export declare function getPopoverData(): {
 type GetReturn = Omit<ReturnType<typeof setCtx>, "updateOption">;
 export declare function setCtx(props: CreatePopoverProps): {
     updateOption: <K extends string, V extends unknown>(key: K, value: V | undefined) => void;
-    getAttrs: (part: "content" | "arrow" | "trigger" | "close") => Record<string, string>;
+    getAttrs: (part: "content" | "trigger" | "close" | "arrow") => Record<string, string> | undefined;
     ids: import("@melt-ui/svelte/internal/helpers").ToWritableStores<{
         content: string;
         trigger: string;
@@ -18,7 +18,7 @@ export declare function setCtx(props: CreatePopoverProps): {
         trigger: import("@melt-ui/svelte/internal/helpers").MeltElement<[import("svelte/store").Readable<boolean>, import("@melt-ui/svelte/internal/helpers").WithGet<Writable<string>>, import("@melt-ui/svelte/internal/helpers").WithGet<Writable<string>>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown" | "click">, ([$isVisible, $contentId, $triggerId]: [boolean, string, string]) => {
             readonly role: "button";
             readonly 'aria-haspopup': "dialog";
-            readonly 'aria-expanded': "false" | "true";
+            readonly 'aria-expanded': "true" | "false";
             readonly 'data-state': "open" | "closed";
             readonly 'aria-controls': string;
             readonly id: string;

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

@@ -3,4 +3,4 @@ export { default as Arrow } from "./components/popover-arrow.svelte";
 export { default as Content } from "./components/popover-content.svelte";
 export { default as Trigger } from "./components/popover-trigger.svelte";
 export { default as Close } from "./components/popover-close.svelte";
-export * from "./types.js";
+export type { PopoverProps as Props, PopoverArrowProps as ArrowProps, PopoverContentProps as ContentProps, PopoverTriggerProps as TriggerProps, PopoverCloseProps as CloseProps, PopoverTriggerEvents as TriggerEvents, PopoverCloseEvents as CloseEvents, } from "./types.js";

package/dist/bits/popover/index.js

@@ -3,4 +3,3 @@ export { default as Arrow } from "./components/popover-arrow.svelte";
 export { default as Content } from "./components/popover-content.svelte";
 export { default as Trigger } from "./components/popover-trigger.svelte";
 export { default as Close } from "./components/popover-close.svelte";
-export * from "./types.js";

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

@@ -1,15 +1,31 @@
-import type { HTMLDivAttributes } from "../../internal/index.js";
-import type { CustomEventHandler } from "../../index.js";
 import type { HTMLButtonAttributes } from "svelte/elements";
-import type * as I from "./_types.js";
-import type { ContentProps } from "../floating/types.js";
-type Props = I.Props;
-type TriggerProps = I.TriggerProps & HTMLButtonAttributes;
-type CloseProps = I.CloseProps & HTMLButtonAttributes;
-type ArrowProps = I.ArrowProps & HTMLDivAttributes;
-type TriggerEvents<T extends Element = HTMLButtonElement> = {
+import type { CreatePopoverProps as MeltPopoverProps } from "@melt-ui/svelte";
+import type { DOMElement, Expand, HTMLDivAttributes, OmitFloating, OnChangeFn } from "../../internal/index.js";
+import type { CustomEventHandler } from "../../index.js";
+import type { ArrowProps as PopoverArrowPropsWithoutHTML, ContentProps as PopoverContentPropsWithoutHTML } from "../floating/_types.js";
+export type { ContentProps as PopoverContentProps } from "../floating/types.js";
+export type { PopoverContentPropsWithoutHTML, PopoverArrowPropsWithoutHTML };
+export type PopoverPropsWithoutHTML = Expand<OmitFloating<MeltPopoverProps> & {
+    /**
+     * The open state of the popover.
+     * You can bind this to a boolean value to programmatically control the open state.
+     *
+     * @defaultValue false
+     */
+    open?: boolean;
+    /**
+     * A callback function called when the open state changes.
+     */
+    onOpenChange?: OnChangeFn<boolean>;
+}>;
+export type PopoverTriggerPropsWithoutHTML = DOMElement<HTMLButtonElement>;
+export type PopoverClosePropsWithoutHTML = DOMElement<HTMLButtonElement>;
+export type PopoverProps = PopoverPropsWithoutHTML;
+export type PopoverTriggerProps = PopoverTriggerPropsWithoutHTML & HTMLButtonAttributes;
+export type PopoverCloseProps = PopoverClosePropsWithoutHTML & HTMLButtonAttributes;
+export type PopoverArrowProps = PopoverArrowPropsWithoutHTML & HTMLDivAttributes;
+export type PopoverTriggerEvents<T extends Element = HTMLButtonElement> = {
     click: CustomEventHandler<MouseEvent, T>;
     keydown: CustomEventHandler<KeyboardEvent, T>;
 };
-type CloseEvents = TriggerEvents;
-export type { Props, CloseProps, ArrowProps, ContentProps, TriggerProps, TriggerEvents, CloseEvents, };
+export type PopoverCloseEvents = PopoverTriggerEvents;

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

@@ -2,7 +2,7 @@
 import { type CreateProgressProps } from "@melt-ui/svelte";
 export declare function setCtx(props: CreateProgressProps): {
     updateOption: <K extends string, V extends unknown>(key: K, value: V | undefined) => void;
-    getAttrs: (part: "root") => Record<string, string>;
+    getAttrs: (part: "root") => Record<string, string> | undefined;
     elements: {
         root: import("@melt-ui/svelte/internal/helpers").MeltElement<[{
             update: (updater: import("svelte/store").Updater<number | null>, sideEffect?: ((newValue: number | null) => void) | undefined) => void;

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

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

package/dist/bits/progress/index.js

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

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

@@ -1,4 +1,14 @@
-import type { HTMLDivAttributes } from "../../internal/index.js";
-import type * as I from "./_types.js";
-type Props = I.Props & HTMLDivAttributes;
-export type { Props };
+import type { CreateProgressProps as MeltProgressProps } from "@melt-ui/svelte";
+import type { DOMElement, Expand, HTMLDivAttributes, OmitValue, OnChangeFn } from "../../internal/index.js";
+export type ProgressPropsWithoutHTML = Expand<OmitValue<MeltProgressProps> & {
+    /**
+     * The value of the progress bar.
+     * You can bind this to a number value to programmatically control the value.
+     */
+    value?: MeltProgressProps["defaultValue"];
+    /**
+     * A callback function called when the value changes.
+     */
+    onValueChange?: OnChangeFn<number | null>;
+} & DOMElement>;
+export type ProgressProps = ProgressPropsWithoutHTML & HTMLDivAttributes;

package/dist/bits/radio-group/components/radio-group-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/radio-group/components/radio-group-item-indicator.svelte.d.ts

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

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

@@ -3,7 +3,7 @@ import { type CreateRadioGroupProps } from "@melt-ui/svelte";
 type GetReturn = Omit<ReturnType<typeof setCtx>, "updateOption">;
 export declare function setCtx(props: CreateRadioGroupProps): {
     updateOption: <K extends string, V extends unknown>(key: K, value: V | undefined) => void;
-    getAttrs: (part: "input" | "root" | "item" | "item-indicator") => Record<string, string>;
+    getAttrs: (part: "input" | "root" | "item" | "item-indicator") => Record<string, string> | undefined;
     elements: {
         root: import("@melt-ui/svelte/internal/helpers").MeltElement<[import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<boolean>>, import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<import("@melt-ui/svelte/internal/types").Orientation>>], import("svelte/action").Action<any, any, Record<never, any>>, ([$required, $orientation]: [boolean, import("@melt-ui/svelte/internal/types").Orientation]) => {
             readonly role: "radiogroup";
@@ -110,6 +110,10 @@ export declare function setItemCtx(value: string): {
             destroy?: (() => void) | undefined;
         };
     };
+    getAttrs: (part: "input" | "root" | "item" | "item-indicator") => Record<string, string> | undefined;
+    helpers: {
+        isChecked: import("svelte/store").Readable<(itemValue: string) => boolean>;
+    };
     options: import("@melt-ui/svelte/internal/helpers").ToWritableStores<Omit<{
         disabled: boolean;
         required: boolean;
@@ -119,10 +123,6 @@ export declare function setItemCtx(value: string): {
         value?: import("svelte/store").Writable<string> | undefined;
         onValueChange?: import("@melt-ui/svelte/internal/helpers").ChangeFn<string> | undefined;
     }, "value">>;
-    getAttrs: (part: "input" | "root" | "item" | "item-indicator") => Record<string, string>;
-    helpers: {
-        isChecked: import("svelte/store").Readable<(itemValue: string) => boolean>;
-    };
 };
 type GetItemReturn = Omit<ReturnType<typeof setItemCtx>, "updateOption">;
 export declare function getRadioIndicator(): GetItemReturn;

package/dist/bits/radio-group/ctx.js

@@ -1,7 +1,6 @@
-import { createBitAttrs, getOptionUpdater } from "../../internal/index.js";
 import { createRadioGroup } from "@melt-ui/svelte";
 import { getContext, setContext } from "svelte";
-import { removeUndefined } from "../../internal/index.js";
+import { createBitAttrs, getOptionUpdater, removeUndefined } from "../../internal/index.js";
 function getRadioGroupData() {
     const NAME = "radio-group";
     const ITEM_NAME = "radio-group-item";

package/dist/bits/radio-group/index.d.ts

@@ -2,4 +2,4 @@ export { default as Root } from "./components/radio-group.svelte";
 export { default as Input } from "./components/radio-group-input.svelte";
 export { default as Item } from "./components/radio-group-item.svelte";
 export { default as ItemIndicator } from "./components/radio-group-item-indicator.svelte";
-export * from "./types.js";
+export type { RadioGroupProps as Props, RadioGroupInputProps as InputProps, RadioGroupItemProps as ItemProps, RadioGroupItemIndicatorProps as ItemIndicatorProps, RadioGroupItemEvents as ItemEvents, } from "./types.js";

package/dist/bits/radio-group/index.js

@@ -2,4 +2,3 @@ export { default as Root } from "./components/radio-group.svelte";
 export { default as Input } from "./components/radio-group-input.svelte";
 export { default as Item } from "./components/radio-group-item.svelte";
 export { default as ItemIndicator } from "./components/radio-group-item-indicator.svelte";
-export * from "./types.js";

package/dist/bits/radio-group/types.d.ts

@@ -1,14 +1,29 @@
-import type { 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 & HTMLDivAttributes;
-type InputProps = I.InputProps & HTMLInputAttributes;
-type ItemProps = I.ItemProps & HTMLButtonAttributes;
-type ItemIndicatorProps = I.ItemIndicatorProps & HTMLDivAttributes;
-type ItemEvents<T extends Element = HTMLButtonElement> = {
+import type { RadioGroupItemProps as MeltRadioGroupItemProps, CreateRadioGroupProps as MeltRadioGroupProps } from "@melt-ui/svelte";
+import type { DOMElement, Expand, HTMLDivAttributes, ObjectVariation, OmitValue, OnChangeFn } from "../../internal/index.js";
+import type { CustomEventHandler } from "../../index.js";
+export type RadioGroupPropsWithoutHTML = Expand<OmitValue<MeltRadioGroupProps> & {
+    /**
+     * The value of the radio group.
+     * You can bind this to a value to programmatically control the value.
+     *
+     * @defaultValue undefined
+     */
+    value?: MeltRadioGroupProps["defaultValue"] & {};
+    /**
+     * A callback function called when the value changes.
+     */
+    onValueChange?: OnChangeFn<MeltRadioGroupProps["defaultValue"] & {}>;
+} & DOMElement>;
+export type RadioGroupInputPropsWithoutHTML = DOMElement<HTMLInputElement>;
+export type RadioGroupItemPropsWithoutHTML = Expand<ObjectVariation<MeltRadioGroupItemProps> & DOMElement<HTMLButtonElement>>;
+export type RadioGroupItemIndicatorPropsWithoutHTML = DOMElement;
+export type RadioGroupProps = RadioGroupPropsWithoutHTML & HTMLDivAttributes;
+export type RadioGroupInputProps = RadioGroupInputPropsWithoutHTML & HTMLInputAttributes;
+export type RadioGroupItemProps = RadioGroupItemPropsWithoutHTML & HTMLButtonAttributes;
+export type RadioGroupItemIndicatorProps = RadioGroupItemIndicatorPropsWithoutHTML & HTMLDivAttributes;
+export type RadioGroupItemEvents<T extends Element = HTMLButtonElement> = {
     click: CustomEventHandler<MouseEvent, T>;
     keydown: CustomEventHandler<KeyboardEvent, T>;
     focus: CustomEventHandler<FocusEvent, T>;
 };
-export type { Props, InputProps, ItemProps, ItemIndicatorProps, ItemEvents, };

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