var Component=(()=>{var T=Object.create;var l=Object.defineProperty;var S=Object.getOwnPropertyDescriptor;var v=Object.getOwnPropertyNames;var k=Object.getPrototypeOf,P=Object.prototype.hasOwnProperty;var j=(a,n)=>()=>(n||a((n={exports:{}}).exports,n),n.exports),w=(a,n)=>{for(var m in n)l(a,m,{get:n[m],enumerable:!0})},f=(a,n,m,d)=>{if(n&&typeof n=="object"||typeof n=="function")for(let t of v(n))!P.call(a,t)&&t!==m&&l(a,t,{get:()=>n[t],enumerable:!(d=S(n,t))||d.enumerable});return a};var _=(a,n,m)=>(m=a!=null?T(k(a)):{},f(n||!a||!a.__esModule?l(m,"default",{value:a,enumerable:!0}):m,a)),L=a=>f(l({},"__esModule",{value:!0}),a);var x=j((R,b)=>{b.exports=_jsx_runtime});var E={};w(E,{default:()=>y,frontmatter:()=>M});var e=_(x()),M={title:"Command",description:"Fast, composable, unstyled command menu for React.",links:{github:{href:"https://github.com/Radian-os/radianos/blob/main/apps/website/src/registry/ui/command.tsx"},externalReference:[{label:"cmdk",href:"https://cmdk.paco.me/"}]}};function I(a){let n={h2:"h2",h3:"h3",hr:"hr",...a.components},{CodeSnippet:m,ComponentPreview:d,ComponentSource:t,PackageManagerTabs:s,PropsTable:h,PropsTableWrapper:C,Step:c,Steps:g,Tabs:p,TabsContent:r,TabsList:u,TabsTrigger:i}=n;return m||o("CodeSnippet",!0),d||o("ComponentPreview",!0),t||o("ComponentSource",!0),s||o("PackageManagerTabs",!0),h||o("PropsTable",!0),C||o("PropsTableWrapper",!0),c||o("Step",!0),g||o("Steps",!0),p||o("Tabs",!0),r||o("TabsContent",!0),u||o("TabsList",!0),i||o("TabsTrigger",!0),(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)(d,{path:"command/command-preview"}),` `,(0,e.jsx)(n.h2,{id:"installation",children:"Installation"}),` `,(0,e.jsxs)(p,{defaultValue:"cli",children:[(0,e.jsxs)(u,{children:[(0,e.jsx)(i,{value:"cli",children:"CLI"}),(0,e.jsx)(i,{value:"manual",children:"Manual"})]}),(0,e.jsx)(r,{value:"cli",className:"p-0",children:(0,e.jsx)(s,{commands:{pnpm:"pnpm dlx radianui@latest add command",npm:"npx radianui@latest add command",yarn:"yarn radianui@latest add command",bun:"bunx radianui@latest add command"}})}),(0,e.jsx)(r,{value:"manual",className:"p-0",children:(0,e.jsxs)(g,{children:[(0,e.jsx)(c,{children:"Install the following dependencies:"}),(0,e.jsx)(s,{commands:{pnpm:"pnpm add cmdk radix-ui/react-dialog",npm:"npm install cmdk radix-ui/react-dialog",yarn:"yarn add cmdk radix-ui/react-dialog",bun:"bun add cmdk radix-ui/react-dialog"}}),(0,e.jsx)(c,{children:"Copy and paste the following code into your project."}),(0,e.jsxs)(p,{defaultValue:"command",children:[(0,e.jsxs)(u,{children:[(0,e.jsx)(i,{value:"command",children:"Command"}),(0,e.jsx)(i,{value:"dialog",children:"Dialog"})]}),(0,e.jsx)(r,{value:"command",children:(0,e.jsx)(t,{name:"command",title:"components/ui/command.tsx",collapsible:!0})}),(0,e.jsx)(r,{value:"dialog",children:(0,e.jsx)(t,{name:"dialog",title:"components/ui/dialog.tsx",collapsible:!0})})]}),(0,e.jsx)(c,{children:"Update the import paths as per your project structure."})]})})]}),` `,(0,e.jsx)(n.h2,{id:"usage",children:"Usage"}),` `,(0,e.jsx)(n.h3,{id:"imports",children:"Imports"}),` `,(0,e.jsx)(m,{title:"/components/ui/command",code:'import { Command, CommandDivider, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandShortcut } from "@/components/ui/command"'}),` `,(0,e.jsx)(n.h3,{id:"code",children:"Code"}),` `,(0,e.jsx)(m,{title:"/components/ui/command",code:` No results found. Calendar Search Emoji Calculator Profile Billing Settings `}),` `,(0,e.jsx)(n.hr,{}),` `,(0,e.jsx)(n.h2,{id:"props",children:"Props"}),` `,(0,e.jsx)(C,{children:(0,e.jsx)(h,{title:"Command",externalReference:"https://github.com/pacocoursey/cmdk",data:[]})})]})}function y(a={}){let{wrapper:n}=a.components||{};return n?(0,e.jsx)(n,{...a,children:(0,e.jsx)(I,{...a})}):I(a)}function o(a,n){throw new Error("Expected "+(n?"component":"object")+" `"+a+"` to be defined: you likely forgot to import, pass, or provide it.")}return L(E);})(); ;return Component;