bits-ui 0.0.21 → 0.0.23

package/dist/bits/index.d.ts

@@ -8,7 +8,7 @@ export * as Collapsible from "./collapsible/index.js";
 export * as ContextMenu from "./context-menu/index.js";
 export * as Dialog from "./dialog/index.js";
 export * as DropdownMenu from "./dropdown-menu/index.js";
-export * as HoverCard from "./hover-card/index.js";
+export * as HoverCard from "./link-preview/index.js";
 export * as Label from "./label/index.js";
 export * as Menubar from "./menubar/index.js";
 export * as Popover from "./popover/index.js";

package/dist/bits/index.js

@@ -8,7 +8,7 @@ export * as Collapsible from "./collapsible/index.js";
 export * as ContextMenu from "./context-menu/index.js";
 export * as Dialog from "./dialog/index.js";
 export * as DropdownMenu from "./dropdown-menu/index.js";
-export * as HoverCard from "./hover-card/index.js";
+export * as HoverCard from "./link-preview/index.js";
 export * as Label from "./label/index.js";
 export * as Menubar from "./menubar/index.js";
 export * as Popover from "./popover/index.js";

package/dist/bits/{hover-card/components/HoverCard.svelte.d.ts → link-preview/components/LinkPreview.svelte.d.ts}

@@ -19,9 +19,9 @@ declare const __propDef: {
         default: {};
     };
 };
-export type HoverCardProps = typeof __propDef.props;
-export type HoverCardEvents = typeof __propDef.events;
-export type HoverCardSlots = typeof __propDef.slots;
-export default class HoverCard extends SvelteComponent<HoverCardProps, HoverCardEvents, HoverCardSlots> {
+export type LinkPreviewProps = typeof __propDef.props;
+export type LinkPreviewEvents = typeof __propDef.events;
+export type LinkPreviewSlots = typeof __propDef.slots;
+export default class LinkPreview extends SvelteComponent<LinkPreviewProps, LinkPreviewEvents, LinkPreviewSlots> {
 }
 export {};

package/dist/bits/{hover-card/components/HoverCardContent.svelte.d.ts → link-preview/components/LinkPreviewContent.svelte.d.ts}

@@ -237,9 +237,9 @@ declare class __sveltets_Render<T extends Transition> {
         };
     };
 }
-export type HoverCardContentProps<T extends Transition> = ReturnType<__sveltets_Render<T>['props']>;
-export type HoverCardContentEvents<T extends Transition> = ReturnType<__sveltets_Render<T>['events']>;
-export type HoverCardContentSlots<T extends Transition> = ReturnType<__sveltets_Render<T>['slots']>;
-export default class HoverCardContent<T extends Transition> extends SvelteComponent<HoverCardContentProps<T>, HoverCardContentEvents<T>, HoverCardContentSlots<T>> {
+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 {};

package/dist/bits/{hover-card/components/HoverCardTrigger.svelte → link-preview/components/LinkPreviewTrigger.svelte}

@@ -16,7 +16,6 @@ const trigger = ctx.get().elements.trigger;
 		on:m-focus
 		on:m-pointerenter
 		on:m-pointerleave
-		on:m-touchstart
 	>
 		<slot builder={$trigger} />
 	</svelte:element>

package/dist/bits/{hover-card/components/HoverCardTrigger.svelte.d.ts → link-preview/components/LinkPreviewTrigger.svelte.d.ts}

@@ -234,7 +234,7 @@ declare const __propDef: {
             } & {
                 [x: `data-melt-${string}`]: "";
             } & {
-                action: (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"blur" | "focus" | "pointerenter" | "pointerleave" | "touchstart">;
+                action: (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"blur" | "focus" | "pointerenter" | "pointerleave">;
             };
         };
     };
@@ -243,12 +243,11 @@ declare const __propDef: {
         "m-focus"?: import("@melt-ui/svelte/internal/types").MeltEventHandler<FocusEvent> | undefined;
         "m-pointerenter"?: import("@melt-ui/svelte/internal/types").MeltEventHandler<PointerEvent> | undefined;
         "m-pointerleave"?: import("@melt-ui/svelte/internal/types").MeltEventHandler<PointerEvent> | undefined;
-        "m-touchstart"?: import("@melt-ui/svelte/internal/types").MeltEventHandler<TouchEvent> | undefined;
     };
 };
-export type HoverCardTriggerProps = typeof __propDef.props;
-export type HoverCardTriggerEvents = typeof __propDef.events;
-export type HoverCardTriggerSlots = typeof __propDef.slots;
-export default class HoverCardTrigger extends SvelteComponent<HoverCardTriggerProps, HoverCardTriggerEvents, HoverCardTriggerSlots> {
+export type LinkPreviewTriggerProps = typeof __propDef.props;
+export type LinkPreviewTriggerEvents = typeof __propDef.events;
+export type LinkPreviewTriggerSlots = typeof __propDef.slots;
+export default class LinkPreviewTrigger extends SvelteComponent<LinkPreviewTriggerProps, LinkPreviewTriggerEvents, LinkPreviewTriggerSlots> {
 }
 export {};

package/dist/bits/{hover-card → link-preview}/ctx.d.ts

@@ -1,18 +1,18 @@
 /// <reference types="svelte" />
-import { type CreateHoverCardProps, type HoverCard as HoverCardReturn } from "@melt-ui/svelte";
+import { type CreateLinkPreviewProps, type LinkPreview as LinkPreviewReturn } from "@melt-ui/svelte";
 export declare const ctx: {
     set: typeof set;
     get: typeof get;
 };
-declare function get(): HoverCardReturn;
-declare function set(props: CreateHoverCardProps): {
+declare function get(): LinkPreviewReturn;
+declare function set(props: CreateLinkPreviewProps): {
     updateOption: <K extends string, V extends unknown>(key: K, value: V | undefined) => void;
     elements: {
         trigger: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[{
             update: (updater: import("svelte/store").Updater<boolean>, sideEffect?: ((newValue: boolean) => void) | undefined) => void;
             set: (this: void, value: boolean) => void;
             subscribe(this: void, run: import("svelte/store").Subscriber<boolean>, invalidate?: import("svelte/store").Invalidator<boolean> | undefined): import("svelte/store").Unsubscriber;
-        }], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"blur" | "focus" | "pointerenter" | "pointerleave" | "touchstart">, ([$open]: [boolean]) => {
+        }], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"blur" | "focus" | "pointerenter" | "pointerleave">, ([$open]: [boolean]) => {
             role: "button";
             'aria-haspopup': "dialog";
             'aria-expanded': boolean;

package/dist/bits/{hover-card → link-preview}/ctx.js

@@ -1,5 +1,5 @@
 import { getOptionUpdater, removeUndefined } from "../../internal/index.js";
-import { createHoverCard } from "@melt-ui/svelte";
+import { createLinkPreview } from "@melt-ui/svelte";
 import { getContext, setContext } from "svelte";
 const NAME = "hovercard";
 export const ctx = {
@@ -10,7 +10,7 @@ function get() {
     return getContext(NAME);
 }
 function set(props) {
-    const hovercard = createHoverCard({
+    const hovercard = createLinkPreview({
         ...removeUndefined(props),
         forceVisible: true
     });

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

@@ -0,0 +1,5 @@
+import Root from "./components/LinkPreview.svelte";
+import Content from "./components/LinkPreviewContent.svelte";
+import Trigger from "./components/LinkPreviewTrigger.svelte";
+export { Root, Content, Trigger, Root as LinkPreview, Content as LinkPreviewContent, Trigger as LinkPreviewTrigger };
+export * from "./types.js";

package/dist/bits/link-preview/index.js

@@ -0,0 +1,7 @@
+import Root from "./components/LinkPreview.svelte";
+import Content from "./components/LinkPreviewContent.svelte";
+import Trigger from "./components/LinkPreviewTrigger.svelte";
+export { Root, Content, Trigger, 
+//
+Root as LinkPreview, Content as LinkPreviewContent, Trigger as LinkPreviewTrigger };
+export * from "./types.js";

package/dist/bits/{hover-card → link-preview}/types.d.ts

@@ -1,15 +1,15 @@
 import type { OmitOpen, Expand, HTMLDivAttributes, OnChangeFn, Transition, TransitionParams, AsChild } from "../../internal/index.js";
-import type { CreateHoverCardProps, HoverCardComponentEvents } from "@melt-ui/svelte";
+import type { CreateLinkPreviewProps, LinkPreviewComponentEvents } from "@melt-ui/svelte";
 import type { HTMLAnchorAttributes } from "svelte/elements";
-type Props = Expand<OmitOpen<CreateHoverCardProps> & {
-    open?: CreateHoverCardProps["defaultOpen"];
-    onOpenChange?: OnChangeFn<CreateHoverCardProps["defaultOpen"]>;
+type Props = Expand<OmitOpen<CreateLinkPreviewProps> & {
+    open?: CreateLinkPreviewProps["defaultOpen"];
+    onOpenChange?: OnChangeFn<CreateLinkPreviewProps["defaultOpen"]>;
 }>;
 type TriggerProps = AsChild & HTMLAnchorAttributes;
 type ContentProps<T extends Transition = Transition> = {
     transition?: T;
     transitionConfig?: TransitionParams<T>;
 } & AsChild & HTMLDivAttributes;
-type TriggerEvents = HoverCardComponentEvents["trigger"];
-type ContentEvents = HoverCardComponentEvents["content"];
+type TriggerEvents = LinkPreviewComponentEvents["trigger"];
+type ContentEvents = LinkPreviewComponentEvents["content"];
 export type { Props, TriggerProps, ContentProps, Props as HoverCardProps, TriggerProps as HoverCardTriggerProps, ContentProps as HoverCardContentProps, TriggerEvents, ContentEvents, TriggerEvents as HoverCardTriggerEvents, ContentEvents as HoverCardContentEvents };

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

@@ -2,14 +2,19 @@
 import { ctx } from "../ctx.js";
 export let sideOffset = 4;
 export let asChild = false;
-const menu = ctx.getContent(sideOffset).elements.menu;
+const {
+  elements: { menu },
+  states: { open }
+} = ctx.getContent(sideOffset);
 </script>
 
 <!-- svelte-ignore a11y-no-static-element-interactions / applied by melt's builder-->
-{#if asChild}
-	<slot builder={$menu} />
-{:else}
-	<div {...$menu} use:$menu.action {...$$restProps} on:m-keydown>
+{#if $open}
+	{#if asChild}
 		<slot builder={$menu} />
-	</div>
+	{:else}
+		<div {...$menu} use:$menu.action {...$$restProps} on:m-keydown>
+			<slot builder={$menu} />
+		</div>
+	{/if}
 {/if}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bits-ui",
-  "version": "0.0.21",
+  "version": "0.0.23",
   "license": "MIT",
   "exports": {
     ".": {
@@ -57,7 +57,7 @@
   "types": "./dist/index.d.ts",
   "type": "module",
   "dependencies": {
-    "@melt-ui/svelte": "0.36.0",
+    "@melt-ui/svelte": "0.37.2",
     "@sveltejs/adapter-vercel": "^3.0.3",
     "nanoid": "^4.0.2",
     "shiki": "^0.14.3",

package/dist/bits/hover-card/index.d.ts

@@ -1,5 +0,0 @@
-import Root from "./components/HoverCard.svelte";
-import Content from "./components/HoverCardContent.svelte";
-import Trigger from "./components/HoverCardTrigger.svelte";
-export { Root, Content, Trigger, Root as HoverCard, Content as HoverCardContent, Trigger as HoverCardTrigger };
-export * from "./types.js";

package/dist/bits/hover-card/index.js

@@ -1,7 +0,0 @@
-import Root from "./components/HoverCard.svelte";
-import Content from "./components/HoverCardContent.svelte";
-import Trigger from "./components/HoverCardTrigger.svelte";
-export { Root, Content, Trigger, 
-//
-Root as HoverCard, Content as HoverCardContent, Trigger as HoverCardTrigger };
-export * from "./types.js";