bits-ui 0.0.26 → 0.0.28

package/dist/bits/link-preview/components/LinkPreviewContent.svelte

@@ -2,6 +2,10 @@
 import { ctx } 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;
 const {
   elements: { content },
@@ -17,13 +21,50 @@ const {
 		<slot {builder} />
 	{:else if transition}
 		<div
+			transition:transition|global={transitionConfig}
+			{...builder} use:builder.action
+			{...$$restProps}
+			on:m-focusout
+			on:m-pointerdown
+			on:m-pointerenter
+			on:m-pointerleave
+		>
+			<slot {builder} />
+		</div>
+	{:else if inTransition && outTransition}
+		<div
+			in:inTransition|global={inTransitionConfig}
+			out:outTransition|global={outTransitionConfig}
+			{...builder} use:builder.action
+			{...$$restProps}
+			on:m-focusout
+			on:m-pointerdown
+			on:m-pointerenter
+			on:m-pointerleave
+		>
+			<slot {builder} />
+		</div>
+	{:else if inTransition}
+		<div
+			in:inTransition|global={inTransitionConfig}
+			{...builder} use:builder.action
+			{...$$restProps}
+			on:m-focusout
+			on:m-pointerdown
+			on:m-pointerenter
+			on:m-pointerleave
+		>
+			<slot {builder} />
+		</div>
+	{:else if outTransition}
+		<div
+			out:outTransition|global={outTransitionConfig}
 			{...builder} use:builder.action
 			{...$$restProps}
 			on:m-focusout
 			on:m-pointerdown
 			on:m-pointerenter
 			on:m-pointerleave
-			transition:transition={transitionConfig}
 		>
 			<slot {builder} />
 		</div>

package/dist/bits/link-preview/components/LinkPreviewContent.svelte.d.ts

@@ -1,9 +1,13 @@
 import { SvelteComponent } from "svelte";
 import type { Transition } from "../../../internal/index.js";
-declare class __sveltets_Render<T extends Transition> {
+declare class __sveltets_Render<T extends Transition, In extends Transition, Out extends Transition> {
     props(): {
         transition?: T | undefined;
         transitionConfig?: import("../../../internal/index.js").TransitionParams<T> | undefined;
+        inTransition?: In | undefined;
+        inTransitionConfig?: import("../../../internal/index.js").TransitionParams<In> | undefined;
+        outTransition?: Out | undefined;
+        outTransitionConfig?: import("../../../internal/index.js").TransitionParams<Out> | undefined;
         asChild?: boolean | undefined;
         accesskey?: string | null | undefined;
         autofocus?: boolean | null | undefined;
@@ -226,9 +230,9 @@ declare class __sveltets_Render<T extends Transition> {
         };
     };
 }
-export type LinkPreviewContentProps<T extends Transition> = ReturnType<__sveltets_Render<T>['props']>;
-export type LinkPreviewContentEvents<T extends Transition> = ReturnType<__sveltets_Render<T>['events']>;
-export type LinkPreviewContentSlots<T extends Transition> = ReturnType<__sveltets_Render<T>['slots']>;
-export default class LinkPreviewContent<T extends Transition> extends SvelteComponent<LinkPreviewContentProps<T>, LinkPreviewContentEvents<T>, LinkPreviewContentSlots<T>> {
+export type LinkPreviewContentProps<T extends Transition, In extends Transition, Out extends Transition> = ReturnType<__sveltets_Render<T, In, Out>['props']>;
+export type LinkPreviewContentEvents<T extends Transition, In extends Transition, Out extends Transition> = ReturnType<__sveltets_Render<T, In, Out>['events']>;
+export type LinkPreviewContentSlots<T extends Transition, In extends Transition, Out extends Transition> = ReturnType<__sveltets_Render<T, In, Out>['slots']>;
+export default class LinkPreviewContent<T extends Transition, In extends Transition, Out extends Transition> extends SvelteComponent<LinkPreviewContentProps<T, In, Out>, LinkPreviewContentEvents<T, In, Out>, LinkPreviewContentSlots<T, In, Out>> {
 }
 export {};

package/dist/bits/link-preview/types.d.ts

@@ -1,4 +1,4 @@
-import type { OmitOpen, Expand, HTMLDivAttributes, OnChangeFn, Transition, TransitionParams, AsChild } from "../../internal/index.js";
+import type { OmitOpen, Expand, HTMLDivAttributes, OnChangeFn, Transition, AsChild, TransitionProps } from "../../internal/index.js";
 import type { CreateLinkPreviewProps, LinkPreviewComponentEvents } from "@melt-ui/svelte";
 import type { HTMLAnchorAttributes } from "svelte/elements";
 type Props = Expand<OmitOpen<CreateLinkPreviewProps> & {
@@ -6,10 +6,7 @@ type Props = Expand<OmitOpen<CreateLinkPreviewProps> & {
     onOpenChange?: OnChangeFn<CreateLinkPreviewProps["defaultOpen"]>;
 }>;
 type TriggerProps = AsChild & HTMLAnchorAttributes;
-type ContentProps<T extends Transition = Transition> = Expand<{
-    transition?: T;
-    transitionConfig?: TransitionParams<T>;
-} & AsChild> & HTMLDivAttributes;
+type ContentProps<T extends Transition = Transition, In extends Transition = Transition, Out extends Transition = Transition> = Expand<TransitionProps<T, In, Out> & AsChild> & HTMLDivAttributes;
 type ArrowProps = Expand<{
     size?: number;
 } & AsChild> & HTMLDivAttributes;

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

@@ -1,12 +1,13 @@
 <script>import { melt } from "@melt-ui/svelte";
 import { ctx } from "../ctx.js";
+import { writable } from "svelte/store";
 export let loop = true;
 export let closeOnEscape = true;
 export let asChild = false;
 const {
   elements: { menubar },
   updateOption
-} = ctx.set($$restProps);
+} = ctx.set({ loop, closeOnEscape });
 $:
   updateOption("loop", loop);
 $:
@@ -17,7 +18,7 @@ $:
 	<slot builder={$menubar} />
 {:else}
 	{@const builder = $menubar}
-	<div {...builder} use:builder.action {...$$restProps}>
+	<div {...builder} use:builder.action style="z-index: 50" {...$$restProps}>
 		<slot {builder} />
 	</div>
 {/if}

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

@@ -1,6 +1,12 @@
 <script>import { melt } from "@melt-ui/svelte";
 import { ctx } from "../ctx.js";
-export let sideOffset = 4;
+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;
 const {
   elements: { menu },
@@ -8,11 +14,48 @@ const {
 } = ctx.getContent(sideOffset);
 </script>
 
-<!-- svelte-ignore a11y-no-static-element-interactions / applied by melt's builder-->
+<!-- svelte-ignore a11y-no-static-element-interactions applied by melt's action/store -->
 {#if $open}
 	{@const builder = $menu}
 	{#if asChild}
 		<slot {builder} />
+	{:else if transition}
+		<div
+			transition:transition|global={transitionConfig}
+			{...builder} use:builder.action
+			{...$$restProps}
+			on:m-keydown
+		>
+			<slot {builder} />
+		</div>
+	{:else if inTransition && outTransition}
+		<div
+			in:inTransition|global={inTransitionConfig}
+			out:outTransition|global={outTransitionConfig}
+			{...builder} use:builder.action
+			{...$$restProps}
+			on:m-keydown
+		>
+			<slot {builder} />
+		</div>
+	{:else if inTransition}
+		<div
+			in:inTransition|global={inTransitionConfig}
+			{...builder} use:builder.action
+			{...$$restProps}
+			on:m-keydown
+		>
+			<slot {builder} />
+		</div>
+	{:else if outTransition}
+		<div
+			out:outTransition|global={outTransitionConfig}
+			{...builder} use:builder.action
+			{...$$restProps}
+			on:m-keydown
+		>
+			<slot {builder} />
+		</div>
 	{:else}
 		<div {...builder} use:builder.action {...$$restProps} on:m-keydown>
 			<slot {builder} />

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

@@ -1,15 +1,71 @@
 <script>import { melt } from "@melt-ui/svelte";
 import { ctx } 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;
-const subMenu = ctx.getSub().elements.subMenu;
+const {
+  elements: { subMenu },
+  states: { subOpen }
+} = ctx.getSub();
 </script>
 
-<!-- svelte-ignore a11y-no-static-element-interactions / applied by melt's builder-->
-{#if asChild}
-	<slot builder={$subMenu} />
-{:else}
+<!-- svelte-ignore a11y-no-static-element-interactions / applied by melt store -->
+{#if $subOpen}
 	{@const builder = $subMenu}
-	<div {...builder} use:builder.action {...$$restProps} on:m-focusout on:m-keydown on:m-pointermove>
+	{#if asChild}
 		<slot {builder} />
-	</div>
+	{:else if transition}
+		<div
+			transition:transition|global={transitionConfig}
+			{...builder} use:builder.action
+			{...$$restProps}
+			on:m-focusout
+			on:m-keydown
+			on:m-pointermove
+		>
+			<slot {builder} />
+		</div>
+	{:else if inTransition && outTransition}
+		<div
+			in:inTransition|global={inTransitionConfig}
+			out:outTransition|global={outTransitionConfig}
+			{...builder} use:builder.action
+			{...$$restProps}
+			on:m-focusout
+			on:m-keydown
+			on:m-pointermove
+		>
+			<slot {builder} />
+		</div>
+	{:else if inTransition}
+		<div
+			in:inTransition|global={inTransitionConfig}
+			{...builder} use:builder.action
+			{...$$restProps}
+			on:m-focusout
+			on:m-keydown
+			on:m-pointermove
+		>
+			<slot {builder} />
+		</div>
+	{:else if outTransition}
+		<div
+			out:outTransition|global={outTransitionConfig}
+			{...builder} use:builder.action
+			{...$$restProps}
+			on:m-focusout
+			on:m-keydown
+			on:m-pointermove
+		>
+			<slot {builder} />
+		</div>
+	{:else}
+		<div {...builder} use:builder.action {...$$restProps} on:m-focusout on:m-keydown on:m-pointermove>
+			<slot {builder} />
+		</div>
+	{/if}
 {/if}