@drivenets/design-system 0.0.2 → 0.0.3

package/dist/components/ds-dropdown-menu/ds-dropdown-menu.js

@@ -0,0 +1,280 @@
+import ds_icon_default from "../ds-icon/ds-icon.js";
+import "../ds-icon/index.js";
+import ds_typography_default from "../ds-typography/ds-typography.js";
+import ds_dropdown_menu_module_default from "./ds-dropdown-menu.module.js";
+import ds_text_input_default from "../ds-text-input/ds-text-input.js";
+import classNames from "classnames";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Fragment, createContext, useContext, useState } from "react";
+import * as DropdownMenu from "@radix-ui/react-dropdown-menu";
+import { Menu } from "@ark-ui/react/menu";
+import { Portal } from "@ark-ui/react/portal";
+
+//#region src/components/ds-dropdown-menu/ds-dropdown-menu.tsx
+const GroupContext = createContext(null);
+const DEFAULT_POSITIONING = {
+	placement: "bottom-start",
+	gutter: 4
+};
+/**
+* Root component - manages dropdown state
+*/
+const Root = ({ open, onOpenChange, onSelect, onHighlightChange, positioning: customPositioning, preventCloseOnSelect = false, children }) => {
+	const positioning = {
+		...DEFAULT_POSITIONING,
+		...customPositioning
+	};
+	return /* @__PURE__ */ jsx(Menu.Root, {
+		open,
+		onOpenChange: (details) => onOpenChange?.(details.open),
+		onSelect: (details) => onSelect?.(details.value),
+		onHighlightChange: (details) => onHighlightChange?.(details.highlightedValue),
+		positioning,
+		closeOnSelect: !preventCloseOnSelect,
+		children
+	});
+};
+/**
+* Trigger component - wraps the trigger element
+*/
+const Trigger = Menu.Trigger;
+/**
+* Content component - wraps the dropdown content
+*/
+const Content = ({ disablePortal = false, children, className, style }) => {
+	return /* @__PURE__ */ jsx(disablePortal ? Fragment : Portal, { children: /* @__PURE__ */ jsx(Menu.Positioner, { children: /* @__PURE__ */ jsx(Menu.Content, {
+		className: classNames(ds_dropdown_menu_module_default.content, className),
+		style,
+		children
+	}) }) });
+};
+/**
+* Item component - renders a menu item
+*/
+const Item = ({ disabled, selected, value, asChild, onClick, onSelect, children, className, style }) => {
+	return /* @__PURE__ */ jsx(Menu.Item, {
+		disabled,
+		className: classNames(ds_dropdown_menu_module_default.item, { [ds_dropdown_menu_module_default.selected]: selected }, className),
+		style,
+		value,
+		asChild,
+		onClick,
+		onSelect,
+		children
+	});
+};
+/**
+* ItemIndicator component - renders a selection indicator (check icon by default)
+*/
+const ItemIndicator = ({ children, className, style }) => {
+	return /* @__PURE__ */ jsx("span", {
+		className: classNames(ds_dropdown_menu_module_default.indicator, className),
+		style,
+		children: children ?? /* @__PURE__ */ jsx(ds_icon_default, { icon: "check" })
+	});
+};
+/**
+* Header component - sticky header container for search, filters, or other controls
+*/
+const Header = ({ children, className, style }) => {
+	return /* @__PURE__ */ jsx("div", {
+		className: classNames(ds_dropdown_menu_module_default.header, className),
+		style,
+		children
+	});
+};
+/**
+* Actions component - footer container for action buttons
+*/
+const Actions = ({ children, className, style }) => {
+	return /* @__PURE__ */ jsx("div", {
+		className: classNames(ds_dropdown_menu_module_default.actions, className),
+		style,
+		role: "menu",
+		"aria-label": "Menu actions",
+		children
+	});
+};
+/**
+* ItemGroup component - collapsible group container
+*/
+const ItemGroup = ({ children, collapsed: controlledCollapsed, onCollapsedChange, className, style }) => {
+	const [internalCollapsed, setInternalCollapsed] = useState(false);
+	const isControlled = controlledCollapsed !== void 0;
+	const collapsed = isControlled ? controlledCollapsed : internalCollapsed;
+	const toggle = () => {
+		const newCollapsed = !collapsed;
+		if (!isControlled) setInternalCollapsed(newCollapsed);
+		onCollapsedChange?.(newCollapsed);
+	};
+	return /* @__PURE__ */ jsx(GroupContext.Provider, {
+		value: {
+			collapsed,
+			toggle
+		},
+		children: /* @__PURE__ */ jsx(Menu.ItemGroup, {
+			className: classNames(ds_dropdown_menu_module_default.group, className),
+			style,
+			children
+		})
+	});
+};
+/**
+* ItemGroupLabel component - clickable group header with collapse indicator
+*/
+const ItemGroupLabel = ({ children, className, style }) => {
+	const context = useContext(GroupContext);
+	if (!context) return /* @__PURE__ */ jsx(Menu.ItemGroupLabel, {
+		className: classNames(ds_dropdown_menu_module_default.groupLabel, className),
+		style,
+		children: /* @__PURE__ */ jsx(ds_typography_default, {
+			variant: "body-sm-md",
+			children
+		})
+	});
+	const { collapsed, toggle } = context;
+	return /* @__PURE__ */ jsx(Menu.ItemGroupLabel, {
+		asChild: true,
+		children: /* @__PURE__ */ jsxs("button", {
+			type: "button",
+			className: classNames(ds_dropdown_menu_module_default.groupLabel, ds_dropdown_menu_module_default.groupLabelCollapsible, className),
+			style,
+			onClick: toggle,
+			onKeyDown: (e) => e.stopPropagation(),
+			children: [/* @__PURE__ */ jsx(ds_typography_default, {
+				variant: "body-sm-md",
+				children
+			}), /* @__PURE__ */ jsx(ds_icon_default, {
+				icon: "keyboard_arrow_down",
+				className: classNames(ds_dropdown_menu_module_default.groupLabelIcon, { [ds_dropdown_menu_module_default.groupLabelIconRotated]: !collapsed })
+			})]
+		})
+	});
+};
+/**
+* ItemGroupContent component - collapsible content container
+*/
+const ItemGroupContent = ({ children, className, style }) => {
+	if (useContext(GroupContext)?.collapsed) return null;
+	return /* @__PURE__ */ jsx("div", {
+		className,
+		style,
+		children
+	});
+};
+/**
+* Separator component - renders a visual divider
+*/
+const Separator = ({ className, style }) => {
+	return /* @__PURE__ */ jsx(Menu.Separator, {
+		className: classNames(ds_dropdown_menu_module_default.separator, className),
+		style
+	});
+};
+/**
+* DEPRECATED: Legacy DsDropdownMenu component with options array
+* Use compound component pattern instead
+* @deprecated
+*/
+const DsDropdownMenuLegacy = ({ options, children, contentGap = 0, className, style, align = "center", side = "bottom", disablePortal = false, disableSearch = true, selected, onSelect }) => {
+	const [open, setOpen] = useState(false);
+	const [searchTerm, setSearchTerm] = useState("");
+	const Wrapper = disablePortal ? Fragment : DropdownMenu.Portal;
+	const filteredOptions = disableSearch ? options : options.filter((option) => option.label.toLowerCase().includes(searchTerm.toLowerCase()));
+	return /* @__PURE__ */ jsxs(DropdownMenu.Root, {
+		open,
+		onOpenChange: setOpen,
+		children: [/* @__PURE__ */ jsx(DropdownMenu.Trigger, {
+			asChild: true,
+			children
+		}), /* @__PURE__ */ jsx(Wrapper, { children: /* @__PURE__ */ jsxs(DropdownMenu.Content, {
+			className: classNames(ds_dropdown_menu_module_default.contentLegacy, ds_dropdown_menu_module_default.viewportLegacy),
+			sideOffset: contentGap,
+			align,
+			side,
+			children: [!disableSearch && /* @__PURE__ */ jsx(ds_text_input_default, {
+				placeholder: "Search",
+				value: searchTerm,
+				onValueChange: setSearchTerm,
+				slots: { startAdornment: /* @__PURE__ */ jsx(ds_icon_default, {
+					icon: "search",
+					size: "tiny"
+				}) },
+				onKeyDown: (e) => e.stopPropagation()
+			}), filteredOptions.map((option, i) => /* @__PURE__ */ jsxs(DropdownMenu.Item, {
+				disabled: option.disabled,
+				className: classNames(ds_dropdown_menu_module_default.itemLegacy, { [ds_dropdown_menu_module_default.selected]: selected === option.value }, className),
+				style,
+				onClick: (e) => {
+					e.stopPropagation();
+					if (!option.disabled) {
+						if (option.value) onSelect?.(option.value);
+						option.onClick?.(e);
+						setOpen(false);
+					}
+				},
+				children: [
+					option.icon && /* @__PURE__ */ jsx(ds_icon_default, {
+						icon: option.icon,
+						className: ds_dropdown_menu_module_default.itemIcon
+					}),
+					/* @__PURE__ */ jsx("span", {
+						className: ds_dropdown_menu_module_default.label,
+						children: option.label
+					}),
+					option.value && selected === option.value && /* @__PURE__ */ jsx("span", {
+						className: ds_dropdown_menu_module_default.indicator,
+						children: /* @__PURE__ */ jsx(ds_icon_default, { icon: "check" })
+					})
+				]
+			}, i))]
+		}) })]
+	});
+};
+/**
+* Design system  DsDropdownMenu component
+*
+* @example
+* <DsDropdownMenu.Root>
+*   <DsDropdownMenu.Trigger>
+*     <button>Open</button>
+*   </DsDropdownMenu.Trigger>
+*   <DsDropdownMenu.Content>
+*     <DsDropdownMenu.Header>
+*       <DsTextInput placeholder="Search..." />
+*     </DsDropdownMenu.Header>
+*     <DsDropdownMenu.Item value="item1">
+*       Item 1
+*       <DsDropdownMenu.ItemIndicator />
+*     </DsDropdownMenu.Item>
+*     <DsDropdownMenu.ItemGroup>
+*       <DsDropdownMenu.ItemGroupLabel>Group Name</DsDropdownMenu.ItemGroupLabel>
+*       <DsDropdownMenu.ItemGroupContent>
+*         <DsDropdownMenu.Item value="item2">Item 2</DsDropdownMenu.Item>
+*       </DsDropdownMenu.ItemGroupContent>
+*     </DsDropdownMenu.ItemGroup>
+*     <DsDropdownMenu.Separator />
+*     <DsDropdownMenu.Actions>
+*       <DsButton>Cancel</DsButton>
+*       <DsButton>Apply</DsButton>
+*     </DsDropdownMenu.Actions>
+*   </DsDropdownMenu.Content>
+* </DsDropdownMenu.Root>
+*/
+const DsDropdownMenu = {
+	Root,
+	Trigger,
+	Content,
+	Item,
+	ItemIndicator,
+	Header,
+	Actions,
+	ItemGroup,
+	ItemGroupLabel,
+	ItemGroupContent,
+	Separator
+};
+
+//#endregion
+export { DsDropdownMenu, DsDropdownMenuLegacy };
+//# sourceMappingURL=ds-dropdown-menu.js.map

package/dist/components/ds-dropdown-menu/ds-dropdown-menu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ds-dropdown-menu.js","names":["DEFAULT_POSITIONING: DsDropdownMenuPositioning","Root: React.FC<DsDropdownMenuRootProps>","Trigger: React.FC<DsDropdownMenuTriggerProps>","Content: React.FC<DsDropdownMenuContentProps>","styles","Item: React.FC<DsDropdownMenuItemProps>","ItemIndicator: React.FC<DsDropdownMenuItemIndicatorProps>","DsIcon","Header: React.FC<DsDropdownMenuHeaderProps>","Actions: React.FC<DsDropdownMenuActionsProps>","ItemGroup: React.FC<DsDropdownMenuItemGroupProps>","ItemGroupLabel: React.FC<DsDropdownMenuItemGroupLabelProps>","DsTypography","ItemGroupContent: React.FC<DsDropdownMenuItemGroupContentProps>","Separator: React.FC<DsDropdownMenuSeparatorProps>","DsDropdownMenuLegacy: React.FC<DsDropdownMenuLegacyProps>","DsTextInput"],"sources":["../../../src/components/ds-dropdown-menu/ds-dropdown-menu.tsx"],"sourcesContent":["import type React from 'react';\nimport { createContext, Fragment, useContext, useState } from 'react';\nimport * as DropdownMenu from '@radix-ui/react-dropdown-menu';\nimport { Menu } from '@ark-ui/react/menu';\nimport { Portal } from '@ark-ui/react/portal';\nimport classNames from 'classnames';\nimport styles from './ds-dropdown-menu.module.scss';\nimport { DsIcon } from '../ds-icon';\nimport DsTypography from '../ds-typography/ds-typography';\nimport DsTextInput from '../ds-text-input/ds-text-input';\nimport type {\n\tDsDropdownMenuActionsProps,\n\tDsDropdownMenuContentProps,\n\tDsDropdownMenuHeaderProps,\n\tDsDropdownMenuItemGroupContentProps,\n\tDsDropdownMenuItemGroupLabelProps,\n\tDsDropdownMenuItemGroupProps,\n\tDsDropdownMenuItemIndicatorProps,\n\tDsDropdownMenuItemProps,\n\tDsDropdownMenuLegacyProps,\n\tDsDropdownMenuPositioning,\n\tDsDropdownMenuRootProps,\n\tDsDropdownMenuSeparatorProps,\n\tDsDropdownMenuTriggerProps,\n} from './ds-dropdown-menu.types';\n\n/**\n * Context to share state between Group and GroupLabel\n */\ninterface GroupContextValue {\n\tcollapsed: boolean;\n\ttoggle: () => void;\n}\n\nconst GroupContext = createContext<GroupContextValue | null>(null);\n\nconst DEFAULT_POSITIONING: DsDropdownMenuPositioning = {\n\tplacement: 'bottom-start' as const,\n\tgutter: 4,\n};\n\n/**\n * Root component - manages dropdown state\n */\nconst Root: React.FC<DsDropdownMenuRootProps> = ({\n\topen,\n\tonOpenChange,\n\tonSelect,\n\tonHighlightChange,\n\tpositioning: customPositioning,\n\tpreventCloseOnSelect = false,\n\tchildren,\n}) => {\n\tconst positioning = {\n\t\t...DEFAULT_POSITIONING,\n\t\t...customPositioning,\n\t};\n\n\treturn (\n\t\t<Menu.Root\n\t\t\topen={open}\n\t\t\tonOpenChange={(details) => onOpenChange?.(details.open)}\n\t\t\tonSelect={(details) => onSelect?.(details.value)}\n\t\t\tonHighlightChange={(details) => onHighlightChange?.(details.highlightedValue)}\n\t\t\tpositioning={positioning}\n\t\t\tcloseOnSelect={!preventCloseOnSelect}\n\t\t>\n\t\t\t{children}\n\t\t</Menu.Root>\n\t);\n};\n\n/**\n * Trigger component - wraps the trigger element\n */\nconst Trigger: React.FC<DsDropdownMenuTriggerProps> = Menu.Trigger;\n\n/**\n * Content component - wraps the dropdown content\n */\nconst Content: React.FC<DsDropdownMenuContentProps> = ({\n\tdisablePortal = false,\n\tchildren,\n\tclassName,\n\tstyle,\n}) => {\n\tconst Wrapper = disablePortal ? Fragment : Portal;\n\n\treturn (\n\t\t<Wrapper>\n\t\t\t<Menu.Positioner>\n\t\t\t\t<Menu.Content className={classNames(styles.content, className)} style={style}>\n\t\t\t\t\t{children}\n\t\t\t\t</Menu.Content>\n\t\t\t</Menu.Positioner>\n\t\t</Wrapper>\n\t);\n};\n\n/**\n * Item component - renders a menu item\n */\nconst Item: React.FC<DsDropdownMenuItemProps> = ({\n\tdisabled,\n\tselected,\n\tvalue,\n\tasChild,\n\tonClick,\n\tonSelect,\n\tchildren,\n\tclassName,\n\tstyle,\n}) => {\n\treturn (\n\t\t<Menu.Item\n\t\t\tdisabled={disabled}\n\t\t\tclassName={classNames(\n\t\t\t\tstyles.item,\n\t\t\t\t{\n\t\t\t\t\t[styles.selected]: selected,\n\t\t\t\t},\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\tstyle={style}\n\t\t\tvalue={value}\n\t\t\tasChild={asChild}\n\t\t\tonClick={onClick}\n\t\t\tonSelect={onSelect}\n\t\t>\n\t\t\t{children}\n\t\t</Menu.Item>\n\t);\n};\n\n/**\n * ItemIndicator component - renders a selection indicator (check icon by default)\n */\nconst ItemIndicator: React.FC<DsDropdownMenuItemIndicatorProps> = ({ children, className, style }) => {\n\treturn (\n\t\t<span className={classNames(styles.indicator, className)} style={style}>\n\t\t\t{children ?? <DsIcon icon=\"check\" />}\n\t\t</span>\n\t);\n};\n\n/**\n * Header component - sticky header container for search, filters, or other controls\n */\nconst Header: React.FC<DsDropdownMenuHeaderProps> = ({ children, className, style }) => {\n\treturn (\n\t\t<div className={classNames(styles.header, className)} style={style}>\n\t\t\t{children}\n\t\t</div>\n\t);\n};\n\n/**\n * Actions component - footer container for action buttons\n */\nconst Actions: React.FC<DsDropdownMenuActionsProps> = ({ children, className, style }) => {\n\treturn (\n\t\t<div\n\t\t\tclassName={classNames(styles.actions, className)}\n\t\t\tstyle={style}\n\t\t\trole=\"menu\"\n\t\t\taria-label=\"Menu actions\"\n\t\t>\n\t\t\t{children}\n\t\t</div>\n\t);\n};\n\n/**\n * ItemGroup component - collapsible group container\n */\nconst ItemGroup: React.FC<DsDropdownMenuItemGroupProps> = ({\n\tchildren,\n\tcollapsed: controlledCollapsed,\n\tonCollapsedChange,\n\tclassName,\n\tstyle,\n}) => {\n\tconst [internalCollapsed, setInternalCollapsed] = useState(false);\n\n\tconst isControlled = controlledCollapsed !== undefined;\n\tconst collapsed = isControlled ? controlledCollapsed : internalCollapsed;\n\n\tconst toggle = () => {\n\t\tconst newCollapsed = !collapsed;\n\t\tif (!isControlled) {\n\t\t\tsetInternalCollapsed(newCollapsed);\n\t\t}\n\t\tonCollapsedChange?.(newCollapsed);\n\t};\n\n\treturn (\n\t\t<GroupContext.Provider value={{ collapsed, toggle }}>\n\t\t\t<Menu.ItemGroup className={classNames(styles.group, className)} style={style}>\n\t\t\t\t{children}\n\t\t\t</Menu.ItemGroup>\n\t\t</GroupContext.Provider>\n\t);\n};\n\n/**\n * ItemGroupLabel component - clickable group header with collapse indicator\n */\nconst ItemGroupLabel: React.FC<DsDropdownMenuItemGroupLabelProps> = ({ children, className, style }) => {\n\tconst context = useContext(GroupContext);\n\n\tif (!context) {\n\t\t// If not inside a Group, just render static label\n\t\treturn (\n\t\t\t<Menu.ItemGroupLabel className={classNames(styles.groupLabel, className)} style={style}>\n\t\t\t\t<DsTypography variant=\"body-sm-md\">{children}</DsTypography>\n\t\t\t</Menu.ItemGroupLabel>\n\t\t);\n\t}\n\n\tconst { collapsed, toggle } = context;\n\n\treturn (\n\t\t<Menu.ItemGroupLabel asChild>\n\t\t\t<button\n\t\t\t\ttype=\"button\"\n\t\t\t\tclassName={classNames(styles.groupLabel, styles.groupLabelCollapsible, className)}\n\t\t\t\tstyle={style}\n\t\t\t\tonClick={toggle}\n\t\t\t\tonKeyDown={(e) => e.stopPropagation()}\n\t\t\t>\n\t\t\t\t<DsTypography variant=\"body-sm-md\">{children}</DsTypography>\n\t\t\t\t<DsIcon\n\t\t\t\t\ticon=\"keyboard_arrow_down\"\n\t\t\t\t\tclassName={classNames(styles.groupLabelIcon, {\n\t\t\t\t\t\t[styles.groupLabelIconRotated]: !collapsed,\n\t\t\t\t\t})}\n\t\t\t\t/>\n\t\t\t</button>\n\t\t</Menu.ItemGroupLabel>\n\t);\n};\n\n/**\n * ItemGroupContent component - collapsible content container\n */\nconst ItemGroupContent: React.FC<DsDropdownMenuItemGroupContentProps> = ({ children, className, style }) => {\n\tconst context = useContext(GroupContext);\n\n\tif (context?.collapsed) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<div className={className} style={style}>\n\t\t\t{children}\n\t\t</div>\n\t);\n};\n\n/**\n * Separator component - renders a visual divider\n */\nconst Separator: React.FC<DsDropdownMenuSeparatorProps> = ({ className, style }) => {\n\treturn <Menu.Separator className={classNames(styles.separator, className)} style={style} />;\n};\n\n/**\n * DEPRECATED: Legacy DsDropdownMenu component with options array\n * Use compound component pattern instead\n * @deprecated\n */\nexport const DsDropdownMenuLegacy: React.FC<DsDropdownMenuLegacyProps> = ({\n\toptions,\n\tchildren,\n\tcontentGap = 0,\n\tclassName,\n\tstyle,\n\talign = 'center',\n\tside = 'bottom',\n\tdisablePortal = false,\n\tdisableSearch = true,\n\tselected,\n\tonSelect,\n}) => {\n\tconst [open, setOpen] = useState(false);\n\tconst [searchTerm, setSearchTerm] = useState('');\n\n\tconst Wrapper = disablePortal ? Fragment : DropdownMenu.Portal;\n\n\tconst filteredOptions = disableSearch\n\t\t? options\n\t\t: options.filter((option) => option.label.toLowerCase().includes(searchTerm.toLowerCase()));\n\n\treturn (\n\t\t<DropdownMenu.Root open={open} onOpenChange={setOpen}>\n\t\t\t<DropdownMenu.Trigger asChild>{children}</DropdownMenu.Trigger>\n\t\t\t<Wrapper>\n\t\t\t\t<DropdownMenu.Content\n\t\t\t\t\tclassName={classNames(styles.contentLegacy, styles.viewportLegacy)}\n\t\t\t\t\tsideOffset={contentGap}\n\t\t\t\t\talign={align}\n\t\t\t\t\tside={side}\n\t\t\t\t>\n\t\t\t\t\t{!disableSearch && (\n\t\t\t\t\t\t<DsTextInput\n\t\t\t\t\t\t\tplaceholder=\"Search\"\n\t\t\t\t\t\t\tvalue={searchTerm}\n\t\t\t\t\t\t\tonValueChange={setSearchTerm}\n\t\t\t\t\t\t\tslots={{\n\t\t\t\t\t\t\t\tstartAdornment: <DsIcon icon=\"search\" size=\"tiny\" />,\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\tonKeyDown={(e) => e.stopPropagation()}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t\t\t{filteredOptions.map((option, i) => (\n\t\t\t\t\t\t<DropdownMenu.Item\n\t\t\t\t\t\t\tkey={i}\n\t\t\t\t\t\t\tdisabled={option.disabled}\n\t\t\t\t\t\t\tclassName={classNames(\n\t\t\t\t\t\t\t\tstyles.itemLegacy,\n\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t[styles.selected]: selected === option.value,\n\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\tclassName,\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\tstyle={style}\n\t\t\t\t\t\t\tonClick={(e) => {\n\t\t\t\t\t\t\t\te.stopPropagation();\n\n\t\t\t\t\t\t\t\tif (!option.disabled) {\n\t\t\t\t\t\t\t\t\tif (option.value) {\n\t\t\t\t\t\t\t\t\t\tonSelect?.(option.value);\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\toption.onClick?.(e);\n\t\t\t\t\t\t\t\t\tsetOpen(false);\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{option.icon && <DsIcon icon={option.icon} className={styles.itemIcon} />}\n\t\t\t\t\t\t\t<span className={styles.label}>{option.label}</span>\n\t\t\t\t\t\t\t{option.value && selected === option.value && (\n\t\t\t\t\t\t\t\t<span className={styles.indicator}>\n\t\t\t\t\t\t\t\t\t<DsIcon icon=\"check\" />\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</DropdownMenu.Item>\n\t\t\t\t\t))}\n\t\t\t\t</DropdownMenu.Content>\n\t\t\t</Wrapper>\n\t\t</DropdownMenu.Root>\n\t);\n};\n\n/**\n * Design system  DsDropdownMenu component\n *\n * @example\n * <DsDropdownMenu.Root>\n *   <DsDropdownMenu.Trigger>\n *     <button>Open</button>\n *   </DsDropdownMenu.Trigger>\n *   <DsDropdownMenu.Content>\n *     <DsDropdownMenu.Header>\n *       <DsTextInput placeholder=\"Search...\" />\n *     </DsDropdownMenu.Header>\n *     <DsDropdownMenu.Item value=\"item1\">\n *       Item 1\n *       <DsDropdownMenu.ItemIndicator />\n *     </DsDropdownMenu.Item>\n *     <DsDropdownMenu.ItemGroup>\n *       <DsDropdownMenu.ItemGroupLabel>Group Name</DsDropdownMenu.ItemGroupLabel>\n *       <DsDropdownMenu.ItemGroupContent>\n *         <DsDropdownMenu.Item value=\"item2\">Item 2</DsDropdownMenu.Item>\n *       </DsDropdownMenu.ItemGroupContent>\n *     </DsDropdownMenu.ItemGroup>\n *     <DsDropdownMenu.Separator />\n *     <DsDropdownMenu.Actions>\n *       <DsButton>Cancel</DsButton>\n *       <DsButton>Apply</DsButton>\n *     </DsDropdownMenu.Actions>\n *   </DsDropdownMenu.Content>\n * </DsDropdownMenu.Root>\n */\nexport const DsDropdownMenu = {\n\tRoot,\n\tTrigger,\n\tContent,\n\tItem,\n\tItemIndicator,\n\tHeader,\n\tActions,\n\tItemGroup,\n\tItemGroupLabel,\n\tItemGroupContent,\n\tSeparator,\n};\n"],"mappings":"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"}

package/dist/components/ds-dropdown-menu/ds-dropdown-menu.module.cjs

@@ -0,0 +1,25 @@
+
+//#region src/components/ds-dropdown-menu/ds-dropdown-menu.module.scss
+var ds_dropdown_menu_module_default = {
+	"content": "_content_dxemv_1",
+	"expand": "_expand_dxemv_1",
+	"collapse": "_collapse_dxemv_1",
+	"header": "_header_dxemv_1",
+	"item": "_item_dxemv_1",
+	"indicator": "_indicator_dxemv_1",
+	"itemIcon": "_itemIcon_dxemv_1",
+	"selected": "_selected_dxemv_1",
+	"label": "_label_dxemv_1",
+	"separator": "_separator_dxemv_1",
+	"actions": "_actions_dxemv_1",
+	"groupLabel": "_groupLabel_dxemv_1",
+	"groupLabelCollapsible": "_groupLabelCollapsible_dxemv_1",
+	"groupLabelIcon": "_groupLabelIcon_dxemv_1",
+	"groupLabelIconRotated": "_groupLabelIconRotated_dxemv_1",
+	"contentLegacy": "_contentLegacy_dxemv_1",
+	"viewportLegacy": "_viewportLegacy_dxemv_1",
+	"itemLegacy": "_itemLegacy_dxemv_1"
+};
+
+//#endregion
+exports.default = ds_dropdown_menu_module_default;

package/dist/components/ds-dropdown-menu/ds-dropdown-menu.module.js

@@ -0,0 +1,25 @@
+//#region src/components/ds-dropdown-menu/ds-dropdown-menu.module.scss
+var ds_dropdown_menu_module_default = {
+	"content": "_content_dxemv_1",
+	"expand": "_expand_dxemv_1",
+	"collapse": "_collapse_dxemv_1",
+	"header": "_header_dxemv_1",
+	"item": "_item_dxemv_1",
+	"indicator": "_indicator_dxemv_1",
+	"itemIcon": "_itemIcon_dxemv_1",
+	"selected": "_selected_dxemv_1",
+	"label": "_label_dxemv_1",
+	"separator": "_separator_dxemv_1",
+	"actions": "_actions_dxemv_1",
+	"groupLabel": "_groupLabel_dxemv_1",
+	"groupLabelCollapsible": "_groupLabelCollapsible_dxemv_1",
+	"groupLabelIcon": "_groupLabelIcon_dxemv_1",
+	"groupLabelIconRotated": "_groupLabelIconRotated_dxemv_1",
+	"contentLegacy": "_contentLegacy_dxemv_1",
+	"viewportLegacy": "_viewportLegacy_dxemv_1",
+	"itemLegacy": "_itemLegacy_dxemv_1"
+};
+
+//#endregion
+export { ds_dropdown_menu_module_default as default };
+//# sourceMappingURL=ds-dropdown-menu.module.js.map

package/dist/components/ds-dropdown-menu/ds-dropdown-menu.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ds-dropdown-menu.module.js","names":[],"sources":["../../../file:/home/runner/work/design-system/design-system/packages/design-system/src/components/ds-dropdown-menu/ds-dropdown-menu.module.scss","../../../file:/home/runner/work/design-system/design-system/packages/design-system/src/styles/shared/_dropdown.scss","../../../file:/home/runner/work/design-system/design-system/packages/design-system/src/styles/mixins/_bounding-box.scss","../../../file:/home/runner/work/design-system/design-system/packages/design-system/src/styles/_typography.scss","../../../file:/home/runner/work/design-system/design-system/packages/design-system/src/styles/_variables.scss"],"sourcesContent":["@use '../../styles/typography';\n@use '../../styles/shared/dropdown';\n\n.content {\n\t@include dropdown.dropdown-content;\n\tdisplay: flex;\n\tflex-direction: column;\n\tmax-height: var(--available-height, 400px);\n\toverflow-y: auto;\n\twidth: auto;\n\n\t&:focus-visible {\n\t\toutline-offset: 2px;\n\t}\n\n\t&[hidden] {\n\t\tdisplay: none;\n\t}\n}\n\n.header {\n\tposition: sticky;\n\ttop: 0;\n\tz-index: 1;\n\tpadding: var(--spacing-3xs);\n\tborder-bottom: 1px solid var(--color-border-secondary);\n\tbackground-color: var(--color-background);\n}\n\n.item {\n\t@include dropdown.dropdown-item;\n\tdisplay: flex;\n\talign-items: center;\n\tgap: var(--spacing-xs);\n\n\t&.selected {\n\t\t.indicator {\n\t\t\tdisplay: flex;\n\t\t\tmin-width: var(--icon-width-medium);\n\t\t\tmargin-left: auto;\n\t\t}\n\n\t\t&:hover {\n\t\t\t.indicator {\n\t\t\t\tcolor: var(--color-background-selected);\n\t\t\t}\n\t\t}\n\t}\n}\n\n.itemIcon {\n\tflex-shrink: 0;\n}\n\n.label {\n\tflex: 1;\n}\n\n.separator {\n\theight: 1px;\n\tbackground-color: var(--color-border-secondary);\n\tmargin: var(--spacing-4xs) var(--spacing-xs);\n}\n\n.actions {\n\tposition: sticky;\n\tbottom: -1px;\n\tz-index: 1;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: flex-end;\n\tgap: var(--spacing-xs);\n\tpadding: var(--spacing-3xs) var(--spacing-xs);\n\tborder-top: 1px solid var(--color-border-secondary);\n\tbackground-color: var(--color-background);\n}\n\n.groupLabel {\n\tdisplay: flex;\n\talign-items: center;\n\tpadding: var(--spacing-3xs) var(--spacing-xs);\n\tbackground-color: var(--color-background);\n\toutline-offset: -1px;\n\n\t&Collapsible {\n\t\tjustify-content: space-between;\n\t\twidth: 100%;\n\t\ttext-align: left;\n\t\tcursor: pointer;\n\t\tborder: none;\n\t\ttransition: background-color 0.15s ease;\n\n\t\t&:hover {\n\t\t\tbackground-color: var(--color-background-action-hover-weak);\n\t\t}\n\t}\n}\n\n.groupLabelIcon {\n\tflex-shrink: 0;\n\n\t&Rotated {\n\t\ttransform: rotate(180deg);\n\t\ttransition: transform 0.2s ease-in-out;\n\t}\n}\n\n/** Legacy classes */\n.contentLegacy {\n\t@include dropdown.dropdown-content;\n\tmin-width: 200px;\n\twidth: var(--radix-select-trigger-width);\n}\n\n.viewportLegacy {\n\t@include dropdown.dropdown-viewport;\n}\n\n.itemLegacy {\n\t@include dropdown.dropdown-item;\n\t@include typography.p-special;\n\t@include typography.ellipsis;\n}\n"],"mappings":""}

package/dist/components/ds-dropdown-menu/ds-dropdown-menu.types.d.cts

@@ -0,0 +1,247 @@
+import { IconType } from "../ds-icon/ds-icon.types.cjs";
+import { CSSProperties, MouseEvent, ReactNode } from "react";
+import { Menu } from "@ark-ui/react/menu";
+
+//#region src/components/ds-dropdown-menu/ds-dropdown-menu.types.d.ts
+
+/**
+ * Base positioning type
+ */
+type BasePositioning = NonNullable<Menu.RootProps['positioning']>;
+/**
+ * Positioning options for dropdown menu
+ */
+type DsDropdownMenuPositioning = Pick<BasePositioning, 'placement' | 'gutter' | 'sameWidth'>;
+/**
+ * DEPRECATED: Legacy dropdown menu option configuration
+ * Use compound component pattern instead
+ * @deprecated
+ */
+interface DsDropdownMenuOptionLegacy {
+  /**
+   * Display label for the menu option
+   */
+  label: string;
+  /**
+   * Optional icon to display
+   */
+  icon?: IconType;
+  /**
+   * Whether this option is disabled
+   */
+  disabled?: boolean;
+  /**
+   * Click handler for the option
+   */
+  onClick?: (e: MouseEvent<HTMLElement>) => void;
+  /**
+   * Optional value for selection tracking
+   */
+  value?: string;
+}
+/**
+ * DEPRECATED: Legacy props for DsDropdownMenuLegacy component
+ * Use compound component pattern instead
+ * @deprecated
+ */
+interface DsDropdownMenuLegacyProps {
+  /**
+   * The options to be displayed in the dropdown menu
+   */
+  options: DsDropdownMenuOptionLegacy[];
+  /**
+   * Optional children to be rendered inside the component
+   * Typically used for the trigger element
+   */
+  children?: ReactNode | undefined;
+  /**
+   * The gap between the trigger and dropdown content in pixels
+   * @default 0
+   */
+  contentGap?: number;
+  /**
+   * Additional CSS class names
+   */
+  className?: string;
+  /**
+   * Optional inline styles to apply to the component
+   */
+  style?: CSSProperties;
+  /**
+   * The alignment of the dropdown content
+   * @default 'center'
+   */
+  align?: 'start' | 'center' | 'end';
+  /**
+   * The side of the dropdown content
+   * @default 'bottom'
+   */
+  side?: 'top' | 'right' | 'bottom' | 'left';
+  /**
+   * Whether to render in place instead of using portals
+   * @default false
+   */
+  disablePortal?: boolean;
+  /**
+   * Whether to disable the search functionality
+   * @default false
+   */
+  disableSearch?: boolean;
+  /**
+   * Currently selected value (for selection tracking)
+   */
+  selected?: string;
+  /**
+   * Callback when an option with a value is selected
+   */
+  onSelect?: (value: string) => void;
+}
+/**
+ * Props for the DsDropdownMenu Root component
+ */
+interface DsDropdownMenuRootProps {
+  /**
+   * Whether the dropdown is open (controlled mode)
+   */
+  open?: boolean;
+  /**
+   * Callback when open state changes
+   */
+  onOpenChange?: (open: boolean) => void;
+  /**
+   * Callback when an item is selected
+   */
+  onSelect?: (value: string) => void;
+  /**
+   * Callback when the highlighted item changes
+   */
+  onHighlightChange?: (value: string | null) => void;
+  /**
+   * Positioning options for the dropdown
+   */
+  positioning?: DsDropdownMenuPositioning;
+  /**
+   * Prevents the menu from closing when any item is selected
+   * @default false
+   */
+  preventCloseOnSelect?: boolean;
+  /**
+   * Root content
+   */
+  children?: ReactNode;
+}
+/**
+ * Props for the DsDropdownMenu Trigger component
+ */
+type DsDropdownMenuTriggerProps = Menu.TriggerProps;
+/**
+ * Props for the DsDropdownMenu Content component
+ */
+interface DsDropdownMenuContentProps extends Pick<Menu.ContentProps, 'className' | 'style' | 'children'> {
+  /**
+   * Whether to render in place instead of using portals
+   * @default false
+   */
+  disablePortal?: boolean;
+}
+/**
+ * Props for the DsDropdownMenu Item component
+ */
+interface DsDropdownMenuItemProps extends Pick<Menu.ItemProps, 'disabled' | 'asChild' | 'className' | 'style' | 'onSelect' | 'onClick' | 'value' | 'children'> {
+  /**
+   * Whether the item is selected (applies selected styling)
+   */
+  selected?: boolean;
+}
+/**
+ * Props for the DsDropdownMenu ItemIndicator component
+ */
+interface DsDropdownMenuItemIndicatorProps {
+  /**
+   * Custom content to render as the indicator (defaults to check icon)
+   */
+  children?: ReactNode;
+  /**
+   * Optional CSS class name
+   */
+  className?: string;
+  /**
+   * Optional inline styles
+   */
+  style?: CSSProperties;
+}
+/**
+ * Props for the DsDropdownMenu Header component
+ */
+interface DsDropdownMenuHeaderProps {
+  /**
+   * The header content (typically a search input or filter controls)
+   */
+  children: ReactNode;
+  /**
+   * Optional CSS class name
+   */
+  className?: string;
+  /**
+   * Optional inline styles
+   */
+  style?: CSSProperties;
+}
+/**
+ * Props for the DsDropdownMenu Actions component
+ */
+interface DsDropdownMenuActionsProps {
+  /**
+   * The action buttons or elements
+   */
+  children: ReactNode;
+  /**
+   * Optional CSS class name
+   */
+  className?: string;
+  /**
+   * Optional inline styles
+   */
+  style?: CSSProperties;
+}
+/**
+ * Props for the DsDropdownMenu ItemGroup component
+ */
+interface DsDropdownMenuItemGroupProps extends Menu.ItemGroupProps {
+  /**
+   * Whether the group is collapsed
+   */
+  collapsed?: boolean;
+  /**
+   * Callback when collapse state changes
+   */
+  onCollapsedChange?: (collapsed: boolean) => void;
+}
+/**
+ * Props for the DsDropdownMenu ItemGroupLabel component
+ */
+type DsDropdownMenuItemGroupLabelProps = Menu.ItemGroupLabelProps;
+/**
+ * Props for the DsDropdownMenu ItemGroupContent component
+ */
+interface DsDropdownMenuItemGroupContentProps {
+  /**
+   * The content to show/hide based on collapsed state
+   */
+  children: ReactNode;
+  /**
+   * Optional CSS class name
+   */
+  className?: string;
+  /**
+   * Optional inline styles
+   */
+  style?: CSSProperties;
+}
+/**
+ * Props for the DsDropdownMenu Separator component
+ */
+type DsDropdownMenuSeparatorProps = Menu.SeparatorProps;
+//#endregion
+export { DsDropdownMenuActionsProps, DsDropdownMenuContentProps, DsDropdownMenuHeaderProps, DsDropdownMenuItemGroupContentProps, DsDropdownMenuItemGroupLabelProps, DsDropdownMenuItemGroupProps, DsDropdownMenuItemIndicatorProps, DsDropdownMenuItemProps, DsDropdownMenuLegacyProps, DsDropdownMenuOptionLegacy, DsDropdownMenuPositioning, DsDropdownMenuRootProps, DsDropdownMenuSeparatorProps, DsDropdownMenuTriggerProps };
+//# sourceMappingURL=ds-dropdown-menu.types.d.cts.map

package/dist/components/ds-dropdown-menu/ds-dropdown-menu.types.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ds-dropdown-menu.types.d.cts","names":[],"sources":["../../../src/components/ds-dropdown-menu/ds-dropdown-menu.types.tsx"],"sourcesContent":[],"mappings":";;;;;;;;AAE2C;AAU3C,KALK,eAAA,GAAkB,WAKc,CALF,IAAA,CAAK,SAKK,CAAA,aAAL,CAAA,CAAA;AAOxC;;;AAgBe,KAvBH,yBAAA,GAA4B,IAuBzB,CAvB8B,eAuB9B,EAAA,WAAA,GAAA,QAAA,GAAA,WAAA,CAAA;;AAYf;;;;AAsBsB,UAlDL,0BAAA,CAkDK;EAkCL;AAmCjB;AAKA;EAciB,KAAA,EAAA,MAAA;EAaA;AAkBjB;AAkBA;EAkBiB,IAAA,CAAA,EArMT,QAqMS;EAcL;AAKZ;AAkBA;;;;;gBAlOe,WAAW;;;;;;;;;;;UAYT,yBAAA;;;;WAIP;;;;;aAKE;;;;;;;;;;;;;UAaH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;UAkCQ,uBAAA;;;;;;;;;;;;;;;;;;;;gBAoBF;;;;;;;;;aASH;;;;;KAMA,0BAAA,GAA6B,IAAA,CAAK;;;;UAK7B,0BAAA,SAAmC,KACnD,IAAA,CAAK;;;;;;;;;;UAaW,uBAAA,SAAgC,KAChD,IAAA,CAAK;;;;;;;;;UAYW,gCAAA;;;;aAIL;;;;;;;;UAQH;;;;;UAMQ,yBAAA;;;;YAIN;;;;;;;;UAQF;;;;;UAMQ,0BAAA;;;;YAIN;;;;;;;;UAQF;;;;;UAMQ,4BAAA,SAAqC,IAAA,CAAK;;;;;;;;;;;;;KAc/C,iCAAA,GAAoC,IAAA,CAAK;;;;UAKpC,mCAAA;;;;YAIN;;;;;;;;UAQF;;;;;KAMG,4BAAA,GAA+B,IAAA,CAAK"}