bits-ui 0.9.9 → 0.10.0

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

@@ -1,53 +0,0 @@
-<script>import { melt } from "@melt-ui/svelte";
-import { getCtx, getAttrs } from "../ctx.js";
-export let transition = void 0;
-export let transitionConfig = void 0;
-export let inTransition = void 0;
-export let inTransitionConfig = void 0;
-export let outTransition = void 0;
-export let outTransitionConfig = void 0;
-export let id = void 0;
-export let asChild = false;
-const {
-  elements: { content },
-  states: { open },
-  ids
-} = getCtx();
-$:
-  if (id) {
-    ids.content.set(id);
-  }
-$:
-  builder = $content;
-const attrs = getAttrs("content");
-</script>
-
-{#if asChild && $open}
-	<slot {builder} {attrs} />
-{:else if transition && $open}
-	<div transition:transition={transitionConfig} {...builder} use:builder.action {...$$restProps} {...attrs}>
-		<slot {builder} {attrs} />
-	</div>
-{:else if inTransition && outTransition && $open}
-	<div
-		in:inTransition={inTransitionConfig}
-		out:outTransition={outTransitionConfig}
-		{...builder} use:builder.action
-		{...$$restProps}
-		{...attrs}
-	>
-		<slot {builder} {attrs} />
-	</div>
-{:else if inTransition && $open}
-	<div in:inTransition={inTransitionConfig} {...builder} use:builder.action {...$$restProps} {...attrs}>
-		<slot {builder} {attrs} />
-	</div>
-{:else if outTransition && $open}
-	<div out:outTransition={outTransitionConfig} {...builder} use:builder.action {...$$restProps} {...attrs}>
-		<slot {builder} {attrs} />
-	</div>
-{:else if $open}
-	<div {...builder} use:builder.action {...$$restProps} {...attrs}>
-		<slot {builder} {attrs} />
-	</div>
-{/if}

package/dist/bits/checkbox/components/CheckboxIndicator.svelte

@@ -1,10 +0,0 @@
-<script>import { getCtx, getAttrs } from "../ctx.js";
-const {
-  helpers: { isChecked, isIndeterminate }
-} = getCtx();
-const attrs = getAttrs("indicator");
-</script>
-
-<div {...$$restProps} {...attrs}>
-	<slot isChecked={$isChecked} isIndeterminate={$isIndeterminate} />
-</div>

package/dist/bits/collapsible/components/CollapsibleTrigger.svelte

@@ -1,20 +0,0 @@
-<script>import { melt } from "@melt-ui/svelte";
-import { createDispatcher } from "../../../internal/events.js";
-import { getCtx, getAttrs } from "../ctx.js";
-export let asChild = false;
-const {
-  elements: { trigger }
-} = getCtx();
-const dispatch = createDispatcher();
-$:
-  builder = $trigger;
-const attrs = getAttrs("trigger");
-</script>
-
-{#if asChild}
-	<slot {builder} {attrs} />
-{:else}
-	<button {...builder} use:builder.action type="button" {...$$restProps} {...attrs} on:m-click={dispatch}>
-		<slot {builder} {attrs} />
-	</button>
-{/if}

package/dist/bits/context-menu/components/ContextMenuArrow.svelte.d.ts

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

package/dist/bits/context-menu/components/ContextMenuCheckboxIndicator.svelte

@@ -1,10 +0,0 @@
-<script>import { getCheckboxIndicator, getAttrs } from "../ctx.js";
-const checked = getCheckboxIndicator();
-const attrs = getAttrs("checkbox-indicator");
-</script>
-
-<div {...$$restProps} {...attrs}>
-	{#if $checked}
-		<slot checked={$checked} />
-	{/if}
-</div>

package/dist/bits/context-menu/components/ContextMenuCheckboxIndicator.svelte.d.ts

@@ -1,18 +0,0 @@
-import { SvelteComponent } from "svelte";
-declare const __propDef: {
-    props: import("../../../internal/types.js").HTMLDivAttributes;
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        default: {
-            checked: boolean | "indeterminate";
-        };
-    };
-};
-export type ContextMenuCheckboxIndicatorProps = typeof __propDef.props;
-export type ContextMenuCheckboxIndicatorEvents = typeof __propDef.events;
-export type ContextMenuCheckboxIndicatorSlots = typeof __propDef.slots;
-export default class ContextMenuCheckboxIndicator extends SvelteComponent<ContextMenuCheckboxIndicatorProps, ContextMenuCheckboxIndicatorEvents, ContextMenuCheckboxIndicatorSlots> {
-}
-export {};

package/dist/bits/context-menu/components/ContextMenuCheckboxItem.svelte

@@ -1,51 +0,0 @@
-<script>import { melt } from "@melt-ui/svelte";
-import { setCheckboxItem, getAttrs } from "../ctx.js";
-import { createDispatcher } from "../../../internal/events.js";
-export let checked = void 0;
-export let disabled = void 0;
-export let onCheckedChange = void 0;
-export let asChild = false;
-const {
-  elements: { checkboxItem },
-  states: { checked: localChecked },
-  updateOption
-} = setCheckboxItem({
-  disabled,
-  defaultChecked: checked,
-  onCheckedChange: ({ next }) => {
-    if (checked !== next) {
-      onCheckedChange?.(next);
-      checked = next;
-    }
-    return next;
-  }
-});
-const dispatch = createDispatcher();
-$:
-  checked !== void 0 && localChecked.set(checked);
-$:
-  updateOption("disabled", disabled);
-$:
-  builder = $checkboxItem;
-const attrs = getAttrs("checkbox-item");
-</script>
-
-<!-- svelte-ignore a11y-no-static-element-interactions applied by melt's action/store -->
-{#if asChild}
-	<slot {builder} {attrs} />
-{:else}
-	<div
-		{...builder} use:builder.action
-		{...$$restProps}
-		{...attrs}
-		on:m-click={dispatch}
-		on:m-focusin={dispatch}
-		on:m-focusout={dispatch}
-		on:m-keydown={dispatch}
-		on:m-pointerdown={dispatch}
-		on:m-pointerleave={dispatch}
-		on:m-pointermove={dispatch}
-	>
-		<slot {builder} {attrs} />
-	</div>
-{/if}

package/dist/bits/context-menu/components/ContextMenuCheckboxItem.svelte.d.ts

@@ -1,29 +0,0 @@
-import { SvelteComponent } from "svelte";
-import type { CheckboxItemEvents, CheckboxItemProps } from "../types.js";
-declare const __propDef: {
-    props: CheckboxItemProps;
-    slots: {
-        default: {
-            builder: {
-                readonly role: "menuitemcheckbox";
-                readonly tabindex: -1;
-                readonly 'data-orientation': "vertical";
-                readonly 'aria-checked': "false" | "true" | "mixed";
-                readonly 'data-disabled': true | undefined;
-                readonly 'data-state': "checked" | "indeterminate" | "unchecked";
-            } & {
-                [x: `data-melt-${string}`]: "";
-            } & {
-                action: (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown" | "click" | "focusin" | "focusout" | "pointerdown" | "pointerleave" | "pointermove">;
-            };
-            attrs: Record<string, string>;
-        };
-    };
-    events: CheckboxItemEvents;
-};
-export type ContextMenuCheckboxItemProps = typeof __propDef.props;
-export type ContextMenuCheckboxItemEvents = typeof __propDef.events;
-export type ContextMenuCheckboxItemSlots = typeof __propDef.slots;
-export default class ContextMenuCheckboxItem extends SvelteComponent<ContextMenuCheckboxItemProps, ContextMenuCheckboxItemEvents, ContextMenuCheckboxItemSlots> {
-}
-export {};

package/dist/bits/context-menu/components/ContextMenuGroup.svelte

@@ -1,16 +0,0 @@
-<script>import { melt } from "@melt-ui/svelte";
-import { setGroup, getAttrs } from "../ctx.js";
-export let asChild = false;
-const { group, id } = setGroup();
-$:
-  builder = $group(id);
-const attrs = getAttrs("group");
-</script>
-
-{#if asChild}
-	<slot {builder} {attrs} />
-{:else}
-	<div {...builder} use:builder.action {...$$restProps} {...attrs}>
-		<slot {builder} {attrs} />
-	</div>
-{/if}

package/dist/bits/context-menu/components/ContextMenuGroup.svelte.d.ts

@@ -1,27 +0,0 @@
-import { SvelteComponent } from "svelte";
-import type { GroupProps } from "../types.js";
-declare const __propDef: {
-    props: GroupProps;
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        default: {
-            builder: ((groupId: string) => {
-                role: string;
-                'aria-labelledby': string;
-            }) & {
-                [x: `data-melt-${string}`]: "";
-            } & {
-                action: import("svelte/action").Action<any, any, Record<never, any>>;
-            };
-            attrs: Record<string, string>;
-        };
-    };
-};
-export type ContextMenuGroupProps = typeof __propDef.props;
-export type ContextMenuGroupEvents = typeof __propDef.events;
-export type ContextMenuGroupSlots = typeof __propDef.slots;
-export default class ContextMenuGroup extends SvelteComponent<ContextMenuGroupProps, ContextMenuGroupEvents, ContextMenuGroupSlots> {
-}
-export {};

package/dist/bits/context-menu/components/ContextMenuItem.svelte.d.ts

@@ -1,32 +0,0 @@
-import { SvelteComponent } from "svelte";
-import type { ItemEvents, ItemProps } from "../types.js";
-declare const __propDef: {
-    props: ItemProps;
-    slots: {
-        default: {
-            builder: {
-                role: string;
-                tabindex: number;
-                'data-orientation': string;
-            } & {
-                [x: `data-melt-${string}`]: "";
-            } & {
-                action: (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown" | "click" | "focusin" | "focusout" | "pointerdown" | "pointerleave" | "pointermove">;
-            };
-            attrs: {
-                "aria-disabled": boolean;
-                "data-disabled": string;
-            } | {
-                "aria-disabled"?: undefined;
-                "data-disabled"?: undefined;
-            };
-        };
-    };
-    events: ItemEvents;
-};
-export type ContextMenuItemProps = typeof __propDef.props;
-export type ContextMenuItemEvents = typeof __propDef.events;
-export type ContextMenuItemSlots = typeof __propDef.slots;
-export default class ContextMenuItem extends SvelteComponent<ContextMenuItemProps, ContextMenuItemEvents, ContextMenuItemSlots> {
-}
-export {};

package/dist/bits/context-menu/components/ContextMenuLabel.svelte

@@ -1,16 +0,0 @@
-<script>import { melt } from "@melt-ui/svelte";
-import { getGroupLabel, getAttrs } from "../ctx.js";
-export let asChild = false;
-const { groupLabel, id } = getGroupLabel();
-$:
-  builder = $groupLabel(id);
-const attrs = getAttrs("label");
-</script>
-
-{#if asChild}
-	<slot {builder} {attrs} />
-{:else}
-	<div {...builder} use:builder.action {...$$restProps} {...attrs}>
-		<slot {builder} {attrs} />
-	</div>
-{/if}

package/dist/bits/context-menu/components/ContextMenuLabel.svelte.d.ts

@@ -1,26 +0,0 @@
-import { SvelteComponent } from "svelte";
-import type { LabelProps } from "../types.js";
-declare const __propDef: {
-    props: LabelProps;
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        default: {
-            builder: ((groupId: string) => {
-                id: string;
-            }) & {
-                [x: `data-melt-${string}`]: "";
-            } & {
-                action: import("svelte/action").Action<any, any, Record<never, any>>;
-            };
-            attrs: Record<string, string>;
-        };
-    };
-};
-export type ContextMenuLabelProps = typeof __propDef.props;
-export type ContextMenuLabelEvents = typeof __propDef.events;
-export type ContextMenuLabelSlots = typeof __propDef.slots;
-export default class ContextMenuLabel extends SvelteComponent<ContextMenuLabelProps, ContextMenuLabelEvents, ContextMenuLabelSlots> {
-}
-export {};

package/dist/bits/context-menu/components/ContextMenuRadioGroup.svelte

@@ -1,32 +0,0 @@
-<script>import { melt } from "@melt-ui/svelte";
-import { setRadioGroupCtx, getAttrs } from "../ctx.js";
-export let value = void 0;
-export let onValueChange = void 0;
-export let asChild = false;
-const {
-  elements: { radioGroup },
-  states: { value: localValue }
-} = setRadioGroupCtx({
-  defaultValue: value,
-  onValueChange: ({ next }) => {
-    if (next && value !== next) {
-      onValueChange?.(next);
-      value = next;
-    }
-    return next;
-  }
-});
-$:
-  value !== void 0 && localValue.set(value);
-$:
-  builder = $radioGroup;
-const attrs = getAttrs("radio-group");
-</script>
-
-{#if asChild}
-	<slot {builder} {attrs} />
-{:else}
-	<div {...builder} use:builder.action {...$$restProps} {...attrs}>
-		<slot {builder} {attrs} />
-	</div>
-{/if}

package/dist/bits/context-menu/components/ContextMenuRadioGroup.svelte.d.ts

@@ -1,26 +0,0 @@
-import { SvelteComponent } from "svelte";
-import type { RadioGroupProps } from "../types.js";
-declare const __propDef: {
-    props: RadioGroupProps;
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        default: {
-            builder: {
-                role: string;
-            } & {
-                [x: `data-melt-${string}`]: "";
-            } & {
-                action: import("svelte/action").Action<any, any, Record<never, any>>;
-            };
-            attrs: Record<string, string>;
-        };
-    };
-};
-export type ContextMenuRadioGroupProps = typeof __propDef.props;
-export type ContextMenuRadioGroupEvents = typeof __propDef.events;
-export type ContextMenuRadioGroupSlots = typeof __propDef.slots;
-export default class ContextMenuRadioGroup extends SvelteComponent<ContextMenuRadioGroupProps, ContextMenuRadioGroupEvents, ContextMenuRadioGroupSlots> {
-}
-export {};

package/dist/bits/context-menu/components/ContextMenuRadioIndicator.svelte

@@ -1,7 +0,0 @@
-<script>import { getRadioIndicator } from "../ctx.js";
-const { isChecked, value } = getRadioIndicator();
-</script>
-
-{#if $isChecked(value)}
-	<slot />
-{/if}

package/dist/bits/context-menu/components/ContextMenuRadioIndicator.svelte.d.ts

@@ -1,16 +0,0 @@
-import { SvelteComponent } from "svelte";
-declare const __propDef: {
-    props: Record<string, never>;
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        default: {};
-    };
-};
-export type ContextMenuRadioIndicatorProps = typeof __propDef.props;
-export type ContextMenuRadioIndicatorEvents = typeof __propDef.events;
-export type ContextMenuRadioIndicatorSlots = typeof __propDef.slots;
-export default class ContextMenuRadioIndicator extends SvelteComponent<ContextMenuRadioIndicatorProps, ContextMenuRadioIndicatorEvents, ContextMenuRadioIndicatorSlots> {
-}
-export {};

package/dist/bits/context-menu/components/ContextMenuRadioItem.svelte.d.ts

@@ -1,31 +0,0 @@
-import { SvelteComponent } from "svelte";
-import type { RadioItemEvents, RadioItemProps } from "../types.js";
-declare const __propDef: {
-    props: RadioItemProps;
-    slots: {
-        default: {
-            builder: ((itemProps: import("@melt-ui/svelte/dist/builders/menu/types.js")._RadioItemProps) => {
-                disabled: boolean;
-                role: string;
-                'data-state': string;
-                'aria-checked': boolean;
-                'data-disabled': boolean | undefined;
-                'data-value': string;
-                'data-orientation': string;
-                tabindex: number;
-            }) & {
-                [x: `data-melt-${string}`]: "";
-            } & {
-                action: (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown" | "click" | "focusin" | "focusout" | "pointerdown" | "pointerleave" | "pointermove">;
-            };
-            attrs: Record<string, string>;
-        };
-    };
-    events: RadioItemEvents;
-};
-export type ContextMenuRadioItemProps = typeof __propDef.props;
-export type ContextMenuRadioItemEvents = typeof __propDef.events;
-export type ContextMenuRadioItemSlots = typeof __propDef.slots;
-export default class ContextMenuRadioItem extends SvelteComponent<ContextMenuRadioItemProps, ContextMenuRadioItemEvents, ContextMenuRadioItemSlots> {
-}
-export {};

package/dist/bits/context-menu/components/ContextMenuSeparator.svelte.d.ts

@@ -1,29 +0,0 @@
-import { SvelteComponent } from "svelte";
-import type { SeparatorProps } from "../types.js";
-declare const __propDef: {
-    props: SeparatorProps;
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        default: {
-            builder: {
-                role: string;
-                'aria-orientation': "vertical" | undefined;
-                'aria-hidden': boolean;
-                'data-orientation': import("@melt-ui/svelte/internal/types").Orientation;
-            } & {
-                "data-melt-separator": "";
-            } & {
-                action: import("svelte/action").Action<any, any, Record<never, any>>;
-            };
-            attrs: Record<string, string>;
-        };
-    };
-};
-export type ContextMenuSeparatorProps = typeof __propDef.props;
-export type ContextMenuSeparatorEvents = typeof __propDef.events;
-export type ContextMenuSeparatorSlots = typeof __propDef.slots;
-export default class ContextMenuSeparator extends SvelteComponent<ContextMenuSeparatorProps, ContextMenuSeparatorEvents, ContextMenuSeparatorSlots> {
-}
-export {};

package/dist/bits/context-menu/components/ContextMenuSub.svelte

@@ -1,18 +0,0 @@
-<script>import { setSubMenuCtx } from "../ctx.js";
-export let positioning = void 0;
-export let disabled = void 0;
-export let arrowSize = void 0;
-const { updateOption, ids } = setSubMenuCtx({
-  positioning,
-  disabled,
-  arrowSize
-});
-$:
-  updateOption("positioning", positioning);
-$:
-  updateOption("disabled", disabled);
-$:
-  updateOption("arrowSize", arrowSize);
-</script>
-
-<slot subIds={ids} />

package/dist/bits/context-menu/components/ContextMenuSub.svelte.d.ts

@@ -1,31 +0,0 @@
-import { SvelteComponent } from "svelte";
-declare const __propDef: {
-    props: {
-        open?: import("svelte/store").Writable<boolean> | undefined;
-        onOpenChange?: import("@melt-ui/svelte/internal/helpers").ChangeFn<boolean> | undefined;
-        positioning?: import("@melt-ui/svelte/internal/actions").FloatingConfig | undefined;
-        arrowSize?: number | undefined;
-        ids?: {
-            trigger: string;
-            menu: string;
-        } | undefined;
-        disabled?: boolean | undefined;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        default: {
-            subIds: {
-                menu: import("svelte/store").Writable<string>;
-                trigger: import("svelte/store").Writable<string>;
-            };
-        };
-    };
-};
-export type ContextMenuSubProps = typeof __propDef.props;
-export type ContextMenuSubEvents = typeof __propDef.events;
-export type ContextMenuSubSlots = typeof __propDef.slots;
-export default class ContextMenuSub extends SvelteComponent<ContextMenuSubProps, ContextMenuSubEvents, ContextMenuSubSlots> {
-}
-export {};

package/dist/bits/context-menu/components/ContextMenuSubContent.svelte

@@ -1,90 +0,0 @@
-<script>import { createDispatcher } from "../../../internal/index.js";
-import { melt } from "@melt-ui/svelte";
-import { getSubContent, getAttrs } from "../ctx.js";
-export let transition = void 0;
-export let transitionConfig = void 0;
-export let inTransition = void 0;
-export let inTransitionConfig = void 0;
-export let outTransition = void 0;
-export let outTransitionConfig = void 0;
-export let asChild = false;
-export let id = void 0;
-const {
-  elements: { subMenu },
-  states: { subOpen },
-  ids
-} = getSubContent();
-$:
-  builder = $subMenu;
-$:
-  if (id) {
-    ids.menu.set(id);
-  }
-const dispatch = createDispatcher();
-const attrs = getAttrs("sub-content");
-</script>
-
-<!-- svelte-ignore a11y-no-static-element-interactions / applied by melt store -->
-{#if asChild && $subOpen}
-	<slot {builder} {attrs} />
-{:else if transition && $subOpen}
-	<div
-		transition:transition={transitionConfig}
-		{...builder} use:builder.action
-		{...$$restProps}
-		{...attrs}
-		on:m-focusout={dispatch}
-		on:m-keydown={dispatch}
-		on:m-pointermove={dispatch}
-	>
-		<slot {builder} {attrs} />
-	</div>
-{:else if inTransition && outTransition && $subOpen}
-	<div
-		in:inTransition={inTransitionConfig}
-		out:outTransition={outTransitionConfig}
-		{...builder} use:builder.action
-		{...$$restProps}
-		{...attrs}
-		on:m-focusout={dispatch}
-		on:m-keydown={dispatch}
-		on:m-pointermove={dispatch}
-	>
-		<slot {builder} {attrs} />
-	</div>
-{:else if inTransition && $subOpen}
-	<div
-		in:inTransition={inTransitionConfig}
-		{...builder} use:builder.action
-		{...$$restProps}
-		{...attrs}
-		on:m-focusout={dispatch}
-		on:m-keydown={dispatch}
-		on:m-pointermove={dispatch}
-	>
-		<slot {builder} {attrs} />
-	</div>
-{:else if outTransition && $subOpen}
-	<div
-		out:outTransition={outTransitionConfig}
-		{...builder} use:builder.action
-		{...$$restProps}
-		{...attrs}
-		on:m-focusout={dispatch}
-		on:m-keydown={dispatch}
-		on:m-pointermove={dispatch}
-	>
-		<slot {builder} {attrs} />
-	</div>
-{:else if $subOpen}
-	<div
-		{...builder} use:builder.action
-		{...$$restProps}
-		{...attrs}
-		on:m-focusout={dispatch}
-		on:m-keydown={dispatch}
-		on:m-pointermove={dispatch}
-	>
-		<slot {builder} {attrs} />
-	</div>
-{/if}