bits-ui 0.21.1 → 0.21.3

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

@@ -3,7 +3,7 @@ import { type CreateTabsProps } from "@melt-ui/svelte";
 type GetReturn = Omit<ReturnType<typeof setCtx>, "updateOption">;
 export declare function setCtx(props: CreateTabsProps): {
     updateOption: <K extends string, V extends unknown>(key: K, value: V | undefined) => void;
-    getAttrs: (part: "content" | "list" | "root" | "trigger") => Record<string, string>;
+    getAttrs: (part: "root" | "content" | "trigger" | "list") => Record<string, string> | undefined;
     elements: {
         root: import("@melt-ui/svelte/internal/helpers").MeltElement<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>>, ($orientation: import("@melt-ui/svelte/internal/types").Orientation) => {
             'data-orientation': import("@melt-ui/svelte/internal/types").Orientation;
@@ -59,7 +59,7 @@ export declare function setCtx(props: CreateTabsProps): {
         activateOnFocus: boolean;
         loop: boolean;
         autoSet: boolean;
-    }, "defaultValue" | "value" | "onValueChange" | "autoSet">>;
+    }, "value" | "defaultValue" | "onValueChange" | "autoSet">>;
 };
 export declare function getCtx(): GetReturn;
 export {};

package/dist/bits/tabs/ctx.js

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

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

@@ -2,4 +2,4 @@ export { default as Root } from "./components/tabs.svelte";
 export { default as Content } from "./components/tabs-content.svelte";
 export { default as List } from "./components/tabs-list.svelte";
 export { default as Trigger } from "./components/tabs-trigger.svelte";
-export * from "./types.js";
+export type { TabsProps as Props, TabsContentProps as ContentProps, TabsTriggerProps as TriggerProps, TabsListProps as ListProps, TabsTriggerEvents as TriggerEvents, } from "./types.js";

package/dist/bits/tabs/index.js

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

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

@@ -1,14 +1,35 @@
-import type { HTMLDivAttributes } from "../../internal/index.js";
 import type { HTMLButtonAttributes } from "svelte/elements";
+import type { CreateTabsProps as MeltTabsProps, TabsTriggerProps as MeltTabsTriggerProps } from "@melt-ui/svelte";
+import type { DOMElement, Expand, HTMLDivAttributes, ObjectVariation, OmitValue, OnChangeFn } from "../../internal/index.js";
 import type { CustomEventHandler } from "../../index.js";
-import type * as I from "./_types.js";
-type Props = I.Props & HTMLDivAttributes;
-type ContentProps = I.ContentProps & HTMLDivAttributes;
-type TriggerProps = I.TriggerProps & HTMLButtonAttributes;
-type ListProps = I.ListProps & HTMLDivAttributes;
-type TriggerEvents<T extends Element = HTMLButtonElement> = {
+export type TabsPropsWithoutHTML = Expand<OmitValue<MeltTabsProps> & {
+    /**
+     * The value of the currently active tab.
+     * You can bind this to a string value to programmatically control the active tab.
+     */
+    value?: MeltTabsProps["defaultValue"] & {};
+    /**
+     * A callback function called when the value changes.
+     */
+    onValueChange?: OnChangeFn<MeltTabsProps["defaultValue"]>;
+    /**
+     * The orientation of the tabs, which determines how keyboard navigation works.
+     *
+     * @defaultValue "horizontal"
+     */
+    orientation?: MeltTabsProps["orientation"] & {};
+} & DOMElement>;
+export type TabsContentPropsWithoutHTML = Expand<{
+    value: string;
+} & DOMElement>;
+export type TabsTriggerPropsWithoutHTML = Expand<ObjectVariation<MeltTabsTriggerProps> & DOMElement<HTMLButtonElement>>;
+export type TabsListPropsWithoutHTML = DOMElement;
+export type TabsProps = TabsPropsWithoutHTML & HTMLDivAttributes;
+export type TabsContentProps = TabsContentPropsWithoutHTML & HTMLDivAttributes;
+export type TabsTriggerProps = TabsTriggerPropsWithoutHTML & HTMLButtonAttributes;
+export type TabsListProps = TabsListPropsWithoutHTML & HTMLDivAttributes;
+export type TabsTriggerEvents<T extends Element = HTMLButtonElement> = {
     click: CustomEventHandler<MouseEvent, T>;
     keydown: CustomEventHandler<KeyboardEvent, T>;
     focus: CustomEventHandler<FocusEvent, T>;
 };
-export type { Props, ContentProps, TriggerProps, ListProps, TriggerEvents, };

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

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

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

@@ -3,7 +3,7 @@ import { type CreateToggleProps } from "@melt-ui/svelte";
 type GetReturn = Omit<ReturnType<typeof setCtx>, "updateOption">;
 export declare function setCtx(props: CreateToggleProps): {
     updateOption: <K extends string, V extends unknown>(key: K, value: V | undefined) => void;
-    getAttrs: (part: "input" | "root") => Record<string, string>;
+    getAttrs: (part: "input" | "root") => 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/toggle/ctx.js

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

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

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

package/dist/bits/toggle/index.js

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

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

@@ -1,9 +1,22 @@
 import type { HTMLButtonAttributes } from "svelte/elements";
+import type { CreateToggleProps as MeltToggleProps } from "@melt-ui/svelte";
 import type { CustomEventHandler } from "../../index.js";
-import type * as I from "./_types.js";
-type Props = I.Props & HTMLButtonAttributes;
-type Events<T extends Element = HTMLButtonElement> = {
+import type { DOMElement, Expand, OmitPressed, OnChangeFn } from "../../internal/index.js";
+export type TogglePropsWithoutHTML = Expand<OmitPressed<MeltToggleProps> & {
+    /**
+     * The pressed state of the toggle.
+     * You can bind this to a boolean value to programmatically control the pressed state.
+     *
+     * @defaultValue false
+     */
+    pressed?: boolean;
+    /**
+     * A callback function called when the pressed state changes.
+     */
+    onPressedChange?: OnChangeFn<boolean>;
+} & DOMElement<HTMLButtonElement>>;
+export type ToggleProps = TogglePropsWithoutHTML & HTMLButtonAttributes;
+export type ToggleEvents<T extends Element = HTMLButtonElement> = {
     click: CustomEventHandler<MouseEvent, T>;
     keydown: CustomEventHandler<KeyboardEvent, T>;
 };
-export type { Props, Events, };

package/dist/bits/toggle-group/components/toggle-group-item.svelte.d.ts

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

package/dist/bits/toggle-group/components/toggle-group.svelte

@@ -1,6 +1,6 @@
-<script>import { arraysAreEqual } from "../../../internal/arrays.js";
-import { melt } from "@melt-ui/svelte";
+<script>import { melt } from "@melt-ui/svelte";
 import { setCtx } from "../ctx.js";
+import { arraysAreEqual } from "../../../internal/arrays.js";
 export let type = "single";
 export let disabled = void 0;
 export let loop = void 0;

package/dist/bits/toggle-group/components/toggle-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 class __sveltets_Render<T extends "single" | "multiple"> {
     props(): Props<T>;
     events(): {} & {

package/dist/bits/toggle-group/ctx.d.ts

@@ -3,7 +3,7 @@ import { type CreateToggleGroupProps } from "@melt-ui/svelte";
 type GetReturn = Omit<ReturnType<typeof setCtx>, "updateOption">;
 export declare function setCtx<T extends "single" | "multiple">(props: CreateToggleGroupProps<T>): {
     updateOption: <K extends string, V extends unknown>(key: K, value: V | undefined) => void;
-    getAttrs: (part: "root" | "item") => Record<string, string>;
+    getAttrs: (part: "root" | "item") => Record<string, string> | undefined;
     elements: {
         root: import("@melt-ui/svelte/internal/helpers").MeltElement<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>>, ($orientation: import("@melt-ui/svelte/internal/types").Orientation) => {
             readonly role: "group";
@@ -15,7 +15,7 @@ export declare function setCtx<T extends "single" | "multiple">(props: CreateTog
             subscribe(this: void, run: import("svelte/store").Subscriber<string | string[] | undefined>, invalidate?: import("svelte/store").Invalidator<string | string[] | undefined> | undefined): import("svelte/store").Unsubscriber;
             get: () => string | string[] | undefined;
             destroy?: (() => void) | undefined;
-        }, 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("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<"single" | T>>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown" | "click">, ([$value, $disabled, $orientation, $type]: [string | string[] | undefined, boolean, import("@melt-ui/svelte/internal/types").Orientation, "single" | T]) => (props: import("@melt-ui/svelte").ToggleGroupItemProps) => {
+        }, 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("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<T | "single">>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown" | "click">, ([$value, $disabled, $orientation, $type]: [string | string[] | undefined, boolean, import("@melt-ui/svelte/internal/types").Orientation, T | "single"]) => (props: import("@melt-ui/svelte").ToggleGroupItemProps) => {
             readonly disabled: true | undefined;
             readonly pressed: boolean;
             readonly 'data-orientation': import("@melt-ui/svelte/internal/types").Orientation;
@@ -45,7 +45,7 @@ export declare function setCtx<T extends "single" | "multiple">(props: CreateTog
         defaultValue: string | (T extends "single" ? string : string[]);
         value?: import("svelte/store").Writable<string | string[] | undefined> | undefined;
         onValueChange?: import("@melt-ui/svelte/internal/helpers").ChangeFn<string | string[] | undefined> | undefined;
-        type: "single" | T;
+        type: T | "single";
         disabled: boolean;
         rovingFocus: boolean;
         loop: boolean;

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

@@ -1,6 +1,6 @@
-import { createBitAttrs, getOptionUpdater, removeUndefined } from "../../internal/index.js";
 import { createToggleGroup } from "@melt-ui/svelte";
 import { getContext, setContext } from "svelte";
+import { createBitAttrs, getOptionUpdater, removeUndefined } from "../../internal/index.js";
 function getToggleGroupData() {
     const NAME = "toggle-group";
     const PARTS = ["root", "item"];

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

@@ -1,3 +1,3 @@
 export { default as Root } from "./components/toggle-group.svelte";
 export { default as Item } from "./components/toggle-group-item.svelte";
-export * from "./types.js";
+export type { ToggleGroupProps as Props, ToggleGroupItemProps as ItemProps, ToggleGroupItemEvents as ItemEvents, } from "./types.js";

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

@@ -1,3 +1,2 @@
 export { default as Root } from "./components/toggle-group.svelte";
 export { default as Item } from "./components/toggle-group-item.svelte";
-export * from "./types.js";

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

@@ -1,11 +1,47 @@
-import type { HTMLDivAttributes } from "../../internal/index.js";
 import type { HTMLButtonAttributes } from "svelte/elements";
+import type { CreateToggleGroupProps as MeltToggleGroupProps } from "@melt-ui/svelte";
+import type { DOMElement, Expand, HTMLDivAttributes, OmitValue, OnChangeFn } from "../../internal/index.js";
 import type { CustomEventHandler } from "../../index.js";
-import type * as I from "./_types.js";
-type Props<T extends "single" | "multiple"> = I.Props<T> & HTMLDivAttributes;
-type ItemProps = I.ItemProps & HTMLButtonAttributes;
-type ItemEvents<T extends Element = HTMLButtonElement> = {
+export type ToggleGroupPropsWithoutHTML<T extends "single" | "multiple"> = Expand<OmitValue<MeltToggleGroupProps<T>> & {
+    /**
+     * The value of the toggle group, which is a string or an array of strings,
+     * depending on the type of the toggle group.
+     *
+     * You can bind to this to programmatically control the value.
+     */
+    value?: MeltToggleGroupProps<T>["defaultValue"];
+    /**
+     * A callback function called when the value changes.
+     */
+    onValueChange?: OnChangeFn<MeltToggleGroupProps<T>["defaultValue"]>;
+    /**
+     * The type of the toggle group.
+     *
+     * If the type is `"single"`, the toggle group allows only one item to be selected
+     * at a time. If the type is `"multiple"`, the toggle group allows multiple items
+     * to be selected at a time.
+     */
+    type?: T;
+} & DOMElement>;
+export type ToggleGroupItemPropsWithoutHTML = Expand<{
+    /**
+     * The value of the toggle group item. When the toggle group item is selected,
+     * the toggle group's value will be set to this value if in `"single"` mode,
+     * or this value will be pushed to the toggle group's array value if in `"multiple"` mode.
+     *
+     * @required
+     */
+    value: string;
+    /**
+     * Whether the toggle group item is disabled.
+     *
+     * @defaultValue false
+     */
+    disabled?: boolean;
+} & DOMElement<HTMLButtonElement>>;
+export type ToggleGroupProps<T extends "single" | "multiple"> = ToggleGroupPropsWithoutHTML<T> & HTMLDivAttributes;
+export type ToggleGroupItemProps = ToggleGroupItemPropsWithoutHTML & HTMLButtonAttributes;
+export type ToggleGroupItemEvents<T extends Element = HTMLButtonElement> = {
     click: CustomEventHandler<MouseEvent, T>;
     keydown: CustomEventHandler<KeyboardEvent, T>;
 };
-export type { Props, ItemProps, ItemEvents, };

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

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

package/dist/bits/toolbar/components/toolbar-group-item.svelte.d.ts

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

package/dist/bits/toolbar/components/toolbar-group.svelte

@@ -1,5 +1,6 @@
 <script>import { melt } from "@melt-ui/svelte";
 import { setGroupCtx } from "../ctx.js";
+import { arraysAreEqual } from "../../../internal/arrays.js";
 export let type = "single";
 export let disabled = void 0;
 export let value = void 0;
@@ -17,8 +18,11 @@ const {
   defaultValue: value,
   onValueChange: ({ next }) => {
     if (Array.isArray(next)) {
-      onValueChange?.(next);
-      value = next;
+      if (!Array.isArray(value) || !arraysAreEqual(value, next)) {
+        onValueChange?.(next);
+        value = next;
+        return next;
+      }
       return next;
     }
     if (value !== next) {
@@ -30,7 +34,7 @@ const {
 });
 const attrs = getAttrs("group");
 $:
-  value !== void 0 && localValue.set(value);
+  value !== void 0 && localValue.set(Array.isArray(value) ? [...value] : value);
 $:
   updateOption("disabled", disabled);
 $:

package/dist/bits/toolbar/components/toolbar-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 class __sveltets_Render<T extends "single" | "multiple"> {
     props(): GroupProps<T>;
     events(): {} & {

package/dist/bits/toolbar/components/toolbar-link.svelte.d.ts

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

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

@@ -1,10 +1,10 @@
 /// <reference types="svelte" />
-import { type CreateToolbarProps as ToolbarProps, type CreateToolbarGroupProps as ToolbarGroupProps } from "@melt-ui/svelte";
+import { type CreateToolbarGroupProps as ToolbarGroupProps, type CreateToolbarProps as ToolbarProps } from "@melt-ui/svelte";
 type GetReturn = Omit<ReturnType<typeof setCtx>, "updateOption">;
 type GetGroupReturn = Omit<ReturnType<typeof setGroupCtx>, "updateOption">;
 export declare function setCtx(props: ToolbarProps): {
     updateOption: <K extends string, V extends unknown>(key: K, value: V | undefined) => void;
-    getAttrs: (part: "link" | "group" | "button" | "root" | "group-item") => Record<string, string>;
+    getAttrs: (part: "button" | "link" | "root" | "group" | "group-item") => Record<string, string> | undefined;
     elements: {
         root: import("@melt-ui/svelte/internal/helpers").MeltElement<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>>, ($orientation: import("@melt-ui/svelte/internal/types").Orientation) => {
             role: string;
@@ -78,7 +78,7 @@ export declare function setCtx(props: ToolbarProps): {
 };
 export declare function setGroupCtx<T extends "single" | "multiple">(props: ToolbarGroupProps<T>): {
     updateOption: <K extends string, V extends unknown>(key: K, value: V | undefined) => void;
-    getAttrs: (part: "link" | "group" | "button" | "root" | "group-item") => Record<string, string>;
+    getAttrs: (part: "button" | "link" | "root" | "group" | "group-item") => Record<string, string> | undefined;
     elements: {
         group: import("@melt-ui/svelte/internal/helpers").MeltElement<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>>, ($orientation: import("@melt-ui/svelte/internal/types").Orientation) => {
             readonly role: "group";

package/dist/bits/toolbar/ctx.js

@@ -1,6 +1,6 @@
-import { createBitAttrs, getOptionUpdater, removeUndefined } from "../../internal/index.js";
 import { createToolbar, } from "@melt-ui/svelte";
 import { getContext, setContext } from "svelte";
+import { createBitAttrs, getOptionUpdater, removeUndefined } from "../../internal/index.js";
 function getToolbarData() {
     const NAME = "toolbar";
     const GROUP_NAME = "toolbar-group";

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

@@ -3,4 +3,4 @@ export { default as Button } from "./components/toolbar-button.svelte";
 export { default as Link } from "./components/toolbar-link.svelte";
 export { default as Group } from "./components/toolbar-group.svelte";
 export { default as GroupItem } from "./components/toolbar-group-item.svelte";
-export * from "./types.js";
+export type { ToolbarProps as Props, ToolbarButtonProps as ButtonProps, ToolbarLinkProps as LinkProps, ToolbarGroupProps as GroupProps, ToolbarGroupItemProps as GroupItemProps, ToolbarButtonEvents as ButtonEvents, ToolbarLinkEvents as LinkEvents, ToolbarGroupItemEvents as GroupItemEvents, } from "./types.js";

package/dist/bits/toolbar/index.js

@@ -3,4 +3,3 @@ export { default as Button } from "./components/toolbar-button.svelte";
 export { default as Link } from "./components/toolbar-link.svelte";
 export { default as Group } from "./components/toolbar-group.svelte";
 export { default as GroupItem } from "./components/toolbar-group-item.svelte";
-export * from "./types.js";

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

@@ -1,28 +1,68 @@
-import type { HTMLDivAttributes } from "../../internal/index.js";
 import type { HTMLAnchorAttributes, HTMLButtonAttributes } from "svelte/elements";
-import type * as I from "./_types.js";
+import type { CreateToolbarGroupProps as MeltToolbarGroupProps, CreateToolbarProps as MeltToolbarProps } from "@melt-ui/svelte";
+import type { DOMElement, Expand, HTMLDivAttributes, OmitValue, OnChangeFn } from "../../internal/index.js";
 import type { CustomEventHandler } from "../../index.js";
-type Props = I.Props & HTMLDivAttributes;
-type ButtonProps = I.ButtonProps & HTMLButtonAttributes;
-type LinkProps = I.LinkProps & HTMLAnchorAttributes;
-type GroupProps<T extends "single" | "multiple"> = I.GroupProps<T> & HTMLDivAttributes;
-type GroupItemProps = I.GroupItemProps & HTMLButtonAttributes;
+export type ToolbarPropsWithoutHTML = Expand<MeltToolbarProps & DOMElement>;
+export type ToolbarButtonPropsWithoutHTML = DOMElement<HTMLButtonElement>;
+export type ToolbarLinkPropsWithoutHTML = DOMElement<HTMLAnchorElement>;
+export type ToolbarGroupPropsWithoutHTML<T extends "single" | "multiple"> = Expand<OmitValue<MeltToolbarGroupProps<T>> & {
+    /**
+     * The value of the toolbar toggle group, which is a string or an array of strings,
+     * depending on the type of the toolbar toggle group.
+     *
+     * You can bind to this to programmatically control the value.
+     */
+    value?: MeltToolbarGroupProps<T>["defaultValue"];
+    /**
+     * A callback function called when the value changes.
+     */
+    onValueChange?: OnChangeFn<MeltToolbarGroupProps<T>["defaultValue"]>;
+    /**
+     * The type of the toolbar toggle group.
+     *
+     * If the type is `"single"`, the toolbar toggle group allows only one item to be selected
+     * at a time. If the type is `"multiple"`, the toolbar toggle group allows multiple items
+     * to be selected at a time.
+     */
+    type?: T;
+} & DOMElement>;
+export type ToolbarGroupItemPropsWithoutHTML = Expand<{
+    /**
+     * The value of the toolbar toggle group item. When the toolbar toggle group item is selected,
+     * the toolbar toggle group's value will be set to this value if in `"single"` mode,
+     * or this value will be pushed to the toolbar toggle group's array value if in `"multiple"` mode.
+     *
+     * @required
+     */
+    value: string;
+    /**
+     * Whether the toolbar toggle group item is disabled.
+     *
+     * @defaultValue false
+     */
+    disabled?: boolean;
+} & DOMElement<HTMLButtonElement>>;
+export type ToolbarProps = ToolbarPropsWithoutHTML & HTMLDivAttributes;
+export type ToolbarButtonProps = ToolbarButtonPropsWithoutHTML & HTMLButtonAttributes;
+export type ToolbarLinkProps = ToolbarLinkPropsWithoutHTML & HTMLAnchorAttributes;
+export type ToolbarGroupProps<T extends "single" | "multiple"> = ToolbarGroupPropsWithoutHTML<T> & HTMLDivAttributes;
+export type ToolbarGroupItemProps = ToolbarGroupItemPropsWithoutHTML & HTMLButtonAttributes;
 /**
  * Events
  */
 type HTMLEventHandler<T extends Event = Event, E extends Element = Element> = T & {
     currentTarget: EventTarget & E;
 };
-type ButtonEvents<T extends Element = HTMLButtonElement> = {
+export type ToolbarButtonEvents<T extends Element = HTMLButtonElement> = {
     click: HTMLEventHandler<MouseEvent, T>;
     keydown: CustomEventHandler<KeyboardEvent, T>;
 };
-type LinkEvents<T extends Element = HTMLAnchorElement> = {
+export type ToolbarLinkEvents<T extends Element = HTMLAnchorElement> = {
     click: HTMLEventHandler<MouseEvent, T>;
     keydown: CustomEventHandler<KeyboardEvent, T>;
 };
-type GroupItemEvents<T extends Element = HTMLButtonElement> = {
+export type ToolbarGroupItemEvents<T extends Element = HTMLButtonElement> = {
     click: CustomEventHandler<MouseEvent, T>;
     keydown: CustomEventHandler<KeyboardEvent, T>;
 };
-export type { Props, ButtonProps, LinkProps, GroupProps, GroupItemProps, ButtonEvents, LinkEvents, GroupItemEvents, };
+export {};

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

@@ -1,6 +1,6 @@
 <script>import { melt } from "@melt-ui/svelte";
-import { createDispatcher } from "../../../internal/index.js";
 import { getCtx, updatePositioning } from "../ctx.js";
+import { createDispatcher } from "../../../internal/index.js";
 export let transition = void 0;
 export let transitionConfig = void 0;
 export let inTransition = void 0;

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

@@ -1,6 +1,6 @@
 import { SvelteComponent } from "svelte";
+import type { ContentEvents, ContentProps } from "../index.js";
 import { type Transition } from "../../../internal/index.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/tooltip/components/tooltip-trigger.svelte

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

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

@@ -1,6 +1,6 @@
 import { SvelteComponent } from "svelte";
 declare const __propDef: {
-    props: import("../_types.js").Props;
+    props: import("../types.js").TooltipPropsWithoutHTML;
     events: {
         [evt: string]: CustomEvent<any>;
     };

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

@@ -5,7 +5,7 @@ import type { FloatingProps } from "../floating/_types.js";
 type GetReturn = Omit<ReturnType<typeof setCtx>, "updateOption">;
 export declare function setCtx(props: CreateTooltipProps): {
     updateOption: <K extends string, V extends unknown>(key: K, value: V | undefined) => void;
-    getAttrs: (part: "content" | "arrow" | "trigger") => Record<string, string>;
+    getAttrs: (part: "content" | "trigger" | "arrow") => Record<string, string> | undefined;
     ids: import("@melt-ui/svelte/internal/helpers").ToWritableStores<{
         content: string;
         trigger: string;

package/dist/bits/tooltip/ctx.js

@@ -1,7 +1,7 @@
 import { createTooltip } from "@melt-ui/svelte";
-import { createBitAttrs, getOptionUpdater, removeUndefined } from "../../internal/index.js";
 import { getContext, setContext } from "svelte";
 import { getPositioningUpdater } from "../floating/helpers.js";
+import { createBitAttrs, getOptionUpdater, removeUndefined } from "../../internal/index.js";
 function getTooltipData() {
     const NAME = "tooltip";
     const PARTS = ["arrow", "content", "trigger"];

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

@@ -2,4 +2,4 @@ export { default as Root } from "./components/tooltip.svelte";
 export { default as Content } from "./components/tooltip-content.svelte";
 export { default as Trigger } from "./components/tooltip-trigger.svelte";
 export { default as Arrow } from "./components/tooltip-arrow.svelte";
-export * from "./types.js";
+export type { TooltipProps as Props, TooltipArrowProps as ArrowProps, TooltipContentProps as ContentProps, TooltipTriggerProps as TriggerProps, TooltipTriggerEvents as TriggerEvents, TooltipContentEvents as ContentEvents, } from "./types.js";

package/dist/bits/tooltip/index.js

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