@kopexa/dropdown-menu 0.0.0-canary-20250721083908

package/README.md

@@ -0,0 +1,24 @@
+# @kopexa/dropdown-menu
+
+A Quick description of the component
+
+> This is an internal utility, not intended for public usage.
+
+## Installation
+
+```sh
+yarn add @kopexa/dropdown-menu
+# or
+npm i @kopexa/dropdown-menu
+```
+
+## Contribution
+
+Yes please! See the
+[contributing guidelines](https://github.com/kopexa-grc/sight/blob/master/CONTRIBUTING.md)
+for details.
+
+## License
+
+This project is licensed under the terms of the
+[MIT license](https://github.com/kopexa-grc/sight/blob/master/LICENSE).

package/dist/chunk-NF4CISAE.mjs

@@ -0,0 +1,224 @@
+"use client";
+var __defProp = Object.defineProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+
+// src/dropdown-menu.tsx
+import { CheckIcon, ChevronRightIcon, CircleIcon } from "@kopexa/icons";
+import { createContext } from "@kopexa/react-utils";
+import { dataAttr } from "@kopexa/shared-utils";
+import { dropdownMenu } from "@kopexa/theme";
+import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
+import { jsx, jsxs } from "react/jsx-runtime";
+var [Provider, useDropdownMenuContext] = createContext();
+function DropdownMenuRoot(props) {
+  const styles = dropdownMenu();
+  return /* @__PURE__ */ jsx(Provider, { value: { styles }, children: /* @__PURE__ */ jsx(DropdownMenuPrimitive.Root, { "data-slot": "dropdown-menu", ...props }) });
+}
+function DropdownMenuPortal({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Portal, { "data-slot": "dropdown-menu-portal", ...props });
+}
+function DropdownMenuTrigger({ ...props }) {
+  return /* @__PURE__ */ jsx(
+    DropdownMenuPrimitive.Trigger,
+    {
+      "data-slot": "dropdown-menu-trigger",
+      ...props
+    }
+  );
+}
+function DropdownMenuContent({
+  className,
+  sideOffset = 4,
+  ...props
+}) {
+  const styles = dropdownMenu();
+  return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx(
+    DropdownMenuPrimitive.Content,
+    {
+      "data-slot": "dropdown-menu-content",
+      sideOffset,
+      className: styles.content({ className }),
+      ...props
+    }
+  ) });
+}
+function DropdownMenuGroup({ ...props }) {
+  return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Group, { "data-slot": "dropdown-menu-group", ...props });
+}
+function DropdownMenuItem({
+  className,
+  inset,
+  variant = "default",
+  ...props
+}) {
+  const { styles } = useDropdownMenuContext();
+  return /* @__PURE__ */ jsx(
+    DropdownMenuPrimitive.Item,
+    {
+      "data-slot": "dropdown-menu-item",
+      "data-inset": inset,
+      "data-variant": variant,
+      className: styles.item({
+        className
+      }),
+      ...props
+    }
+  );
+}
+function DropdownMenuCheckboxItem({
+  className,
+  children,
+  checked,
+  ...props
+}) {
+  const { styles } = useDropdownMenuContext();
+  return /* @__PURE__ */ jsxs(
+    DropdownMenuPrimitive.CheckboxItem,
+    {
+      "data-slot": "dropdown-menu-checkbox-item",
+      className: styles.checkboxItem({ className }),
+      checked,
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx("span", { className: styles.iconWrapper(), children: /* @__PURE__ */ jsx(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(CheckIcon, { className: styles.icon() }) }) }),
+        children
+      ]
+    }
+  );
+}
+function DropdownMenuRadioGroup({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    DropdownMenuPrimitive.RadioGroup,
+    {
+      "data-slot": "dropdown-menu-radio-group",
+      ...props
+    }
+  );
+}
+function DropdownMenuRadioItem({
+  className,
+  children,
+  ...props
+}) {
+  const { styles } = useDropdownMenuContext();
+  return /* @__PURE__ */ jsxs(
+    DropdownMenuPrimitive.RadioItem,
+    {
+      "data-slot": "dropdown-menu-radio-item",
+      className: styles.radioItem({ className }),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx("span", { className: styles.iconWrapper(), children: /* @__PURE__ */ jsx(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(CircleIcon, { className: styles.radioItemIcon() }) }) }),
+        children
+      ]
+    }
+  );
+}
+function DropdownMenuLabel({
+  className,
+  inset,
+  ...props
+}) {
+  const { styles } = useDropdownMenuContext();
+  return /* @__PURE__ */ jsx(
+    DropdownMenuPrimitive.Label,
+    {
+      "data-slot": "dropdown-menu-label",
+      "data-inset": inset,
+      className: styles.label({ className }),
+      ...props
+    }
+  );
+}
+function DropdownMenuSeparator({
+  className,
+  ...props
+}) {
+  const { styles } = useDropdownMenuContext();
+  return /* @__PURE__ */ jsx(
+    DropdownMenuPrimitive.Separator,
+    {
+      "data-slot": "dropdown-menu-separator",
+      className: styles.separator({ className }),
+      ...props
+    }
+  );
+}
+function DropdownMenuShortcut({
+  className,
+  ...props
+}) {
+  const { styles } = useDropdownMenuContext();
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      "data-slot": "dropdown-menu-shortcut",
+      className: styles.shortcut({ className }),
+      ...props
+    }
+  );
+}
+function DropdownMenuSub({ ...props }) {
+  return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Sub, { "data-slot": "dropdown-menu-sub", ...props });
+}
+function DropdownMenuSubTrigger({
+  className,
+  inset,
+  children,
+  ...props
+}) {
+  const { styles } = useDropdownMenuContext();
+  return /* @__PURE__ */ jsxs(
+    DropdownMenuPrimitive.SubTrigger,
+    {
+      "data-slot": "dropdown-menu-sub-trigger",
+      "data-inset": dataAttr(inset),
+      className: styles.subTrigger({ className }),
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ jsx(ChevronRightIcon, { className: styles.subTriggerIcon() })
+      ]
+    }
+  );
+}
+function DropdownMenuSubContent({
+  className,
+  ...props
+}) {
+  const { styles } = useDropdownMenuContext();
+  return /* @__PURE__ */ jsx(
+    DropdownMenuPrimitive.SubContent,
+    {
+      "data-slot": "dropdown-menu-sub-content",
+      className: styles.subContent({ className }),
+      ...props
+    }
+  );
+}
+
+export {
+  __export,
+  DropdownMenuRoot,
+  DropdownMenuPortal,
+  DropdownMenuTrigger,
+  DropdownMenuContent,
+  DropdownMenuGroup,
+  DropdownMenuItem,
+  DropdownMenuCheckboxItem,
+  DropdownMenuRadioGroup,
+  DropdownMenuRadioItem,
+  DropdownMenuLabel,
+  DropdownMenuSeparator,
+  DropdownMenuShortcut,
+  DropdownMenuSub,
+  DropdownMenuSubTrigger,
+  DropdownMenuSubContent
+};

package/dist/chunk-OEIWSUDF.mjs

@@ -0,0 +1,43 @@
+"use client";
+import {
+  DropdownMenuCheckboxItem,
+  DropdownMenuContent,
+  DropdownMenuGroup,
+  DropdownMenuItem,
+  DropdownMenuLabel,
+  DropdownMenuPortal,
+  DropdownMenuRadioGroup,
+  DropdownMenuRadioItem,
+  DropdownMenuRoot,
+  DropdownMenuSeparator,
+  DropdownMenuShortcut,
+  DropdownMenuSub,
+  DropdownMenuSubContent,
+  DropdownMenuSubTrigger,
+  DropdownMenuTrigger,
+  __export
+} from "./chunk-NF4CISAE.mjs";
+
+// src/namespace.ts
+var namespace_exports = {};
+__export(namespace_exports, {
+  CheckboxItem: () => DropdownMenuCheckboxItem,
+  Content: () => DropdownMenuContent,
+  Group: () => DropdownMenuGroup,
+  Item: () => DropdownMenuItem,
+  Label: () => DropdownMenuLabel,
+  Portal: () => DropdownMenuPortal,
+  RadioGroup: () => DropdownMenuRadioGroup,
+  RadioItem: () => DropdownMenuRadioItem,
+  Root: () => DropdownMenuRoot,
+  Separator: () => DropdownMenuSeparator,
+  Shortcut: () => DropdownMenuShortcut,
+  Sub: () => DropdownMenuSub,
+  SubContent: () => DropdownMenuSubContent,
+  SubTrigger: () => DropdownMenuSubTrigger,
+  Trigger: () => DropdownMenuTrigger
+});
+
+export {
+  namespace_exports
+};

package/dist/dropdown-menu.d.mts

@@ -0,0 +1,43 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
+import { ComponentProps } from 'react';
+
+type DropdownMenuRootProps = ComponentProps<typeof DropdownMenuPrimitive.Root>;
+declare function DropdownMenuRoot(props: DropdownMenuRootProps): react_jsx_runtime.JSX.Element;
+type DropdownMenuPortalProps = React.ComponentProps<typeof DropdownMenuPrimitive.Portal>;
+declare function DropdownMenuPortal({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Portal>): react_jsx_runtime.JSX.Element;
+type DropdownMenuTriggerProps = React.ComponentProps<typeof DropdownMenuPrimitive.Trigger>;
+declare function DropdownMenuTrigger({ ...props }: DropdownMenuTriggerProps): react_jsx_runtime.JSX.Element;
+type DropdownMenuContentProps = React.ComponentProps<typeof DropdownMenuPrimitive.Content>;
+declare function DropdownMenuContent({ className, sideOffset, ...props }: DropdownMenuContentProps): react_jsx_runtime.JSX.Element;
+type DropdownMenuGroupProps = React.ComponentProps<typeof DropdownMenuPrimitive.Group>;
+declare function DropdownMenuGroup({ ...props }: DropdownMenuGroupProps): react_jsx_runtime.JSX.Element;
+type DropdownMenuItemProps = React.ComponentProps<typeof DropdownMenuPrimitive.Item> & {
+    inset?: boolean;
+    variant?: "default" | "destructive";
+};
+declare function DropdownMenuItem({ className, inset, variant, ...props }: DropdownMenuItemProps): react_jsx_runtime.JSX.Element;
+type DropdownMenuCheckboxItemProps = React.ComponentProps<typeof DropdownMenuPrimitive.CheckboxItem>;
+declare function DropdownMenuCheckboxItem({ className, children, checked, ...props }: DropdownMenuCheckboxItemProps): react_jsx_runtime.JSX.Element;
+type DropdownMenuRadioGroupProps = React.ComponentProps<typeof DropdownMenuPrimitive.RadioGroup>;
+declare function DropdownMenuRadioGroup({ ...props }: DropdownMenuRadioGroupProps): react_jsx_runtime.JSX.Element;
+type DropdownMenuRadioItemProps = React.ComponentProps<typeof DropdownMenuPrimitive.RadioItem>;
+declare function DropdownMenuRadioItem({ className, children, ...props }: DropdownMenuRadioItemProps): react_jsx_runtime.JSX.Element;
+type DropdownMenuLabelProps = React.ComponentProps<typeof DropdownMenuPrimitive.Label> & {
+    inset?: boolean;
+};
+declare function DropdownMenuLabel({ className, inset, ...props }: DropdownMenuLabelProps): react_jsx_runtime.JSX.Element;
+type DropdownMenuSeparatorProps = React.ComponentProps<typeof DropdownMenuPrimitive.Separator>;
+declare function DropdownMenuSeparator({ className, ...props }: DropdownMenuSeparatorProps): react_jsx_runtime.JSX.Element;
+type DropdownMenuItemShortcutProps = React.ComponentProps<"span">;
+declare function DropdownMenuShortcut({ className, ...props }: DropdownMenuItemShortcutProps): react_jsx_runtime.JSX.Element;
+type DropdownMenuSubProps = React.ComponentProps<typeof DropdownMenuPrimitive.Sub>;
+declare function DropdownMenuSub({ ...props }: DropdownMenuSubProps): react_jsx_runtime.JSX.Element;
+type DropdownMenuSubTriggerProps = React.ComponentProps<typeof DropdownMenuPrimitive.SubTrigger> & {
+    inset?: boolean;
+};
+declare function DropdownMenuSubTrigger({ className, inset, children, ...props }: DropdownMenuSubTriggerProps): react_jsx_runtime.JSX.Element;
+type DropdownMenuSubContentProps = React.ComponentProps<typeof DropdownMenuPrimitive.SubContent>;
+declare function DropdownMenuSubContent({ className, ...props }: DropdownMenuSubContentProps): react_jsx_runtime.JSX.Element;
+
+export { DropdownMenuCheckboxItem, type DropdownMenuCheckboxItemProps, DropdownMenuContent, type DropdownMenuContentProps, DropdownMenuGroup, type DropdownMenuGroupProps, DropdownMenuItem, type DropdownMenuItemProps, type DropdownMenuItemShortcutProps, DropdownMenuLabel, type DropdownMenuLabelProps, DropdownMenuPortal, type DropdownMenuPortalProps, DropdownMenuRadioGroup, type DropdownMenuRadioGroupProps, DropdownMenuRadioItem, type DropdownMenuRadioItemProps, DropdownMenuRoot, type DropdownMenuRootProps, DropdownMenuSeparator, type DropdownMenuSeparatorProps, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, type DropdownMenuSubContentProps, type DropdownMenuSubProps, DropdownMenuSubTrigger, type DropdownMenuSubTriggerProps, DropdownMenuTrigger, type DropdownMenuTriggerProps };

package/dist/dropdown-menu.d.ts

@@ -0,0 +1,43 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
+import { ComponentProps } from 'react';
+
+type DropdownMenuRootProps = ComponentProps<typeof DropdownMenuPrimitive.Root>;
+declare function DropdownMenuRoot(props: DropdownMenuRootProps): react_jsx_runtime.JSX.Element;
+type DropdownMenuPortalProps = React.ComponentProps<typeof DropdownMenuPrimitive.Portal>;
+declare function DropdownMenuPortal({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Portal>): react_jsx_runtime.JSX.Element;
+type DropdownMenuTriggerProps = React.ComponentProps<typeof DropdownMenuPrimitive.Trigger>;
+declare function DropdownMenuTrigger({ ...props }: DropdownMenuTriggerProps): react_jsx_runtime.JSX.Element;
+type DropdownMenuContentProps = React.ComponentProps<typeof DropdownMenuPrimitive.Content>;
+declare function DropdownMenuContent({ className, sideOffset, ...props }: DropdownMenuContentProps): react_jsx_runtime.JSX.Element;
+type DropdownMenuGroupProps = React.ComponentProps<typeof DropdownMenuPrimitive.Group>;
+declare function DropdownMenuGroup({ ...props }: DropdownMenuGroupProps): react_jsx_runtime.JSX.Element;
+type DropdownMenuItemProps = React.ComponentProps<typeof DropdownMenuPrimitive.Item> & {
+    inset?: boolean;
+    variant?: "default" | "destructive";
+};
+declare function DropdownMenuItem({ className, inset, variant, ...props }: DropdownMenuItemProps): react_jsx_runtime.JSX.Element;
+type DropdownMenuCheckboxItemProps = React.ComponentProps<typeof DropdownMenuPrimitive.CheckboxItem>;
+declare function DropdownMenuCheckboxItem({ className, children, checked, ...props }: DropdownMenuCheckboxItemProps): react_jsx_runtime.JSX.Element;
+type DropdownMenuRadioGroupProps = React.ComponentProps<typeof DropdownMenuPrimitive.RadioGroup>;
+declare function DropdownMenuRadioGroup({ ...props }: DropdownMenuRadioGroupProps): react_jsx_runtime.JSX.Element;
+type DropdownMenuRadioItemProps = React.ComponentProps<typeof DropdownMenuPrimitive.RadioItem>;
+declare function DropdownMenuRadioItem({ className, children, ...props }: DropdownMenuRadioItemProps): react_jsx_runtime.JSX.Element;
+type DropdownMenuLabelProps = React.ComponentProps<typeof DropdownMenuPrimitive.Label> & {
+    inset?: boolean;
+};
+declare function DropdownMenuLabel({ className, inset, ...props }: DropdownMenuLabelProps): react_jsx_runtime.JSX.Element;
+type DropdownMenuSeparatorProps = React.ComponentProps<typeof DropdownMenuPrimitive.Separator>;
+declare function DropdownMenuSeparator({ className, ...props }: DropdownMenuSeparatorProps): react_jsx_runtime.JSX.Element;
+type DropdownMenuItemShortcutProps = React.ComponentProps<"span">;
+declare function DropdownMenuShortcut({ className, ...props }: DropdownMenuItemShortcutProps): react_jsx_runtime.JSX.Element;
+type DropdownMenuSubProps = React.ComponentProps<typeof DropdownMenuPrimitive.Sub>;
+declare function DropdownMenuSub({ ...props }: DropdownMenuSubProps): react_jsx_runtime.JSX.Element;
+type DropdownMenuSubTriggerProps = React.ComponentProps<typeof DropdownMenuPrimitive.SubTrigger> & {
+    inset?: boolean;
+};
+declare function DropdownMenuSubTrigger({ className, inset, children, ...props }: DropdownMenuSubTriggerProps): react_jsx_runtime.JSX.Element;
+type DropdownMenuSubContentProps = React.ComponentProps<typeof DropdownMenuPrimitive.SubContent>;
+declare function DropdownMenuSubContent({ className, ...props }: DropdownMenuSubContentProps): react_jsx_runtime.JSX.Element;
+
+export { DropdownMenuCheckboxItem, type DropdownMenuCheckboxItemProps, DropdownMenuContent, type DropdownMenuContentProps, DropdownMenuGroup, type DropdownMenuGroupProps, DropdownMenuItem, type DropdownMenuItemProps, type DropdownMenuItemShortcutProps, DropdownMenuLabel, type DropdownMenuLabelProps, DropdownMenuPortal, type DropdownMenuPortalProps, DropdownMenuRadioGroup, type DropdownMenuRadioGroupProps, DropdownMenuRadioItem, type DropdownMenuRadioItemProps, DropdownMenuRoot, type DropdownMenuRootProps, DropdownMenuSeparator, type DropdownMenuSeparatorProps, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, type DropdownMenuSubContentProps, type DropdownMenuSubProps, DropdownMenuSubTrigger, type DropdownMenuSubTriggerProps, DropdownMenuTrigger, type DropdownMenuTriggerProps };

package/dist/dropdown-menu.js

@@ -0,0 +1,265 @@
+"use client";
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/dropdown-menu.tsx
+var dropdown_menu_exports = {};
+__export(dropdown_menu_exports, {
+  DropdownMenuCheckboxItem: () => DropdownMenuCheckboxItem,
+  DropdownMenuContent: () => DropdownMenuContent,
+  DropdownMenuGroup: () => DropdownMenuGroup,
+  DropdownMenuItem: () => DropdownMenuItem,
+  DropdownMenuLabel: () => DropdownMenuLabel,
+  DropdownMenuPortal: () => DropdownMenuPortal,
+  DropdownMenuRadioGroup: () => DropdownMenuRadioGroup,
+  DropdownMenuRadioItem: () => DropdownMenuRadioItem,
+  DropdownMenuRoot: () => DropdownMenuRoot,
+  DropdownMenuSeparator: () => DropdownMenuSeparator,
+  DropdownMenuShortcut: () => DropdownMenuShortcut,
+  DropdownMenuSub: () => DropdownMenuSub,
+  DropdownMenuSubContent: () => DropdownMenuSubContent,
+  DropdownMenuSubTrigger: () => DropdownMenuSubTrigger,
+  DropdownMenuTrigger: () => DropdownMenuTrigger
+});
+module.exports = __toCommonJS(dropdown_menu_exports);
+var import_icons = require("@kopexa/icons");
+var import_react_utils = require("@kopexa/react-utils");
+var import_shared_utils = require("@kopexa/shared-utils");
+var import_theme = require("@kopexa/theme");
+var DropdownMenuPrimitive = __toESM(require("@radix-ui/react-dropdown-menu"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var [Provider, useDropdownMenuContext] = (0, import_react_utils.createContext)();
+function DropdownMenuRoot(props) {
+  const styles = (0, import_theme.dropdownMenu)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Provider, { value: { styles }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DropdownMenuPrimitive.Root, { "data-slot": "dropdown-menu", ...props }) });
+}
+function DropdownMenuPortal({
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DropdownMenuPrimitive.Portal, { "data-slot": "dropdown-menu-portal", ...props });
+}
+function DropdownMenuTrigger({ ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    DropdownMenuPrimitive.Trigger,
+    {
+      "data-slot": "dropdown-menu-trigger",
+      ...props
+    }
+  );
+}
+function DropdownMenuContent({
+  className,
+  sideOffset = 4,
+  ...props
+}) {
+  const styles = (0, import_theme.dropdownMenu)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    DropdownMenuPrimitive.Content,
+    {
+      "data-slot": "dropdown-menu-content",
+      sideOffset,
+      className: styles.content({ className }),
+      ...props
+    }
+  ) });
+}
+function DropdownMenuGroup({ ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DropdownMenuPrimitive.Group, { "data-slot": "dropdown-menu-group", ...props });
+}
+function DropdownMenuItem({
+  className,
+  inset,
+  variant = "default",
+  ...props
+}) {
+  const { styles } = useDropdownMenuContext();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    DropdownMenuPrimitive.Item,
+    {
+      "data-slot": "dropdown-menu-item",
+      "data-inset": inset,
+      "data-variant": variant,
+      className: styles.item({
+        className
+      }),
+      ...props
+    }
+  );
+}
+function DropdownMenuCheckboxItem({
+  className,
+  children,
+  checked,
+  ...props
+}) {
+  const { styles } = useDropdownMenuContext();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    DropdownMenuPrimitive.CheckboxItem,
+    {
+      "data-slot": "dropdown-menu-checkbox-item",
+      className: styles.checkboxItem({ className }),
+      checked,
+      ...props,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: styles.iconWrapper(), children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.CheckIcon, { className: styles.icon() }) }) }),
+        children
+      ]
+    }
+  );
+}
+function DropdownMenuRadioGroup({
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    DropdownMenuPrimitive.RadioGroup,
+    {
+      "data-slot": "dropdown-menu-radio-group",
+      ...props
+    }
+  );
+}
+function DropdownMenuRadioItem({
+  className,
+  children,
+  ...props
+}) {
+  const { styles } = useDropdownMenuContext();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    DropdownMenuPrimitive.RadioItem,
+    {
+      "data-slot": "dropdown-menu-radio-item",
+      className: styles.radioItem({ className }),
+      ...props,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: styles.iconWrapper(), children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.CircleIcon, { className: styles.radioItemIcon() }) }) }),
+        children
+      ]
+    }
+  );
+}
+function DropdownMenuLabel({
+  className,
+  inset,
+  ...props
+}) {
+  const { styles } = useDropdownMenuContext();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    DropdownMenuPrimitive.Label,
+    {
+      "data-slot": "dropdown-menu-label",
+      "data-inset": inset,
+      className: styles.label({ className }),
+      ...props
+    }
+  );
+}
+function DropdownMenuSeparator({
+  className,
+  ...props
+}) {
+  const { styles } = useDropdownMenuContext();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    DropdownMenuPrimitive.Separator,
+    {
+      "data-slot": "dropdown-menu-separator",
+      className: styles.separator({ className }),
+      ...props
+    }
+  );
+}
+function DropdownMenuShortcut({
+  className,
+  ...props
+}) {
+  const { styles } = useDropdownMenuContext();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "span",
+    {
+      "data-slot": "dropdown-menu-shortcut",
+      className: styles.shortcut({ className }),
+      ...props
+    }
+  );
+}
+function DropdownMenuSub({ ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DropdownMenuPrimitive.Sub, { "data-slot": "dropdown-menu-sub", ...props });
+}
+function DropdownMenuSubTrigger({
+  className,
+  inset,
+  children,
+  ...props
+}) {
+  const { styles } = useDropdownMenuContext();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    DropdownMenuPrimitive.SubTrigger,
+    {
+      "data-slot": "dropdown-menu-sub-trigger",
+      "data-inset": (0, import_shared_utils.dataAttr)(inset),
+      className: styles.subTrigger({ className }),
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.ChevronRightIcon, { className: styles.subTriggerIcon() })
+      ]
+    }
+  );
+}
+function DropdownMenuSubContent({
+  className,
+  ...props
+}) {
+  const { styles } = useDropdownMenuContext();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    DropdownMenuPrimitive.SubContent,
+    {
+      "data-slot": "dropdown-menu-sub-content",
+      className: styles.subContent({ className }),
+      ...props
+    }
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  DropdownMenuCheckboxItem,
+  DropdownMenuContent,
+  DropdownMenuGroup,
+  DropdownMenuItem,
+  DropdownMenuLabel,
+  DropdownMenuPortal,
+  DropdownMenuRadioGroup,
+  DropdownMenuRadioItem,
+  DropdownMenuRoot,
+  DropdownMenuSeparator,
+  DropdownMenuShortcut,
+  DropdownMenuSub,
+  DropdownMenuSubContent,
+  DropdownMenuSubTrigger,
+  DropdownMenuTrigger
+});

package/dist/dropdown-menu.mjs

@@ -0,0 +1,35 @@
+"use client";
+import {
+  DropdownMenuCheckboxItem,
+  DropdownMenuContent,
+  DropdownMenuGroup,
+  DropdownMenuItem,
+  DropdownMenuLabel,
+  DropdownMenuPortal,
+  DropdownMenuRadioGroup,
+  DropdownMenuRadioItem,
+  DropdownMenuRoot,
+  DropdownMenuSeparator,
+  DropdownMenuShortcut,
+  DropdownMenuSub,
+  DropdownMenuSubContent,
+  DropdownMenuSubTrigger,
+  DropdownMenuTrigger
+} from "./chunk-NF4CISAE.mjs";
+export {
+  DropdownMenuCheckboxItem,
+  DropdownMenuContent,
+  DropdownMenuGroup,
+  DropdownMenuItem,
+  DropdownMenuLabel,
+  DropdownMenuPortal,
+  DropdownMenuRadioGroup,
+  DropdownMenuRadioItem,
+  DropdownMenuRoot,
+  DropdownMenuSeparator,
+  DropdownMenuShortcut,
+  DropdownMenuSub,
+  DropdownMenuSubContent,
+  DropdownMenuSubTrigger,
+  DropdownMenuTrigger
+};

package/dist/index.d.mts

@@ -0,0 +1,5 @@
+export { n as DropdownMenu } from './namespace.mjs';
+import './dropdown-menu.mjs';
+import 'react/jsx-runtime';
+import '@radix-ui/react-dropdown-menu';
+import 'react';

package/dist/index.d.ts

@@ -0,0 +1,5 @@
+export { n as DropdownMenu } from './namespace.js';
+import './dropdown-menu.js';
+import 'react/jsx-runtime';
+import '@radix-ui/react-dropdown-menu';
+import 'react';

package/dist/index.js

@@ -0,0 +1,259 @@
+"use client";
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var index_exports = {};
+__export(index_exports, {
+  DropdownMenu: () => namespace_exports
+});
+module.exports = __toCommonJS(index_exports);
+
+// src/namespace.ts
+var namespace_exports = {};
+__export(namespace_exports, {
+  CheckboxItem: () => DropdownMenuCheckboxItem,
+  Content: () => DropdownMenuContent,
+  Group: () => DropdownMenuGroup,
+  Item: () => DropdownMenuItem,
+  Label: () => DropdownMenuLabel,
+  Portal: () => DropdownMenuPortal,
+  RadioGroup: () => DropdownMenuRadioGroup,
+  RadioItem: () => DropdownMenuRadioItem,
+  Root: () => DropdownMenuRoot,
+  Separator: () => DropdownMenuSeparator,
+  Shortcut: () => DropdownMenuShortcut,
+  Sub: () => DropdownMenuSub,
+  SubContent: () => DropdownMenuSubContent,
+  SubTrigger: () => DropdownMenuSubTrigger,
+  Trigger: () => DropdownMenuTrigger
+});
+
+// src/dropdown-menu.tsx
+var import_icons = require("@kopexa/icons");
+var import_react_utils = require("@kopexa/react-utils");
+var import_shared_utils = require("@kopexa/shared-utils");
+var import_theme = require("@kopexa/theme");
+var DropdownMenuPrimitive = __toESM(require("@radix-ui/react-dropdown-menu"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var [Provider, useDropdownMenuContext] = (0, import_react_utils.createContext)();
+function DropdownMenuRoot(props) {
+  const styles = (0, import_theme.dropdownMenu)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Provider, { value: { styles }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DropdownMenuPrimitive.Root, { "data-slot": "dropdown-menu", ...props }) });
+}
+function DropdownMenuPortal({
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DropdownMenuPrimitive.Portal, { "data-slot": "dropdown-menu-portal", ...props });
+}
+function DropdownMenuTrigger({ ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    DropdownMenuPrimitive.Trigger,
+    {
+      "data-slot": "dropdown-menu-trigger",
+      ...props
+    }
+  );
+}
+function DropdownMenuContent({
+  className,
+  sideOffset = 4,
+  ...props
+}) {
+  const styles = (0, import_theme.dropdownMenu)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    DropdownMenuPrimitive.Content,
+    {
+      "data-slot": "dropdown-menu-content",
+      sideOffset,
+      className: styles.content({ className }),
+      ...props
+    }
+  ) });
+}
+function DropdownMenuGroup({ ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DropdownMenuPrimitive.Group, { "data-slot": "dropdown-menu-group", ...props });
+}
+function DropdownMenuItem({
+  className,
+  inset,
+  variant = "default",
+  ...props
+}) {
+  const { styles } = useDropdownMenuContext();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    DropdownMenuPrimitive.Item,
+    {
+      "data-slot": "dropdown-menu-item",
+      "data-inset": inset,
+      "data-variant": variant,
+      className: styles.item({
+        className
+      }),
+      ...props
+    }
+  );
+}
+function DropdownMenuCheckboxItem({
+  className,
+  children,
+  checked,
+  ...props
+}) {
+  const { styles } = useDropdownMenuContext();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    DropdownMenuPrimitive.CheckboxItem,
+    {
+      "data-slot": "dropdown-menu-checkbox-item",
+      className: styles.checkboxItem({ className }),
+      checked,
+      ...props,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: styles.iconWrapper(), children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.CheckIcon, { className: styles.icon() }) }) }),
+        children
+      ]
+    }
+  );
+}
+function DropdownMenuRadioGroup({
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    DropdownMenuPrimitive.RadioGroup,
+    {
+      "data-slot": "dropdown-menu-radio-group",
+      ...props
+    }
+  );
+}
+function DropdownMenuRadioItem({
+  className,
+  children,
+  ...props
+}) {
+  const { styles } = useDropdownMenuContext();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    DropdownMenuPrimitive.RadioItem,
+    {
+      "data-slot": "dropdown-menu-radio-item",
+      className: styles.radioItem({ className }),
+      ...props,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: styles.iconWrapper(), children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.CircleIcon, { className: styles.radioItemIcon() }) }) }),
+        children
+      ]
+    }
+  );
+}
+function DropdownMenuLabel({
+  className,
+  inset,
+  ...props
+}) {
+  const { styles } = useDropdownMenuContext();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    DropdownMenuPrimitive.Label,
+    {
+      "data-slot": "dropdown-menu-label",
+      "data-inset": inset,
+      className: styles.label({ className }),
+      ...props
+    }
+  );
+}
+function DropdownMenuSeparator({
+  className,
+  ...props
+}) {
+  const { styles } = useDropdownMenuContext();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    DropdownMenuPrimitive.Separator,
+    {
+      "data-slot": "dropdown-menu-separator",
+      className: styles.separator({ className }),
+      ...props
+    }
+  );
+}
+function DropdownMenuShortcut({
+  className,
+  ...props
+}) {
+  const { styles } = useDropdownMenuContext();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "span",
+    {
+      "data-slot": "dropdown-menu-shortcut",
+      className: styles.shortcut({ className }),
+      ...props
+    }
+  );
+}
+function DropdownMenuSub({ ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DropdownMenuPrimitive.Sub, { "data-slot": "dropdown-menu-sub", ...props });
+}
+function DropdownMenuSubTrigger({
+  className,
+  inset,
+  children,
+  ...props
+}) {
+  const { styles } = useDropdownMenuContext();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    DropdownMenuPrimitive.SubTrigger,
+    {
+      "data-slot": "dropdown-menu-sub-trigger",
+      "data-inset": (0, import_shared_utils.dataAttr)(inset),
+      className: styles.subTrigger({ className }),
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.ChevronRightIcon, { className: styles.subTriggerIcon() })
+      ]
+    }
+  );
+}
+function DropdownMenuSubContent({
+  className,
+  ...props
+}) {
+  const { styles } = useDropdownMenuContext();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    DropdownMenuPrimitive.SubContent,
+    {
+      "data-slot": "dropdown-menu-sub-content",
+      className: styles.subContent({ className }),
+      ...props
+    }
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  DropdownMenu
+});

package/dist/index.mjs

@@ -0,0 +1,8 @@
+"use client";
+import {
+  namespace_exports
+} from "./chunk-OEIWSUDF.mjs";
+import "./chunk-NF4CISAE.mjs";
+export {
+  namespace_exports as DropdownMenu
+};

package/dist/namespace.d.mts

@@ -0,0 +1,10 @@
+import { DropdownMenuCheckboxItem, DropdownMenuCheckboxItemProps, DropdownMenuContent, DropdownMenuContentProps, DropdownMenuGroup, DropdownMenuGroupProps, DropdownMenuItem, DropdownMenuItemProps, DropdownMenuItemShortcutProps, DropdownMenuLabel, DropdownMenuLabelProps, DropdownMenuPortal, DropdownMenuPortalProps, DropdownMenuRadioGroup, DropdownMenuRadioGroupProps, DropdownMenuRadioItem, DropdownMenuRadioItemProps, DropdownMenuRoot, DropdownMenuRootProps, DropdownMenuSeparator, DropdownMenuSeparatorProps, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubContentProps, DropdownMenuSubProps, DropdownMenuSubTrigger, DropdownMenuSubTriggerProps, DropdownMenuTrigger, DropdownMenuTriggerProps } from './dropdown-menu.mjs';
+import 'react/jsx-runtime';
+import '@radix-ui/react-dropdown-menu';
+import 'react';
+
+declare namespace namespace {
+  export { DropdownMenuCheckboxItem as CheckboxItem, DropdownMenuCheckboxItemProps as CheckboxItemProps, DropdownMenuContent as Content, DropdownMenuContentProps as ContentProps, DropdownMenuGroup as Group, DropdownMenuGroupProps as GroupProps, DropdownMenuItem as Item, DropdownMenuItemProps as ItemProps, DropdownMenuItemShortcutProps as ItemShortcutProps, DropdownMenuLabel as Label, DropdownMenuLabelProps as LabelProps, DropdownMenuPortal as Portal, DropdownMenuPortalProps as PortalProps, DropdownMenuRadioGroup as RadioGroup, DropdownMenuRadioGroupProps as RadioGroupProps, DropdownMenuRadioItem as RadioItem, DropdownMenuRadioItemProps as RadioItemProps, DropdownMenuRoot as Root, DropdownMenuRootProps as RootProps, DropdownMenuSeparator as Separator, DropdownMenuSeparatorProps as SeparatorProps, DropdownMenuShortcut as Shortcut, DropdownMenuSub as Sub, DropdownMenuSubContent as SubContent, DropdownMenuSubContentProps as SubContentProps, DropdownMenuSubProps as SubProps, DropdownMenuSubTrigger as SubTrigger, DropdownMenuSubTriggerProps as SubTriggerProps, DropdownMenuTrigger as Trigger, DropdownMenuTriggerProps as TriggerProps };
+}
+
+export { DropdownMenuCheckboxItem as CheckboxItem, DropdownMenuCheckboxItemProps as CheckboxItemProps, DropdownMenuContent as Content, DropdownMenuContentProps as ContentProps, DropdownMenuGroup as Group, DropdownMenuGroupProps as GroupProps, DropdownMenuItem as Item, DropdownMenuItemProps as ItemProps, DropdownMenuItemShortcutProps as ItemShortcutProps, DropdownMenuLabel as Label, DropdownMenuLabelProps as LabelProps, DropdownMenuPortal as Portal, DropdownMenuPortalProps as PortalProps, DropdownMenuRadioGroup as RadioGroup, DropdownMenuRadioGroupProps as RadioGroupProps, DropdownMenuRadioItem as RadioItem, DropdownMenuRadioItemProps as RadioItemProps, DropdownMenuRoot as Root, DropdownMenuRootProps as RootProps, DropdownMenuSeparator as Separator, DropdownMenuSeparatorProps as SeparatorProps, DropdownMenuShortcut as Shortcut, DropdownMenuSub as Sub, DropdownMenuSubContent as SubContent, DropdownMenuSubContentProps as SubContentProps, DropdownMenuSubProps as SubProps, DropdownMenuSubTrigger as SubTrigger, DropdownMenuSubTriggerProps as SubTriggerProps, DropdownMenuTrigger as Trigger, DropdownMenuTriggerProps as TriggerProps, namespace as n };

package/dist/namespace.d.ts

@@ -0,0 +1,10 @@
+import { DropdownMenuCheckboxItem, DropdownMenuCheckboxItemProps, DropdownMenuContent, DropdownMenuContentProps, DropdownMenuGroup, DropdownMenuGroupProps, DropdownMenuItem, DropdownMenuItemProps, DropdownMenuItemShortcutProps, DropdownMenuLabel, DropdownMenuLabelProps, DropdownMenuPortal, DropdownMenuPortalProps, DropdownMenuRadioGroup, DropdownMenuRadioGroupProps, DropdownMenuRadioItem, DropdownMenuRadioItemProps, DropdownMenuRoot, DropdownMenuRootProps, DropdownMenuSeparator, DropdownMenuSeparatorProps, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubContentProps, DropdownMenuSubProps, DropdownMenuSubTrigger, DropdownMenuSubTriggerProps, DropdownMenuTrigger, DropdownMenuTriggerProps } from './dropdown-menu.js';
+import 'react/jsx-runtime';
+import '@radix-ui/react-dropdown-menu';
+import 'react';
+
+declare namespace namespace {
+  export { DropdownMenuCheckboxItem as CheckboxItem, DropdownMenuCheckboxItemProps as CheckboxItemProps, DropdownMenuContent as Content, DropdownMenuContentProps as ContentProps, DropdownMenuGroup as Group, DropdownMenuGroupProps as GroupProps, DropdownMenuItem as Item, DropdownMenuItemProps as ItemProps, DropdownMenuItemShortcutProps as ItemShortcutProps, DropdownMenuLabel as Label, DropdownMenuLabelProps as LabelProps, DropdownMenuPortal as Portal, DropdownMenuPortalProps as PortalProps, DropdownMenuRadioGroup as RadioGroup, DropdownMenuRadioGroupProps as RadioGroupProps, DropdownMenuRadioItem as RadioItem, DropdownMenuRadioItemProps as RadioItemProps, DropdownMenuRoot as Root, DropdownMenuRootProps as RootProps, DropdownMenuSeparator as Separator, DropdownMenuSeparatorProps as SeparatorProps, DropdownMenuShortcut as Shortcut, DropdownMenuSub as Sub, DropdownMenuSubContent as SubContent, DropdownMenuSubContentProps as SubContentProps, DropdownMenuSubProps as SubProps, DropdownMenuSubTrigger as SubTrigger, DropdownMenuSubTriggerProps as SubTriggerProps, DropdownMenuTrigger as Trigger, DropdownMenuTriggerProps as TriggerProps };
+}
+
+export { DropdownMenuCheckboxItem as CheckboxItem, DropdownMenuCheckboxItemProps as CheckboxItemProps, DropdownMenuContent as Content, DropdownMenuContentProps as ContentProps, DropdownMenuGroup as Group, DropdownMenuGroupProps as GroupProps, DropdownMenuItem as Item, DropdownMenuItemProps as ItemProps, DropdownMenuItemShortcutProps as ItemShortcutProps, DropdownMenuLabel as Label, DropdownMenuLabelProps as LabelProps, DropdownMenuPortal as Portal, DropdownMenuPortalProps as PortalProps, DropdownMenuRadioGroup as RadioGroup, DropdownMenuRadioGroupProps as RadioGroupProps, DropdownMenuRadioItem as RadioItem, DropdownMenuRadioItemProps as RadioItemProps, DropdownMenuRoot as Root, DropdownMenuRootProps as RootProps, DropdownMenuSeparator as Separator, DropdownMenuSeparatorProps as SeparatorProps, DropdownMenuShortcut as Shortcut, DropdownMenuSub as Sub, DropdownMenuSubContent as SubContent, DropdownMenuSubContentProps as SubContentProps, DropdownMenuSubProps as SubProps, DropdownMenuSubTrigger as SubTrigger, DropdownMenuSubTriggerProps as SubTriggerProps, DropdownMenuTrigger as Trigger, DropdownMenuTriggerProps as TriggerProps, namespace as n };

package/dist/namespace.js

@@ -0,0 +1,267 @@
+"use client";
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/namespace.ts
+var namespace_exports = {};
+__export(namespace_exports, {
+  CheckboxItem: () => DropdownMenuCheckboxItem,
+  Content: () => DropdownMenuContent,
+  Group: () => DropdownMenuGroup,
+  Item: () => DropdownMenuItem,
+  Label: () => DropdownMenuLabel,
+  Portal: () => DropdownMenuPortal,
+  RadioGroup: () => DropdownMenuRadioGroup,
+  RadioItem: () => DropdownMenuRadioItem,
+  Root: () => DropdownMenuRoot,
+  Separator: () => DropdownMenuSeparator,
+  Shortcut: () => DropdownMenuShortcut,
+  Sub: () => DropdownMenuSub,
+  SubContent: () => DropdownMenuSubContent,
+  SubTrigger: () => DropdownMenuSubTrigger,
+  Trigger: () => DropdownMenuTrigger
+});
+module.exports = __toCommonJS(namespace_exports);
+
+// src/dropdown-menu.tsx
+var import_icons = require("@kopexa/icons");
+var import_react_utils = require("@kopexa/react-utils");
+var import_shared_utils = require("@kopexa/shared-utils");
+var import_theme = require("@kopexa/theme");
+var DropdownMenuPrimitive = __toESM(require("@radix-ui/react-dropdown-menu"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var [Provider, useDropdownMenuContext] = (0, import_react_utils.createContext)();
+function DropdownMenuRoot(props) {
+  const styles = (0, import_theme.dropdownMenu)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Provider, { value: { styles }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DropdownMenuPrimitive.Root, { "data-slot": "dropdown-menu", ...props }) });
+}
+function DropdownMenuPortal({
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DropdownMenuPrimitive.Portal, { "data-slot": "dropdown-menu-portal", ...props });
+}
+function DropdownMenuTrigger({ ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    DropdownMenuPrimitive.Trigger,
+    {
+      "data-slot": "dropdown-menu-trigger",
+      ...props
+    }
+  );
+}
+function DropdownMenuContent({
+  className,
+  sideOffset = 4,
+  ...props
+}) {
+  const styles = (0, import_theme.dropdownMenu)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    DropdownMenuPrimitive.Content,
+    {
+      "data-slot": "dropdown-menu-content",
+      sideOffset,
+      className: styles.content({ className }),
+      ...props
+    }
+  ) });
+}
+function DropdownMenuGroup({ ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DropdownMenuPrimitive.Group, { "data-slot": "dropdown-menu-group", ...props });
+}
+function DropdownMenuItem({
+  className,
+  inset,
+  variant = "default",
+  ...props
+}) {
+  const { styles } = useDropdownMenuContext();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    DropdownMenuPrimitive.Item,
+    {
+      "data-slot": "dropdown-menu-item",
+      "data-inset": inset,
+      "data-variant": variant,
+      className: styles.item({
+        className
+      }),
+      ...props
+    }
+  );
+}
+function DropdownMenuCheckboxItem({
+  className,
+  children,
+  checked,
+  ...props
+}) {
+  const { styles } = useDropdownMenuContext();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    DropdownMenuPrimitive.CheckboxItem,
+    {
+      "data-slot": "dropdown-menu-checkbox-item",
+      className: styles.checkboxItem({ className }),
+      checked,
+      ...props,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: styles.iconWrapper(), children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.CheckIcon, { className: styles.icon() }) }) }),
+        children
+      ]
+    }
+  );
+}
+function DropdownMenuRadioGroup({
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    DropdownMenuPrimitive.RadioGroup,
+    {
+      "data-slot": "dropdown-menu-radio-group",
+      ...props
+    }
+  );
+}
+function DropdownMenuRadioItem({
+  className,
+  children,
+  ...props
+}) {
+  const { styles } = useDropdownMenuContext();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    DropdownMenuPrimitive.RadioItem,
+    {
+      "data-slot": "dropdown-menu-radio-item",
+      className: styles.radioItem({ className }),
+      ...props,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: styles.iconWrapper(), children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.CircleIcon, { className: styles.radioItemIcon() }) }) }),
+        children
+      ]
+    }
+  );
+}
+function DropdownMenuLabel({
+  className,
+  inset,
+  ...props
+}) {
+  const { styles } = useDropdownMenuContext();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    DropdownMenuPrimitive.Label,
+    {
+      "data-slot": "dropdown-menu-label",
+      "data-inset": inset,
+      className: styles.label({ className }),
+      ...props
+    }
+  );
+}
+function DropdownMenuSeparator({
+  className,
+  ...props
+}) {
+  const { styles } = useDropdownMenuContext();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    DropdownMenuPrimitive.Separator,
+    {
+      "data-slot": "dropdown-menu-separator",
+      className: styles.separator({ className }),
+      ...props
+    }
+  );
+}
+function DropdownMenuShortcut({
+  className,
+  ...props
+}) {
+  const { styles } = useDropdownMenuContext();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "span",
+    {
+      "data-slot": "dropdown-menu-shortcut",
+      className: styles.shortcut({ className }),
+      ...props
+    }
+  );
+}
+function DropdownMenuSub({ ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DropdownMenuPrimitive.Sub, { "data-slot": "dropdown-menu-sub", ...props });
+}
+function DropdownMenuSubTrigger({
+  className,
+  inset,
+  children,
+  ...props
+}) {
+  const { styles } = useDropdownMenuContext();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    DropdownMenuPrimitive.SubTrigger,
+    {
+      "data-slot": "dropdown-menu-sub-trigger",
+      "data-inset": (0, import_shared_utils.dataAttr)(inset),
+      className: styles.subTrigger({ className }),
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.ChevronRightIcon, { className: styles.subTriggerIcon() })
+      ]
+    }
+  );
+}
+function DropdownMenuSubContent({
+  className,
+  ...props
+}) {
+  const { styles } = useDropdownMenuContext();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    DropdownMenuPrimitive.SubContent,
+    {
+      "data-slot": "dropdown-menu-sub-content",
+      className: styles.subContent({ className }),
+      ...props
+    }
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  CheckboxItem,
+  Content,
+  Group,
+  Item,
+  Label,
+  Portal,
+  RadioGroup,
+  RadioItem,
+  Root,
+  Separator,
+  Shortcut,
+  Sub,
+  SubContent,
+  SubTrigger,
+  Trigger
+});

package/dist/namespace.mjs

@@ -0,0 +1,36 @@
+"use client";
+import "./chunk-OEIWSUDF.mjs";
+import {
+  DropdownMenuCheckboxItem,
+  DropdownMenuContent,
+  DropdownMenuGroup,
+  DropdownMenuItem,
+  DropdownMenuLabel,
+  DropdownMenuPortal,
+  DropdownMenuRadioGroup,
+  DropdownMenuRadioItem,
+  DropdownMenuRoot,
+  DropdownMenuSeparator,
+  DropdownMenuShortcut,
+  DropdownMenuSub,
+  DropdownMenuSubContent,
+  DropdownMenuSubTrigger,
+  DropdownMenuTrigger
+} from "./chunk-NF4CISAE.mjs";
+export {
+  DropdownMenuCheckboxItem as CheckboxItem,
+  DropdownMenuContent as Content,
+  DropdownMenuGroup as Group,
+  DropdownMenuItem as Item,
+  DropdownMenuLabel as Label,
+  DropdownMenuPortal as Portal,
+  DropdownMenuRadioGroup as RadioGroup,
+  DropdownMenuRadioItem as RadioItem,
+  DropdownMenuRoot as Root,
+  DropdownMenuSeparator as Separator,
+  DropdownMenuShortcut as Shortcut,
+  DropdownMenuSub as Sub,
+  DropdownMenuSubContent as SubContent,
+  DropdownMenuSubTrigger as SubTrigger,
+  DropdownMenuTrigger as Trigger
+};

package/package.json

@@ -0,0 +1,57 @@
+{
+  "name": "@kopexa/dropdown-menu",
+  "version": "0.0.0-canary-20250721083908",
+  "description": "A dropdown menu",
+  "keywords": [
+    "dropdown-menu"
+  ],
+  "author": "Kopexa <hello@kopexa.com>",
+  "homepage": "https://kopexa.com",
+  "license": "MIT",
+  "main": "dist/index.js",
+  "sideEffects": false,
+  "files": [
+    "dist"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/kopexa-grc/sight.git",
+    "directory": "packages/components/dropdown-menu"
+  },
+  "bugs": {
+    "url": "https://github.com/kopexa-grc/sight/issues"
+  },
+  "peerDependencies": {
+    "motion": ">=12.23.6",
+    "react": ">=19.0.0-rc.0",
+    "react-dom": ">=19.0.0-rc.0",
+    "@kopexa/theme": "0.0.0-canary-20250721083908",
+    "@kopexa/icons": "0.0.0-canary-20250721083908"
+  },
+  "dependencies": {
+    "@radix-ui/react-dropdown-menu": "^2.1.15",
+    "@kopexa/react-utils": "2.0.1",
+    "@kopexa/shared-utils": "1.1.1"
+  },
+  "clean-package": "../../../clean-package.config.json",
+  "module": "dist/index.mjs",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.js"
+    },
+    "./package.json": "./package.json"
+  },
+  "scripts": {
+    "build": "tsup src --dts",
+    "build:fast": "tsup src",
+    "dev": "pnpm build:fast --watch",
+    "clean": "rimraf dist .turbo",
+    "typecheck": "tsc --noEmit"
+  }
+}