{
"$schema": "https://ui.shadcn.com/schema/registry-item.json",
"name": "dropdown-menu",
"dependencies": [
"@data-slot/dropdown-menu"
],
"registryDependencies": [
"button"
],
"files": [
{
"path": "ui/dropdown-menu/DropdownMenu.astro",
"content": "---\n// Generated from bejamas-juno style registry. Do not edit packages/ui/src/components/dropdown-menu/DropdownMenu.astro directly.\n/**\n * @component DropdownMenu\n * @title Dropdown Menu\n * @description Action and selection menus with runtime-owned open, highlight, and committed selection state.\n *\n * @preview\n * \n * Open\n * \n * Plans\n * \n * Starter\n * Pro\n * \n * \n * \n *\n * @usage\n *\n * ```astro nocollapse\n * ---\n * import {\n * DropdownMenu,\n * DropdownMenuTrigger,\n * DropdownMenuContent,\n * DropdownMenuItem,\n * DropdownMenuRadioItem,\n * } from '@bejamas/ui/components/dropdown-menu';\n * ---\n *\n * \n * Menu\n * \n * Item 1\n * \n * \n * ```\n *\n * @api\n *\n * ### Events\n *\n * The dropdown menu emits custom events that you can listen to:\n *\n * | Event | Detail | Description |\n * |-------|--------|-------------|\n * | `dropdown-menu:open-change` | `{ open, previousOpen, source, reason }` | Fired on real open-state changes |\n * | `dropdown-menu:change` | same detail | Deprecated alias for `dropdown-menu:open-change` |\n * | `dropdown-menu:highlight-change` | `{ value, previousValue, item, previousItem, source }` | Fired when highlight changes |\n * | `dropdown-menu:select` | `{ value, item, itemType, source, checked? }` | Cancelable user activation event fired before commit |\n * | `dropdown-menu:value-change` | `{ value, previousValue, item, previousItem, source }` | Fired when radio selection commits |\n * | `dropdown-menu:values-change` | `{ values, previousValues, changedValue, checked, item, source }` | Fired when checkbox selection commits |\n *\n * ```astro nocollapse\n * \n * Menu\n * \n * Edit\n * Delete\n * \n * \n * ```\n *\n * ```js nocollapse\n * const dropdown = document.getElementById('my-dropdown');\n *\n * dropdown.addEventListener('dropdown-menu:open-change', (e) => {\n * console.log('Is open:', e.detail.open);\n * });\n *\n * dropdown.addEventListener('dropdown-menu:value-change', (e) => {\n * console.log('Selected:', e.detail.value);\n * });\n * ```\n *\n * ### Programmatic Control\n *\n * You can control the dropdown menu programmatically by dispatching a `dropdown-menu:set` event:\n *\n * ```js nocollapse\n * const dropdown = document.getElementById('my-dropdown');\n *\n * // Open the dropdown menu\n * dropdown.dispatchEvent(new CustomEvent('dropdown-menu:set', {\n * detail: { open: true }\n * }));\n *\n * // Commit radio selection\n * dropdown.dispatchEvent(new CustomEvent('dropdown-menu:set', {\n * detail: { value: 'delete', source: 'restore' }\n * }));\n *\n * // Commit checkbox selection\n * dropdown.dispatchEvent(new CustomEvent('dropdown-menu:set', {\n * detail: { values: ['email', 'push'], source: 'restore' }\n * }));\n * ```\n *\n * ### Structural Wrappers\n *\n * `DropdownMenuPortal` and `DropdownMenuRadioGroup` are available for low-level authored markup.\n * Most consumers should keep using `DropdownMenuContent` directly.\n *\n * ### Data Attributes\n *\n * The dropdown menu sets these data attributes that you can use for styling or querying state:\n *\n * | Attribute | Element | Description |\n * |-----------|---------|-------------|\n * | `data-state` | dropdown-menu, dropdown-menu-content | Current state (`open` or `closed`) |\n * | `data-value` | dropdown-menu | Current committed radio value |\n * | `data-variant` | dropdown-menu-item | Visual variant (`default` or `destructive`) |\n * | `data-side` | dropdown-menu-content | Computed position (`top`, `right`, `bottom`, or `left`) |\n * | `data-align` | dropdown-menu-content | Alignment (`start`, `center`, or `end`) |\n * | `data-highlighted` | menu items | Present when item is focused |\n * | `data-checked` | radio and checkbox items | Present when item is committed as checked |\n * | `data-disabled` | menu items | Present when item is disabled |\n *\n * @examples\n *\n * ### Action Menu\n *\n * \n * \n * \n * Actions\n * \n * Edit\n * Duplicate\n * \n * \n * Delete\n * \n * \n *\n * ### Single Select\n *\n * \n * \n * \n * Starter\n * Pro\n * Team\n * \n * \n *\n * ### Multi Select\n *\n * \n * \n * \n * Email\n * SMS\n * Push\n * \n * \n */\n\nimport type { HTMLAttributes } from \"astro/types\";\nimport { cn } from \"@/lib/utils\";\n\ninterface Props extends HTMLAttributes<\"div\"> {\n defaultOpen?: boolean;\n defaultValue?: string | null;\n defaultValues?: string[];\n closeOnClickOutside?: boolean;\n closeOnEscape?: boolean;\n closeOnSelect?: boolean;\n lockScroll?: boolean;\n highlightItemOnHover?: boolean;\n class?: string;\n}\n\nconst {\n defaultOpen,\n defaultValue,\n defaultValues,\n closeOnClickOutside,\n closeOnEscape,\n closeOnSelect,\n lockScroll,\n highlightItemOnHover,\n class: className = \"\",\n ...rest\n} = Astro.props as Props;\n\nconst hasProp = (name: keyof Props) =>\n Object.prototype.hasOwnProperty.call(Astro.props, name);\nconst defaultValuesJson =\n defaultValues !== undefined ? JSON.stringify(defaultValues) : undefined;\n---\n\n\n \n\n\n\n",
"type": "registry:ui"
},
{
"path": "ui/dropdown-menu/DropdownMenuContent.astro",
"content": "---\n// Generated from bejamas-juno style registry. Do not edit packages/ui/src/components/dropdown-menu/DropdownMenuContent.astro directly.\nimport type { HTMLAttributes } from \"astro/types\";\nimport { cn } from \"@/lib/utils\";\n\ninterface Props extends HTMLAttributes<\"div\"> {\n align?: \"start\" | \"center\" | \"end\";\n alignOffset?: number;\n side?: \"top\" | \"bottom\" | \"left\" | \"right\";\n sideOffset?: number;\n class?: string;\n}\n\nconst {\n align = \"start\",\n alignOffset = 0,\n side = \"bottom\",\n sideOffset = 4,\n class: className = \"\",\n ...rest\n} = Astro.props as Props;\n---\n\n
\n
\n \n \n
\n
\n\n",
"type": "registry:ui"
},
{
"path": "ui/dropdown-menu/DropdownMenuGroup.astro",
"content": "---\n// Generated from bejamas-juno style registry. Do not edit packages/ui/src/components/dropdown-menu/DropdownMenuGroup.astro directly.\nimport type { HTMLAttributes } from \"astro/types\";\nimport { cn } from \"@/lib/utils\";\n\ninterface Props extends HTMLAttributes<\"div\"> {\n class?: string;\n}\n\nconst { class: className = \"\", ...rest } = Astro.props as Props;\n---\n\n\n \n\n",
"type": "registry:ui"
},
{
"path": "ui/dropdown-menu/DropdownMenuItem.astro",
"content": "---\n// Generated from bejamas-juno style registry. Do not edit packages/ui/src/components/dropdown-menu/DropdownMenuItem.astro directly.\nimport type { HTMLAttributes } from \"astro/types\";\nimport { cn } from \"@/lib/utils\";\n\ninterface Props extends HTMLAttributes<\"div\"> {\n disabled?: boolean;\n inset?: boolean;\n value?: string;\n variant?: \"default\" | \"destructive\";\n class?: string;\n}\n\nconst {\n disabled = false,\n inset = false,\n value,\n variant = \"default\",\n class: className = \"\",\n ...rest\n} = Astro.props as Props;\n---\n\n\n \n\n",
"type": "registry:ui"
},
{
"path": "ui/dropdown-menu/DropdownMenuLabel.astro",
"content": "---\n// Generated from bejamas-juno style registry. Do not edit packages/ui/src/components/dropdown-menu/DropdownMenuLabel.astro directly.\nimport type { HTMLAttributes } from \"astro/types\";\nimport { cn } from \"@/lib/utils\";\n\ninterface Props extends HTMLAttributes<\"div\"> {\n inset?: boolean;\n class?: string;\n}\n\nconst { inset = false, class: className = \"\", ...rest } = Astro.props as Props;\n---\n\n\n \n\n",
"type": "registry:ui"
},
{
"path": "ui/dropdown-menu/DropdownMenuSeparator.astro",
"content": "---\n// Generated from bejamas-juno style registry. Do not edit packages/ui/src/components/dropdown-menu/DropdownMenuSeparator.astro directly.\nimport type { HTMLAttributes } from \"astro/types\";\nimport { cn } from \"@/lib/utils\";\n\ninterface Props extends HTMLAttributes<\"div\"> {\n class?: string;\n}\n\nconst { class: className = \"\", ...rest } = Astro.props as Props;\n---\n\n\n\n",
"type": "registry:ui"
},
{
"path": "ui/dropdown-menu/DropdownMenuShortcut.astro",
"content": "---\n// Generated from bejamas-juno style registry. Do not edit packages/ui/src/components/dropdown-menu/DropdownMenuShortcut.astro directly.\nimport type { HTMLAttributes } from \"astro/types\";\nimport { cn } from \"@/lib/utils\";\n\ninterface Props extends HTMLAttributes<\"span\"> {\n class?: string;\n}\n\nconst { class: className = \"\", ...rest } = Astro.props as Props;\n---\n\n\n \n\n",
"type": "registry:ui"
},
{
"path": "ui/dropdown-menu/DropdownMenuTrigger.astro",
"content": "---\n// Generated from bejamas-juno style registry. Do not edit packages/ui/src/components/dropdown-menu/DropdownMenuTrigger.astro directly.\nimport { cn } from \"@/lib/utils\";\nimport { Button } from \"../button\";\nimport type { Props as ButtonProps } from \"../button/Button.astro\";\n\ntype Props = ButtonProps & {\n class?: string;\n /** Radix-like: render wrapper so the child can be the interactive element */\n asChild?: boolean;\n};\n\nconst { class: className = \"\", asChild = false, ...rest } = Astro.props as Props;\n---\n\n{\n asChild ? (\n
\n \n
\n ) : (\n \n \n \n )\n}\n",
"type": "registry:ui"
},
{
"path": "ui/dropdown-menu/index.ts",
"content": "// Generated from bejamas-juno style registry. Do not edit packages/ui/src/components/dropdown-menu/index.ts directly.\nexport { default as DropdownMenu } from \"./DropdownMenu.astro\";\nexport { default as DropdownMenuPortal } from \"./DropdownMenuPortal.astro\";\nexport { default as DropdownMenuTrigger } from \"./DropdownMenuTrigger.astro\";\nexport { default as DropdownMenuContent } from \"./DropdownMenuContent.astro\";\nexport { default as DropdownMenuGroup } from \"./DropdownMenuGroup.astro\";\nexport { default as DropdownMenuLabel } from \"./DropdownMenuLabel.astro\";\nexport { default as DropdownMenuItem } from \"./DropdownMenuItem.astro\";\nexport { default as DropdownMenuRadioGroup } from \"./DropdownMenuRadioGroup.astro\";\nexport { default as DropdownMenuRadioItem } from \"./DropdownMenuRadioItem.astro\";\nexport { default as DropdownMenuCheckboxItem } from \"./DropdownMenuCheckboxItem.astro\";\nexport { default as DropdownMenuSeparator } from \"./DropdownMenuSeparator.astro\";\nexport { default as DropdownMenuShortcut } from \"./DropdownMenuShortcut.astro\";\n",
"type": "registry:ui"
},
{
"path": "ui/dropdown-menu/DropdownMenuPortal.astro",
"type": "registry:ui",
"content": "---\nimport type { HTMLAttributes } from \"astro/types\";\n\ninterface Props extends HTMLAttributes<\"div\"> {\n class?: string;\n}\n\nconst { class: className = \"\", ...rest } = Astro.props as Props;\n---\n\n