{"version":3,"file":"Command.cjs","sources":["../../../../src/components/overlay/command/Command.tsx"],"sourcesContent":["import { Dialog as BaseDialog } from '@base-ui/react/dialog'\r\nimport { memo } from 'react'\r\n\r\nimport {\r\n    CommandContent,\r\n    CommandEmpty,\r\n    CommandGroup,\r\n    CommandInput,\r\n    CommandItem,\r\n    CommandList,\r\n    CommandSeparator,\r\n    CommandTrigger,\r\n} from '@components/overlay/command/components'\r\nimport type { CommandCompound } from '@components/overlay/command/types'\r\nimport type { CommandProps } from '@components/overlay/command/types/Command.props.ts'\r\n\r\n/**\r\n * A modal command palette for action search and keyboard navigation.\r\n *\r\n * Built on Base UI Dialog for focus-trap, backdrop, Escape-key dismiss and\r\n * portal rendering. Compose with the named sub-components:\r\n *\r\n * - `Command.Trigger` — element that opens the palette.\r\n * - `Command.Content` — the modal panel; creates the search context.\r\n * - `Command.Input` — the combobox search field.\r\n * - `Command.List` — the scrollable results container (`role=\"listbox\"`).\r\n * - `Command.Group` — a labeled section inside the list.\r\n * - `Command.Item` — a single activatable command (`role=\"option\"`).\r\n * - `Command.Empty` — shown when no items match the current search.\r\n * - `Command.Separator` — horizontal divider between groups.\r\n *\r\n * @example\r\n * ```tsx\r\n * <Command>\r\n *   <Command.Trigger>\r\n *     <Button label=\"Open command palette\" variant=\"outlined\" color=\"primary\" />\r\n *   </Command.Trigger>\r\n *   <Command.Content>\r\n *     <Command.Input placeholder=\"Search actions…\" />\r\n *     <Command.List aria-label=\"Commands\">\r\n *       <Command.Group label=\"Actions\">\r\n *         <Command.Item icon=\"lucide:pencil\" shortcut=\"⌘E\" onSelect={() => {}}>\r\n *           Edit profile\r\n *         </Command.Item>\r\n *         <Command.Item icon=\"lucide:settings\" shortcut=\"⌘S\" onSelect={() => {}}>\r\n *           Settings\r\n *         </Command.Item>\r\n *       </Command.Group>\r\n *       <Command.Separator />\r\n *       <Command.Group label=\"Navigation\">\r\n *         <Command.Item icon=\"lucide:home\" onSelect={() => {}}>\r\n *           Go to dashboard\r\n *         </Command.Item>\r\n *       </Command.Group>\r\n *       <Command.Empty>No results found.</Command.Empty>\r\n *     </Command.List>\r\n *   </Command.Content>\r\n * </Command>\r\n * ```\r\n */\r\nconst Command = memo<CommandProps>(({ defaultOpen = false, ...props }) => (\r\n    <BaseDialog.Root\r\n        {...props}\r\n        defaultOpen={defaultOpen}\r\n    />\r\n)) as unknown as CommandCompound\r\n\r\nCommand.displayName = 'Command'\r\nCommand.Trigger = CommandTrigger\r\nCommand.Content = CommandContent\r\nCommand.Input = CommandInput\r\nCommand.List = CommandList\r\nCommand.Group = CommandGroup\r\nCommand.Item = CommandItem\r\nCommand.Empty = CommandEmpty\r\nCommand.Separator = CommandSeparator\r\n\r\nexport { Command }\r\n"],"names":["Command","memo","defaultOpen","props","jsx","BaseDialog","CommandTrigger","CommandContent","CommandInput","CommandList","CommandGroup","CommandItem","CommandEmpty","CommandSeparator"],"mappings":"+nBA4DMA,EAAUC,EAAAA,KAAmB,CAAC,CAAE,YAAAC,EAAc,GAAO,GAAGC,KAC1DC,EAAAA,IAACC,EAAAA,OAAW,KAAX,CACI,GAAGF,EACJ,YAAAD,CAAA,CACJ,CACH,EAEDF,EAAQ,YAAc,UACtBA,EAAQ,QAAUM,EAClBN,EAAQ,QAAUO,EAClBP,EAAQ,MAAQQ,EAChBR,EAAQ,KAAOS,EACfT,EAAQ,MAAQU,EAChBV,EAAQ,KAAOW,EACfX,EAAQ,MAAQY,EAChBZ,EAAQ,UAAYa"}