hotfix: bug (#74)

.changeset/shiny-icons-smile.md

@@ -0,0 +1,5 @@
+---
+"bits-ui": patch
+---
+
+hotfix: bug

package.json

@@ -74,7 +74,7 @@
 	"types": "./dist/index.d.ts",
 	"type": "module",
 	"dependencies": {
-		"@melt-ui/svelte": "0.37.2",
+		"@melt-ui/svelte": "0.37.5",
 		"@sveltejs/adapter-vercel": "^3.0.3",
 		"nanoid": "^4.0.2",
 		"shiki": "^0.14.3",

src/components/demos/alert-dialog-demo.svelte

@@ -1,11 +1,9 @@
 <script lang="ts">
 	import * as AlertDialog from "@/components/ui/alert-dialog";
 	import { Button } from "@/components/ui/button";
-
-	let open = false;
 </script>
 
-<AlertDialog.Root bind:open>
+<AlertDialog.Root>
 	<AlertDialog.Trigger asChild let:builder>
 		<Button builders={[builder]} variant="outline">Show Dialog</Button>
 	</AlertDialog.Trigger>

src/components/demos/select-demo.svelte

@@ -8,17 +8,20 @@
 		{ value: "grapes", label: "Grapes" },
 		{ value: "pineapple", label: "Pineapple" }
 	];
+	let value: any;
 </script>
 
-<Select.Root>
+<Select.Root bind:value>
 	<Select.Trigger class="w-[180px]">
 		<Select.Value placeholder="Select a fruit" />
 	</Select.Trigger>
 	<Select.Content>
 		<Select.Group>
 			<Select.Label>Fruits</Select.Label>
 			{#each fruits as fruit}
-				<Select.Item value={fruit.value} label={fruit.label}>{fruit.label}</Select.Item>
+				<Select.Item value={fruit.value} label={fruit.label} on:m-click={() => console.log("click")}
+					>{fruit.label}</Select.Item
+				>
 			{/each}
 		</Select.Group>
 	</Select.Content>

src/components/ui/alert-dialog/index.ts

@@ -1,5 +1,4 @@
 import { AlertDialog as AlertDialogPrimitive } from "@/lib";
-
 const Root = AlertDialogPrimitive.Root;
 const Trigger = AlertDialogPrimitive.Trigger;
 
@@ -12,6 +11,7 @@ import Header from "./alert-dialog-header.svelte";
 import Overlay from "./alert-dialog-overlay.svelte";
 import Content from "./alert-dialog-content.svelte";
 import Description from "./alert-dialog-description.svelte";
+
 import type { TransitionConfig } from "svelte/transition";
 import { cubicOut } from "svelte/easing";
 

src/components/ui/select/select-content.svelte

@@ -7,9 +7,6 @@
 
 	let className: $$Props["class"] = undefined;
 	export { className as class };
-
-	const some =
-		"data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1";
 </script>
 
 <SelectPrimitive.Content

src/lib/bits/alert-dialog/components/AlertDialog.svelte

@@ -4,7 +4,7 @@
 	import type { Props } from "../types.js";
 	import type { TransitionTimes } from "$lib/internal/types.js";
 	import { onDestroy } from "svelte";
-	import { isBrowser } from "$lib/internal/index.js";
+	import { isBrowser } from "$lib/internal/is.js";
 
 	type $$Props = Props;
 

src/lib/bits/dialog/components/Dialog.svelte

@@ -1,10 +1,10 @@
 <script lang="ts">
+	import { onDestroy } from "svelte";
 	import { writable } from "svelte/store";
 	import { ctx } from "../ctx.js";
 	import type { Props } from "../types.js";
 	import type { TransitionTimes } from "$lib/internal/types.js";
-	import { isBrowser } from "$lib/internal/index.js";
-	import { onDestroy } from "svelte";
+	import { isBrowser } from "$lib/internal/is.js";
 
 	type $$Props = Props;
 

src/lib/internal/helpers.ts

@@ -3,7 +3,7 @@ import { nanoid } from "nanoid/non-secure";
 import type { Writable } from "svelte/store";
 import type { ActionReturn } from "svelte/action";
 import type { Builder, Transition, TransitionParams, TransitionTimesStore } from "./types.js";
-import { isBrowser } from "$lib/internal/index.js";
+import { isBrowser } from "./is.js";
 
 export function noop() {
 	// do nothing

src/lib/internal/index.ts

@@ -1,3 +1,3 @@
+export * from "./is.js";
 export * from "./helpers.js";
 export * from "./types.js";
-export * from "./is.js";