@controlkit/command-menu
Advanced tools
+25
-20
| import { jsx, jsxs } from 'react/jsx-runtime'; | ||
| import * as stylex from '@stylexjs/stylex'; | ||
| import { Command as Command$1 } from 'cmdk'; | ||
| import { forwardRef } from 'react'; | ||
| import * as DialogPrimitive from '@radix-ui/react-dialog'; | ||
@@ -75,5 +74,14 @@ | ||
| }); | ||
| const Dialog = DialogPrimitive.Root; | ||
| const DialogPortal = DialogPrimitive.Portal; | ||
| const DialogOverlay = forwardRef(({ className, extend, ...props }, ref) => /* @__PURE__ */ jsx( | ||
| const Dialog = ({ ...props }) => /* @__PURE__ */ jsx(DialogPrimitive.Root, { ...props }); | ||
| Dialog.displayName = DialogPrimitive.Root.displayName; | ||
| DialogPrimitive.Trigger.displayName; | ||
| const DialogPortal = ({ ...props }) => /* @__PURE__ */ jsx(DialogPrimitive.Portal, { ...props }); | ||
| DialogPortal.displayName = DialogPrimitive.Portal.displayName; | ||
| DialogPrimitive.Close.displayName; | ||
| const DialogOverlay = ({ | ||
| className, | ||
| extend, | ||
| ref, | ||
| ...props | ||
| }) => /* @__PURE__ */ jsx( | ||
| DialogPrimitive.Overlay, | ||
@@ -86,5 +94,5 @@ { | ||
| } | ||
| )); | ||
| ); | ||
| DialogOverlay.displayName = DialogPrimitive.Overlay.displayName; | ||
| const DialogContent = forwardRef(({ | ||
| const DialogContent = ({ | ||
| className, | ||
@@ -94,4 +102,5 @@ extend, | ||
| children, | ||
| ref, | ||
| ...props | ||
| }, ref) => /* @__PURE__ */ jsxs(DialogPortal, { children: [ | ||
| }) => /* @__PURE__ */ jsxs(DialogPortal, { children: [ | ||
| /* @__PURE__ */ jsx(DialogOverlay, {}), | ||
@@ -108,5 +117,10 @@ /* @__PURE__ */ jsx( | ||
| ) | ||
| ] })); | ||
| ] }); | ||
| DialogContent.displayName = DialogPrimitive.Content.displayName; | ||
| const DialogTitle = forwardRef(({ className, extend, ...props }, ref) => /* @__PURE__ */ jsx( | ||
| const DialogTitle = ({ | ||
| className, | ||
| extend, | ||
| ref, | ||
| ...props | ||
| }) => /* @__PURE__ */ jsx( | ||
| DialogPrimitive.Title, | ||
@@ -119,14 +133,5 @@ { | ||
| } | ||
| )); | ||
| ); | ||
| DialogTitle.displayName = DialogPrimitive.Title.displayName; | ||
| const DialogDescription = forwardRef(({ className, extend, ...props }, ref) => /* @__PURE__ */ jsx( | ||
| DialogPrimitive.Description, | ||
| { | ||
| ref, | ||
| className, | ||
| ...stylex.props(styles$1.description, extend), | ||
| ...props | ||
| } | ||
| )); | ||
| DialogDescription.displayName = DialogPrimitive.Description.displayName; | ||
| DialogPrimitive.Description.displayName; | ||
@@ -133,0 +138,0 @@ const styles = stylex.create({ |
+2
-2
| { | ||
| "name": "@controlkit/command-menu", | ||
| "version": "0.3.1", | ||
| "version": "0.3.2", | ||
| "type": "module", | ||
@@ -15,3 +15,3 @@ "module": "dist/index.js", | ||
| "peerDependencies": { | ||
| "@controlkit/dialog": "workspace:*", | ||
| "@controlkit/dialog": "0.2.1", | ||
| "@stylexjs/stylex": "0.10.1", | ||
@@ -18,0 +18,0 @@ "react": "19.0.0", |
401
1.26%13144
-0.2%