Clean: command menu don't rely on close from dialog comp

Author: clearfeld

packages/_site/src/pages/playground/command_menu_group.tsx

@@ -35,11 +35,6 @@ const page_styles = stylex.create({
 		gap: "1rem",
 	},
 
-	close_pos: {
-		top: "0.5rem",
-		right: "0.5rem",
-	},
-
 	p_tag: {
 		background: "var(--color-bg-compliment)",
 		padding: "0.5rem",
@@ -98,7 +93,6 @@ function CommandDialogDemo() {
 			<CommandDialog
 				open={open}
 				onOpenChange={setOpen}
-				closeExtend={page_styles.close_pos}
 			>
 				<CommandMenuPortion />
 			</CommandDialog>

packages/_site/src/pages/playground/index.tsx

@@ -39,7 +39,6 @@ import CommandMenuGroup from "./command_menu_group";
 import LozengeGroup from "./lozenge_group";
 import CodeBlockGroup from "./code_block_group";
 import VisuallyHiddenGroup from "./visually_hidden_group";
-import { useEffect } from "react";
 
 const page_styles = stylex.create({
 	base: {

packages/command_menu/lib/index.tsx

@@ -9,7 +9,6 @@ import { Command as CommandPrimitive } from "cmdk";
 import { Dialog, DialogContent, DialogTitle } from "@controlkit/dialog";
 
 type ExtendProps = { extend?: stylex.StyleXStyles };
-type CloseExtendProps = { closeExtend?: stylex.StyleXStyles };
 
 const styles = stylex.create({
 	command: {
@@ -140,16 +139,14 @@ interface CommandDialogProps extends DialogProps {}
 const CommandDialog = ({
 	children,
 	extend,
-	closeExtend,
 	...props
-}: CommandDialogProps & ExtendProps & CloseExtendProps) => {
+}: CommandDialogProps & ExtendProps) => {
 	return (
 		<Dialog {...props}>
 			<DialogTitle extend={styles.dialog_title}>Command Menu Palette</DialogTitle>
 
 			<DialogContent
 				{...stylex.props(styles.dialog_content)}
-				closeExtend={closeExtend}
 			>
 				<Command {...stylex.props(extend)}>{children}</Command>
 			</DialogContent>

packages/command_menu/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@controlkit/command-menu",
-	"version": "0.1.0",
+	"version": "0.2.0",
 	"type": "module",
 	"module": "dist/index.js",
 	"types": "dist/lib/index.d.ts",