bits-ui 0.9.9 → 0.10.0

package/dist/bits/menubar/components/MenubarCheckboxItem.svelte

@@ -1,50 +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 onCheckedChange = void 0;
-export let disabled = 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>
-
-{#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/menubar/components/MenubarContent.svelte

@@ -1,75 +0,0 @@
-<script>import { createDispatcher } from "../../../internal/index.js";
-import { melt } from "@melt-ui/svelte";
-import { getContent, getAttrs } from "../ctx.js";
-export let sideOffset = 5;
-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: { menu },
-  states: { open },
-  ids
-} = getContent(sideOffset);
-const dispatch = createDispatcher();
-$:
-  if (id) {
-    ids.menu.set(id);
-  }
-$:
-  builder = $menu;
-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}
-		on:m-keydown={dispatch}
-	>
-		<slot {builder} {attrs} />
-	</div>
-{:else if inTransition && outTransition && $open}
-	<div
-		in:inTransition={inTransitionConfig}
-		out:outTransition={outTransitionConfig}
-		{...builder} use:builder.action
-		{...$$restProps}
-		{...attrs}
-		on:m-keydown={dispatch}
-	>
-		<slot {builder} {attrs} />
-	</div>
-{:else if inTransition && $open}
-	<div
-		in:inTransition={inTransitionConfig}
-		{...builder} use:builder.action
-		{...$$restProps}
-		{...attrs}
-		on:m-keydown={dispatch}
-	>
-		<slot {builder} {attrs} />
-	</div>
-{:else if outTransition && $open}
-	<div
-		out:outTransition={outTransitionConfig}
-		{...builder} use:builder.action
-		{...$$restProps}
-		{...attrs}
-		on:m-keydown={dispatch}
-	>
-		<slot {builder} {attrs} />
-	</div>
-{:else if $open}
-	<div {...builder} use:builder.action {...$$restProps} {...attrs} on:m-keydown={dispatch}>
-		<slot {builder} {attrs} />
-	</div>
-{/if}

package/dist/bits/menubar/components/MenubarItem.svelte

@@ -1,34 +0,0 @@
-<script>import { melt } from "@melt-ui/svelte";
-import { disabledAttrs } from "../../../internal/index.js";
-import { getMenuCtx, getAttrs } from "../ctx.js";
-import { createDispatcher } from "../../../internal/events.js";
-export let asChild = false;
-export let disabled = false;
-const {
-  elements: { item }
-} = getMenuCtx();
-const dispatch = createDispatcher();
-$:
-  builder = $item;
-$:
-  attrs = { ...getAttrs("item"), ...disabledAttrs(disabled) };
-</script>
-
-{#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/menubar/components/MenubarLabel.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/menubar/components/MenubarRadioIndicator.svelte

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

package/dist/bits/menubar/components/MenubarRadioIndicator.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 MenubarRadioIndicatorProps = typeof __propDef.props;
-export type MenubarRadioIndicatorEvents = typeof __propDef.events;
-export type MenubarRadioIndicatorSlots = typeof __propDef.slots;
-export default class MenubarRadioIndicator extends SvelteComponent<MenubarRadioIndicatorProps, MenubarRadioIndicatorEvents, MenubarRadioIndicatorSlots> {
-}
-export {};

package/dist/bits/menubar/components/MenubarRadioItem.svelte

@@ -1,33 +0,0 @@
-<script>import { melt } from "@melt-ui/svelte";
-import { setRadioItemCtx, getAttrs } from "../ctx.js";
-import { createDispatcher } from "../../../internal/events.js";
-export let value;
-export let disabled = false;
-export let asChild = false;
-const {
-  elements: { radioItem }
-} = setRadioItemCtx(value);
-const dispatch = createDispatcher();
-$:
-  builder = $radioItem({ value, disabled });
-const attrs = getAttrs("radio-item");
-</script>
-
-{#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/menubar/components/MenubarSeparator.svelte

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

package/dist/bits/menubar/components/MenubarSub.svelte

@@ -1,23 +0,0 @@
-<script>import { derived } from "svelte/store";
-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
-});
-const idValues = derived([ids.menu, ids.trigger], ([$menuId, $triggerId]) => ({
-  menu: $menuId,
-  trigger: $triggerId
-}));
-$:
-  updateOption("positioning", positioning);
-$:
-  updateOption("disabled", disabled);
-$:
-  updateOption("arrowSize", arrowSize);
-</script>
-
-<slot subIds={$idValues} />

package/dist/bits/menubar/components/MenubarSubContent.svelte

@@ -1,90 +0,0 @@
-<script>import { createDispatcher } from "../../../internal/index.js";
-import { melt } from "@melt-ui/svelte";
-import { getSubMenuCtx, 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
-} = getSubMenuCtx();
-const dispatch = createDispatcher();
-$:
-  if (id) {
-    ids.menu.set(id);
-  }
-$:
-  builder = $subMenu;
-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}

package/dist/bits/menubar/components/MenubarSubContent.svelte.d.ts

@@ -1,32 +0,0 @@
-import { SvelteComponent } from "svelte";
-import { type Transition } from "../../../internal/index.js";
-import type { SubContentEvents, SubContentProps } from "../types.js";
-declare class __sveltets_Render<T extends Transition, In extends Transition, Out extends Transition> {
-    props(): SubContentProps<T, In, Out>;
-    events(): SubContentEvents;
-    slots(): {
-        default: {
-            builder: {
-                readonly role: "menu";
-                readonly hidden: true | undefined;
-                readonly style: string;
-                readonly id: string;
-                readonly 'aria-labelledby': string;
-                readonly 'data-state': "open" | "closed";
-                readonly 'data-id': string;
-                readonly tabindex: -1;
-            } & {
-                [x: `data-melt-${string}`]: "";
-            } & {
-                action: (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown" | "focusout" | "pointermove">;
-            };
-            attrs: Record<string, string>;
-        };
-    };
-}
-export type MenubarSubContentProps<T extends Transition, In extends Transition, Out extends Transition> = ReturnType<__sveltets_Render<T, In, Out>['props']>;
-export type MenubarSubContentEvents<T extends Transition, In extends Transition, Out extends Transition> = ReturnType<__sveltets_Render<T, In, Out>['events']>;
-export type MenubarSubContentSlots<T extends Transition, In extends Transition, Out extends Transition> = ReturnType<__sveltets_Render<T, In, Out>['slots']>;
-export default class MenubarSubContent<T extends Transition, In extends Transition, Out extends Transition> extends SvelteComponent<MenubarSubContentProps<T, In, Out>, MenubarSubContentEvents<T, In, Out>, MenubarSubContentSlots<T, In, Out>> {
-}
-export {};

package/dist/bits/menubar/components/MenubarSubTrigger.svelte

@@ -1,40 +0,0 @@
-<script>import { melt } from "@melt-ui/svelte";
-import { disabledAttrs } from "../../../internal/index.js";
-import { getSubMenuCtx, getAttrs } from "../ctx.js";
-import { createDispatcher } from "../../../internal/events.js";
-export let disabled = false;
-export let asChild = false;
-export let id = void 0;
-const {
-  elements: { subTrigger },
-  ids
-} = getSubMenuCtx();
-const dispatch = createDispatcher();
-$:
-  if (id) {
-    ids.trigger.set(id);
-  }
-$:
-  builder = $subTrigger;
-$:
-  attrs = { ...getAttrs("sub-trigger"), ...disabledAttrs(disabled) };
-</script>
-
-<!-- svelte-ignore a11y-no-static-element-interactions / applied by melt's builder-->
-{#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-pointerleave={dispatch}
-		on:m-pointermove={dispatch}
-	>
-		<slot {builder} {attrs} />
-	</div>
-{/if}

package/dist/bits/menubar/components/MenubarSubTrigger.svelte.d.ts

@@ -1,44 +0,0 @@
-import { SvelteComponent } from "svelte";
-import type { SubTriggerProps } from "../types.js";
-declare const __propDef: {
-    props: SubTriggerProps;
-    slots: {
-        default: {
-            builder: {
-                readonly role: "menuitem";
-                readonly id: string;
-                readonly tabindex: -1;
-                readonly 'aria-controls': string;
-                readonly 'aria-expanded': boolean;
-                readonly 'data-state': "open" | "closed";
-                readonly 'data-disabled': true | undefined;
-                readonly 'aria-haspopop': "menu";
-            } & {
-                [x: `data-melt-${string}`]: "";
-            } & {
-                action: (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown" | "click" | "focusin" | "focusout" | "pointerleave" | "pointermove">;
-            };
-            attrs: {
-                "aria-disabled": boolean;
-                "data-disabled": string;
-            } | {
-                "aria-disabled"?: undefined;
-                "data-disabled"?: undefined;
-            };
-        };
-    };
-    events: {
-        keydown: import("../../../index.js").CustomEventHandler<KeyboardEvent, HTMLDivElement>;
-        click: import("../../../index.js").CustomEventHandler<PointerEvent, HTMLDivElement>;
-        focusin: import("../../../index.js").CustomEventHandler<FocusEvent, HTMLDivElement>;
-        focusout: import("../../../index.js").CustomEventHandler<FocusEvent, HTMLDivElement>;
-        pointerleave: import("../../../index.js").CustomEventHandler<PointerEvent, HTMLDivElement>;
-        pointermove: import("../../../index.js").CustomEventHandler<PointerEvent, HTMLDivElement>;
-    };
-};
-export type MenubarSubTriggerProps = typeof __propDef.props;
-export type MenubarSubTriggerEvents = typeof __propDef.events;
-export type MenubarSubTriggerSlots = typeof __propDef.slots;
-export default class MenubarSubTrigger extends SvelteComponent<MenubarSubTriggerProps, MenubarSubTriggerEvents, MenubarSubTriggerSlots> {
-}
-export {};

package/dist/bits/radio-group/components/RadioGroupItemIndicator.svelte

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

package/dist/bits/select/components/Select.svelte.d.ts

@@ -1,48 +0,0 @@
-import { SvelteComponent } from "svelte";
-import type { SelectProps } from "../types.js";
-declare const __propDef: {
-    props: {
-        multiple?: false | undefined;
-        disabled?: boolean | undefined;
-        preventScroll?: boolean | undefined;
-        closeOnEscape?: boolean | undefined;
-        closeOnOutsideClick?: boolean | undefined;
-        loop?: boolean | undefined;
-        positioning?: import("@melt-ui/svelte/internal/actions").FloatingConfig | undefined;
-        arrowSize?: number | undefined;
-        forceVisible?: boolean | undefined;
-        ids?: {
-            label: string;
-            trigger: string;
-            menu: string;
-        } | undefined;
-        portal?: string | HTMLElement | null | undefined;
-        name?: string | undefined;
-        required?: boolean | undefined;
-        typeahead?: boolean | undefined;
-        scrollAlignment?: "center" | "nearest" | undefined;
-        highlightOnHover?: boolean | undefined;
-        selected?: import("@melt-ui/svelte/index.js").ComboboxOption<unknown> | undefined;
-        onSelectedChange?: import("../../../internal/types.js").OnChangeFn<import("@melt-ui/svelte/index.js").ComboboxOption<unknown> | undefined> | undefined;
-        open?: boolean | undefined;
-        onOpenChange?: import("../../../internal/types.js").OnChangeFn<boolean> | undefined;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        default: {
-            ids: {
-                menu: string;
-                trigger: string;
-                label: string;
-            };
-        };
-    };
-};
-type SelectProps_ = typeof __propDef.props;
-export { SelectProps_ as SelectProps };
-export type SelectEvents = typeof __propDef.events;
-export type SelectSlots = typeof __propDef.slots;
-export default class Select extends SvelteComponent<SelectProps, SelectEvents, SelectSlots> {
-}

package/dist/bits/select/components/SelectGroup.svelte

@@ -1,16 +0,0 @@
-<script>import { melt } from "@melt-ui/svelte";
-import { setGroupCtx, getAttrs } from "../ctx.js";
-export let asChild = false;
-const { group, id } = setGroupCtx();
-$:
-  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/select/components/SelectItemIndicator.svelte

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

package/dist/bits/tooltip/components/Tooltip.svelte.d.ts

@@ -1,38 +0,0 @@
-import { SvelteComponent } from "svelte";
-declare const __propDef: {
-    props: {
-        closeOnEscape?: boolean | undefined;
-        positioning?: import("@melt-ui/svelte/internal/actions").FloatingConfig | undefined;
-        arrowSize?: number | undefined;
-        openDelay?: number | undefined;
-        closeDelay?: number | undefined;
-        forceVisible?: boolean | undefined;
-        ids?: {
-            content: string;
-            trigger: string;
-        } | undefined;
-        group?: string | boolean | undefined;
-        portal?: string | HTMLElement | null | undefined;
-        closeOnPointerDown?: boolean | undefined;
-        disableHoverableContent?: boolean | undefined;
-        open?: boolean | undefined;
-        onOpenChange?: import("../../../internal/types.js").OnChangeFn<boolean> | undefined;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        default: {
-            ids: {
-                content: string;
-                trigger: string;
-            };
-        };
-    };
-};
-export type TooltipProps = typeof __propDef.props;
-export type TooltipEvents = typeof __propDef.events;
-export type TooltipSlots = typeof __propDef.slots;
-export default class Tooltip extends SvelteComponent<TooltipProps, TooltipEvents, TooltipSlots> {
-}
-export {};

package/dist/bits/tooltip/components/TooltipArrow.svelte

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

package/dist/bits/avatar/components/{Avatar.svelte → avatar.svelte}

@@ -15,11 +15,11 @@ const {
     return next;
   }
 });
+const attrs = getAttrs("root");
 $:
   loadingStatus !== void 0 && localLoadingStatus.set(loadingStatus);
 $:
   updateOption("delayMs", delayMs);
-const attrs = getAttrs("root");
 </script>
 
 {#if asChild}