@drivenets/design-system 0.0.2 → 0.0.4

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

@@ -0,0 +1 @@
+{"version":3,"file":"ds-dropdown-menu.js","names":["React","createContext","Fragment","useContext","useState","DropdownMenu","Menu","Portal","classNames","styles","DsIcon","DsTypography","DsTextInput","DsDropdownMenuActionsProps","DsDropdownMenuContentProps","DsDropdownMenuHeaderProps","DsDropdownMenuItemGroupContentProps","DsDropdownMenuItemGroupLabelProps","DsDropdownMenuItemGroupProps","DsDropdownMenuItemIndicatorProps","DsDropdownMenuItemProps","DsDropdownMenuLegacyProps","DsDropdownMenuPositioning","DsDropdownMenuRootProps","DsDropdownMenuSeparatorProps","DsDropdownMenuTriggerProps","GroupContextValue","collapsed","toggle","GroupContext","DEFAULT_POSITIONING","placement","const","gutter","Root","FC","t0","$","_c","open","onOpenChange","onSelect","onHighlightChange","positioning","customPositioning","preventCloseOnSelect","t1","children","undefined","t2","t3","details","t4","details_0","value","t5","details_1","highlightedValue","t6","t7","Trigger","Content","disablePortal","className","style","Wrapper","content","Item","disabled","selected","asChild","onClick","item","ItemIndicator","indicator","Header","header","Actions","actions","ItemGroup","controlledCollapsed","onCollapsedChange","internalCollapsed","setInternalCollapsed","isControlled","newCollapsed","group","ItemGroupLabel","context","groupLabel","groupLabelCollapsible","groupLabelIcon","groupLabelIconRotated","_temp","ItemGroupContent","Separator","separator","DsDropdownMenuLegacy","options","contentGap","align","side","disableSearch","setOpen","searchTerm","setSearchTerm","filter","option","label","toLowerCase","includes","filteredOptions","t8","Symbol","for","contentLegacy","viewportLegacy","t9","startAdornment","_temp2","t10","t11","option_0","i","itemLegacy","e_0","e","stopPropagation","icon","itemIcon","map","t12","t13","DsDropdownMenu"],"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"}

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

@@ -0,0 +1,247 @@
+import { IconType } from "../ds-icon/ds-icon.types.js";
+import "../ds-icon/index.js";
+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.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ds-dropdown-menu.types.d.ts","names":[],"sources":["../../../src/components/ds-dropdown-menu/ds-dropdown-menu.types.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;AAE2C,KAKtC,eAAA,GAAkB,WAAY,CAAA,IAAA,CAAK,SAAA,CAAjB,aAAW,CAAA,CAAA;AAKlC;AAOA;;AAgB0B,KAvBd,yBAAA,GAA4B,IAuBd,CAvBmB,eAuBnB,EAAA,WAAA,GAAA,QAAA,GAAA,WAAA,CAAA;;;AAY1B;;;AAsBS,UAlDQ,0BAAA,CAkDR;EAAa;AAkCtB;AAmCA;EAKiB,KAAA,EAAA,MAAA;EAcA;AAajB;AAkBA;EAkBiB,IAAA,CAAA,EAnLT,QAmLS;EAkBA;AAcjB;AAKA;EAkBY,QAAA,CAAA,EAAA,OAAA;;;;gBAlOG,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"}

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

@@ -0,0 +1 @@
+const require_ds_dropdown_menu = require('./ds-dropdown-menu.cjs');

package/dist/components/ds-dropdown-menu/index.d.ts

@@ -0,0 +1,2 @@
+import { DsDropdownMenuActionsProps, DsDropdownMenuContentProps, DsDropdownMenuHeaderProps, DsDropdownMenuItemGroupContentProps, DsDropdownMenuItemGroupLabelProps, DsDropdownMenuItemGroupProps, DsDropdownMenuItemIndicatorProps, DsDropdownMenuItemProps, DsDropdownMenuLegacyProps, DsDropdownMenuOptionLegacy, DsDropdownMenuPositioning, DsDropdownMenuRootProps, DsDropdownMenuSeparatorProps, DsDropdownMenuTriggerProps } from "./ds-dropdown-menu.types.js";
+import { DsDropdownMenu, DsDropdownMenuLegacy } from "./ds-dropdown-menu.js";

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

@@ -0,0 +1 @@
+import { DsDropdownMenu, DsDropdownMenuLegacy } from "./ds-dropdown-menu.js";