@mdigital_ui/ui 0.2.9 → 0.3.0

package/dist/chunk-YWGWFGCY.js

@@ -0,0 +1,332 @@
+import { cn } from './chunk-NGYLRX6F.js';
+import { cva } from 'class-variance-authority';
+import React from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var tableVariants = cva("w-full border-separate border-spacing-0", {
+  variants: {
+    bordered: {
+      true: "border border-border",
+      false: ""
+    },
+    rounded: {
+      true: "rounded-lg",
+      false: ""
+    }
+  },
+  compoundVariants: [
+    { bordered: true, rounded: true, class: "overflow-hidden" }
+  ],
+  defaultVariants: {
+    bordered: true,
+    rounded: true
+  }
+});
+var labelCellVariants = cva(
+  "font-semibold text-text-primary border-b border-r border-border",
+  {
+    variants: {
+      size: {
+        xs: "py-1 px-2 text-[10px]",
+        sm: "py-2 px-3 text-xs",
+        md: "py-3 px-4 text-sm",
+        lg: "py-4 px-5 text-base"
+      },
+      color: {
+        default: "bg-surface",
+        primary: "bg-primary/10",
+        secondary: "bg-secondary/10",
+        accent: "bg-accent/10",
+        success: "bg-success/10",
+        error: "bg-error/10",
+        warning: "bg-warning/10",
+        info: "bg-info/10"
+      }
+    },
+    defaultVariants: {
+      size: "md",
+      color: "default"
+    }
+  }
+);
+var valueCellVariants = cva(
+  "text-text-primary border-b border-r border-border bg-background",
+  {
+    variants: {
+      size: {
+        xs: "py-1 px-2 text-[10px]",
+        sm: "py-2 px-3 text-xs",
+        md: "py-3 px-4 text-sm",
+        lg: "py-4 px-5 text-base"
+      }
+    },
+    defaultVariants: {
+      size: "md"
+    }
+  }
+);
+var Descriptions = React.memo(
+  ({
+    items,
+    column = 3,
+    color = "default",
+    size = "md",
+    layout = "horizontal",
+    bordered = true,
+    rounded = true,
+    className,
+    classNames,
+    title,
+    extra,
+    ref,
+    ...props
+  }) => {
+    const rows = [];
+    let currentRow = [];
+    let currentSpan = 0;
+    items.forEach((item) => {
+      const itemSpan = item.span || 1;
+      if (currentSpan + itemSpan > column) {
+        rows.push(currentRow);
+        currentRow = [item];
+        currentSpan = itemSpan;
+      } else {
+        currentRow.push(item);
+        currentSpan += itemSpan;
+      }
+    });
+    if (currentRow.length > 0) {
+      rows.push(currentRow);
+    }
+    if (layout === "vertical") {
+      const tableContent = /* @__PURE__ */ jsx(
+        "table",
+        {
+          className: cn(tableVariants({ bordered, rounded })),
+          role: "presentation",
+          children: /* @__PURE__ */ jsx("tbody", { "data-slot": "body", className: classNames?.body, children: rows.map((row, rowIndex) => {
+            const isLastRow = rowIndex === rows.length - 1;
+            let colPosition = 0;
+            const itemsAtRightEdge = row.map((item) => {
+              const span = item.span || 1;
+              colPosition += span;
+              return colPosition >= column;
+            });
+            return /* @__PURE__ */ jsxs(React.Fragment, { children: [
+              /* @__PURE__ */ jsx("tr", { className: cn("descriptions_item", classNames?.item), "data-slot": "item", children: row.map((item, itemIndex) => /* @__PURE__ */ jsx(
+                "th",
+                {
+                  colSpan: item.span || 1,
+                  className: cn(
+                    "descriptions_label",
+                    labelCellVariants({ size, color }),
+                    itemsAtRightEdge[itemIndex] && "border-r-0",
+                    classNames?.label
+                  ),
+                  "data-slot": "label",
+                  children: item.label
+                },
+                `${item.key}-label`
+              )) }),
+              /* @__PURE__ */ jsx("tr", { className: cn("descriptions_item", classNames?.item), "data-slot": "item", children: row.map((item, itemIndex) => /* @__PURE__ */ jsx(
+                "td",
+                {
+                  colSpan: item.span || 1,
+                  className: cn(
+                    "descriptions_content",
+                    valueCellVariants({ size }),
+                    itemsAtRightEdge[itemIndex] && "border-r-0",
+                    isLastRow && "border-b-0",
+                    classNames?.content
+                  ),
+                  "data-slot": "content",
+                  children: item.children
+                },
+                `${item.key}-value`
+              )) })
+            ] }, rowIndex);
+          }) })
+        }
+      );
+      if (title || extra) {
+        return /* @__PURE__ */ jsxs("div", { ref, className: cn("descriptions_root", classNames?.root, className), "data-slot": "root", ...props, children: [
+          /* @__PURE__ */ jsxs("div", { className: cn("descriptions_title", "flex items-center justify-between mb-3", classNames?.title), "data-slot": "title", children: [
+            title && /* @__PURE__ */ jsx("div", { className: "text-base font-semibold text-text-primary", children: title }),
+            extra && /* @__PURE__ */ jsx("div", { className: cn("descriptions_extra", classNames?.extra), "data-slot": "extra", children: extra })
+          ] }),
+          tableContent
+        ] });
+      }
+      return /* @__PURE__ */ jsx(
+        "table",
+        {
+          ref,
+          className: cn("descriptions_root", tableVariants({ bordered, rounded }), classNames?.root, className),
+          "data-slot": "root",
+          role: "presentation",
+          ...props,
+          children: /* @__PURE__ */ jsx("tbody", { "data-slot": "body", className: classNames?.body, children: rows.map((row, rowIndex) => {
+            const isLastRow = rowIndex === rows.length - 1;
+            let colPosition = 0;
+            const itemsAtRightEdge = row.map((item) => {
+              const span = item.span || 1;
+              colPosition += span;
+              return colPosition >= column;
+            });
+            return /* @__PURE__ */ jsxs(React.Fragment, { children: [
+              /* @__PURE__ */ jsx("tr", { className: cn("descriptions_item", classNames?.item), "data-slot": "item", children: row.map((item, itemIndex) => /* @__PURE__ */ jsx(
+                "th",
+                {
+                  colSpan: item.span || 1,
+                  className: cn(
+                    "descriptions_label",
+                    labelCellVariants({ size, color }),
+                    itemsAtRightEdge[itemIndex] && "border-r-0",
+                    classNames?.label
+                  ),
+                  "data-slot": "label",
+                  children: item.label
+                },
+                `${item.key}-label`
+              )) }),
+              /* @__PURE__ */ jsx("tr", { className: cn("descriptions_item", classNames?.item), "data-slot": "item", children: row.map((item, itemIndex) => /* @__PURE__ */ jsx(
+                "td",
+                {
+                  colSpan: item.span || 1,
+                  className: cn(
+                    "descriptions_content",
+                    valueCellVariants({ size }),
+                    itemsAtRightEdge[itemIndex] && "border-r-0",
+                    isLastRow && "border-b-0",
+                    classNames?.content
+                  ),
+                  "data-slot": "content",
+                  children: item.children
+                },
+                `${item.key}-value`
+              )) })
+            ] }, rowIndex);
+          }) })
+        }
+      );
+    }
+    const horizontalTableContent = /* @__PURE__ */ jsx(
+      "table",
+      {
+        className: cn(tableVariants({ bordered, rounded })),
+        role: "presentation",
+        children: /* @__PURE__ */ jsx("tbody", { "data-slot": "body", className: classNames?.body, children: rows.map((row, rowIndex) => {
+          const isLastRow = rowIndex === rows.length - 1;
+          let colPosition = 0;
+          const valueAtRightEdge = row.map((item) => {
+            const span = item.span || 1;
+            colPosition += span * 2;
+            return colPosition >= column * 2;
+          });
+          return /* @__PURE__ */ jsx("tr", { className: cn("descriptions_item", classNames?.item), "data-slot": "item", children: row.map((item, itemIndex) => {
+            const itemSpan = item.span || 1;
+            const valueColSpan = itemSpan * 2 - 1;
+            return /* @__PURE__ */ jsxs(React.Fragment, { children: [
+              /* @__PURE__ */ jsx(
+                "th",
+                {
+                  className: cn(
+                    "descriptions_label",
+                    labelCellVariants({ size, color }),
+                    isLastRow && "border-b-0",
+                    classNames?.label
+                  ),
+                  "data-slot": "label",
+                  children: item.label
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                "td",
+                {
+                  colSpan: valueColSpan,
+                  className: cn(
+                    "descriptions_content",
+                    valueCellVariants({ size }),
+                    valueAtRightEdge[itemIndex] && "border-r-0",
+                    isLastRow && "border-b-0",
+                    classNames?.content
+                  ),
+                  "data-slot": "content",
+                  children: item.children
+                }
+              )
+            ] }, item.key);
+          }) }, rowIndex);
+        }) })
+      }
+    );
+    if (title || extra) {
+      return /* @__PURE__ */ jsxs("div", { ref, className: cn("descriptions_root", classNames?.root, className), "data-slot": "root", ...props, children: [
+        /* @__PURE__ */ jsxs("div", { className: cn("descriptions_title", "flex items-center justify-between mb-3", classNames?.title), "data-slot": "title", children: [
+          title && /* @__PURE__ */ jsx("div", { className: "text-base font-semibold text-text-primary", children: title }),
+          extra && /* @__PURE__ */ jsx("div", { className: cn("descriptions_extra", classNames?.extra), "data-slot": "extra", children: extra })
+        ] }),
+        horizontalTableContent
+      ] });
+    }
+    return /* @__PURE__ */ jsx(
+      "table",
+      {
+        ref,
+        className: cn("descriptions_root", tableVariants({ bordered, rounded }), classNames?.root, className),
+        "data-slot": "root",
+        role: "presentation",
+        ...props,
+        children: /* @__PURE__ */ jsx("tbody", { "data-slot": "body", className: classNames?.body, children: rows.map((row, rowIndex) => {
+          const isLastRow = rowIndex === rows.length - 1;
+          let colPosition = 0;
+          const valueAtRightEdge = row.map((item) => {
+            const span = item.span || 1;
+            colPosition += span * 2;
+            return colPosition >= column * 2;
+          });
+          return /* @__PURE__ */ jsx("tr", { className: cn("descriptions_item", classNames?.item), "data-slot": "item", children: row.map((item, itemIndex) => {
+            const itemSpan = item.span || 1;
+            const valueColSpan = itemSpan * 2 - 1;
+            return /* @__PURE__ */ jsxs(React.Fragment, { children: [
+              /* @__PURE__ */ jsx(
+                "th",
+                {
+                  className: cn(
+                    "descriptions_label",
+                    labelCellVariants({ size, color }),
+                    isLastRow && "border-b-0",
+                    classNames?.label
+                  ),
+                  "data-slot": "label",
+                  children: item.label
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                "td",
+                {
+                  colSpan: valueColSpan,
+                  className: cn(
+                    "descriptions_content",
+                    valueCellVariants({ size }),
+                    valueAtRightEdge[itemIndex] && "border-r-0",
+                    isLastRow && "border-b-0",
+                    classNames?.content
+                  ),
+                  "data-slot": "content",
+                  children: item.children
+                }
+              )
+            ] }, item.key);
+          }) }, rowIndex);
+        }) })
+      }
+    );
+  }
+);
+Descriptions.displayName = "Descriptions";
+var descriptions_default = Descriptions;
+
+export { descriptions_default };
+//# sourceMappingURL=chunk-YWGWFGCY.js.map
+//# sourceMappingURL=chunk-YWGWFGCY.js.map

package/dist/chunk-YWGWFGCY.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/descriptions/index.tsx"],"names":[],"mappings":"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","file":"chunk-YWGWFGCY.js","sourcesContent":["import { cva } from 'class-variance-authority'\nimport React from 'react'\n\nimport { cn } from '../utils'\nimport type { DescriptionsItem, DescriptionsProps } from './types'\n\nconst tableVariants = cva('w-full border-separate border-spacing-0', {\n  variants: {\n    bordered: {\n      true: 'border border-border',\n      false: '',\n    },\n    rounded: {\n      true: 'rounded-lg',\n      false: '',\n    },\n  },\n  compoundVariants: [\n    { bordered: true, rounded: true, class: 'overflow-hidden' },\n  ],\n  defaultVariants: {\n    bordered: true,\n    rounded: true,\n  },\n})\n\nconst labelCellVariants = cva(\n  'font-semibold text-text-primary border-b border-r border-border',\n  {\n    variants: {\n      size: {\n        xs: 'py-1 px-2 text-[10px]',\n        sm: 'py-2 px-3 text-xs',\n        md: 'py-3 px-4 text-sm',\n        lg: 'py-4 px-5 text-base',\n      },\n      color: {\n        default: 'bg-surface',\n        primary: 'bg-primary/10',\n        secondary: 'bg-secondary/10',\n        accent: 'bg-accent/10',\n        success: 'bg-success/10',\n        error: 'bg-error/10',\n        warning: 'bg-warning/10',\n        info: 'bg-info/10',\n      },\n    },\n    defaultVariants: {\n      size: 'md',\n      color: 'default',\n    },\n  },\n)\n\nconst valueCellVariants = cva(\n  'text-text-primary border-b border-r border-border bg-background',\n  {\n    variants: {\n      size: {\n        xs: 'py-1 px-2 text-[10px]',\n        sm: 'py-2 px-3 text-xs',\n        md: 'py-3 px-4 text-sm',\n        lg: 'py-4 px-5 text-base',\n      },\n    },\n    defaultVariants: {\n      size: 'md',\n    },\n  },\n)\n\nconst Descriptions = React.memo<DescriptionsProps>(\n  ({\n    items,\n    column = 3,\n    color = 'default',\n    size = 'md',\n    layout = 'horizontal',\n    bordered = true,\n    rounded = true,\n    className,\n    classNames,\n    title,\n    extra,\n    ref,\n    ...props\n  }) => {\n    // Split items into rows based on column count and span\n    const rows: DescriptionsItem[][] = []\n    let currentRow: DescriptionsItem[] = []\n    let currentSpan = 0\n\n    items.forEach((item) => {\n      const itemSpan = item.span || 1\n\n      if (currentSpan + itemSpan > column) {\n        rows.push(currentRow)\n        currentRow = [item]\n        currentSpan = itemSpan\n      } else {\n        currentRow.push(item)\n        currentSpan += itemSpan\n      }\n    })\n\n    if (currentRow.length > 0) {\n      rows.push(currentRow)\n    }\n\n    if (layout === 'vertical') {\n      const tableContent = (\n        <table\n          className={cn(tableVariants({ bordered, rounded }))}\n          role=\"presentation\"\n        >\n          <tbody data-slot=\"body\" className={classNames?.body}>\n            {rows.map((row, rowIndex) => {\n              const isLastRow = rowIndex === rows.length - 1\n\n              // Calculate which items reach the right edge\n              let colPosition = 0\n              const itemsAtRightEdge = row.map((item) => {\n                const span = item.span || 1\n                colPosition += span\n                return colPosition >= column\n              })\n\n              return (\n                <React.Fragment key={rowIndex}>\n                  <tr className={cn('descriptions_item', classNames?.item)} data-slot='item'>\n                    {row.map((item, itemIndex) => (\n                      <th\n                        key={`${item.key}-label`}\n                        colSpan={item.span || 1}\n                        className={cn(\n                          'descriptions_label',\n                          labelCellVariants({ size, color }),\n                          itemsAtRightEdge[itemIndex] && 'border-r-0',\n                          classNames?.label,\n                        )}\n                        data-slot='label'\n                      >\n                        {item.label}\n                      </th>\n                    ))}\n                  </tr>\n                  <tr className={cn('descriptions_item', classNames?.item)} data-slot='item'>\n                    {row.map((item, itemIndex) => (\n                      <td\n                        key={`${item.key}-value`}\n                        colSpan={item.span || 1}\n                        className={cn(\n                          'descriptions_content',\n                          valueCellVariants({ size }),\n                          itemsAtRightEdge[itemIndex] && 'border-r-0',\n                          isLastRow && 'border-b-0',\n                          classNames?.content,\n                        )}\n                        data-slot='content'\n                      >\n                        {item.children}\n                      </td>\n                    ))}\n                  </tr>\n                </React.Fragment>\n              )\n            })}\n          </tbody>\n        </table>\n      )\n\n      if (title || extra) {\n        return (\n          <div ref={ref} className={cn('descriptions_root', classNames?.root, className)} data-slot=\"root\" {...props}>\n            <div className={cn('descriptions_title', 'flex items-center justify-between mb-3', classNames?.title)} data-slot=\"title\">\n              {title && <div className=\"text-base font-semibold text-text-primary\">{title}</div>}\n              {extra && <div className={cn('descriptions_extra', classNames?.extra)} data-slot=\"extra\">{extra}</div>}\n            </div>\n            {tableContent}\n          </div>\n        )\n      }\n\n      return (\n        <table\n          ref={ref as React.Ref<HTMLTableElement>}\n          className={cn('descriptions_root', tableVariants({ bordered, rounded }), classNames?.root, className)}\n          data-slot=\"root\"\n          role=\"presentation\"\n          {...props}\n        >\n          <tbody data-slot=\"body\" className={classNames?.body}>\n            {rows.map((row, rowIndex) => {\n              const isLastRow = rowIndex === rows.length - 1\n\n              // Calculate which items reach the right edge\n              let colPosition = 0\n              const itemsAtRightEdge = row.map((item) => {\n                const span = item.span || 1\n                colPosition += span\n                return colPosition >= column\n              })\n\n              return (\n                <React.Fragment key={rowIndex}>\n                  <tr className={cn('descriptions_item', classNames?.item)} data-slot='item'>\n                    {row.map((item, itemIndex) => (\n                      <th\n                        key={`${item.key}-label`}\n                        colSpan={item.span || 1}\n                        className={cn(\n                          'descriptions_label',\n                          labelCellVariants({ size, color }),\n                          itemsAtRightEdge[itemIndex] && 'border-r-0',\n                          classNames?.label,\n                        )}\n                        data-slot='label'\n                      >\n                        {item.label}\n                      </th>\n                    ))}\n                  </tr>\n                  <tr className={cn('descriptions_item', classNames?.item)} data-slot='item'>\n                    {row.map((item, itemIndex) => (\n                      <td\n                        key={`${item.key}-value`}\n                        colSpan={item.span || 1}\n                        className={cn(\n                          'descriptions_content',\n                          valueCellVariants({ size }),\n                          itemsAtRightEdge[itemIndex] && 'border-r-0',\n                          isLastRow && 'border-b-0',\n                          classNames?.content,\n                        )}\n                        data-slot='content'\n                      >\n                        {item.children}\n                      </td>\n                    ))}\n                  </tr>\n                </React.Fragment>\n              )\n            })}\n          </tbody>\n        </table>\n      )\n    }\n\n    // Horizontal layout\n    const horizontalTableContent = (\n      <table\n        className={cn(tableVariants({ bordered, rounded }))}\n        role=\"presentation\"\n      >\n        <tbody data-slot=\"body\" className={classNames?.body}>\n          {rows.map((row, rowIndex) => {\n            const isLastRow = rowIndex === rows.length - 1\n\n            // Calculate which value cells reach the right edge\n            let colPosition = 0\n            const valueAtRightEdge = row.map((item) => {\n              const span = item.span || 1\n              colPosition += span * 2 // Each item takes label + value columns\n              return colPosition >= column * 2\n            })\n\n            return (\n              <tr key={rowIndex} className={cn('descriptions_item', classNames?.item)} data-slot='item'>\n                {row.map((item, itemIndex) => {\n                  const itemSpan = item.span || 1\n                  const valueColSpan = itemSpan * 2 - 1\n\n                  return (\n                    <React.Fragment key={item.key}>\n                      <th\n                        className={cn(\n                          'descriptions_label',\n                          labelCellVariants({ size, color }),\n                          isLastRow && 'border-b-0',\n                          classNames?.label,\n                        )}\n                        data-slot='label'\n                      >\n                        {item.label}\n                      </th>\n                      <td\n                        colSpan={valueColSpan}\n                        className={cn(\n                          'descriptions_content',\n                          valueCellVariants({ size }),\n                          valueAtRightEdge[itemIndex] && 'border-r-0',\n                          isLastRow && 'border-b-0',\n                          classNames?.content,\n                        )}\n                        data-slot='content'\n                      >\n                        {item.children}\n                      </td>\n                    </React.Fragment>\n                  )\n                })}\n              </tr>\n            )\n          })}\n        </tbody>\n      </table>\n    )\n\n    if (title || extra) {\n      return (\n        <div ref={ref} className={cn('descriptions_root', classNames?.root, className)} data-slot=\"root\" {...props}>\n          <div className={cn('descriptions_title', 'flex items-center justify-between mb-3', classNames?.title)} data-slot=\"title\">\n            {title && <div className=\"text-base font-semibold text-text-primary\">{title}</div>}\n            {extra && <div className={cn('descriptions_extra', classNames?.extra)} data-slot=\"extra\">{extra}</div>}\n          </div>\n          {horizontalTableContent}\n        </div>\n      )\n    }\n\n    return (\n      <table\n        ref={ref as React.Ref<HTMLTableElement>}\n        className={cn('descriptions_root', tableVariants({ bordered, rounded }), classNames?.root, className)}\n        data-slot=\"root\"\n        role=\"presentation\"\n        {...props}\n      >\n        <tbody data-slot=\"body\" className={classNames?.body}>\n          {rows.map((row, rowIndex) => {\n            const isLastRow = rowIndex === rows.length - 1\n\n            // Calculate which value cells reach the right edge\n            let colPosition = 0\n            const valueAtRightEdge = row.map((item) => {\n              const span = item.span || 1\n              colPosition += span * 2 // Each item takes label + value columns\n              return colPosition >= column * 2\n            })\n\n            return (\n              <tr key={rowIndex} className={cn('descriptions_item', classNames?.item)} data-slot='item'>\n                {row.map((item, itemIndex) => {\n                  const itemSpan = item.span || 1\n                  const valueColSpan = itemSpan * 2 - 1\n\n                  return (\n                    <React.Fragment key={item.key}>\n                      <th\n                        className={cn(\n                          'descriptions_label',\n                          labelCellVariants({ size, color }),\n                          isLastRow && 'border-b-0',\n                          classNames?.label,\n                        )}\n                        data-slot='label'\n                      >\n                        {item.label}\n                      </th>\n                      <td\n                        colSpan={valueColSpan}\n                        className={cn(\n                          'descriptions_content',\n                          valueCellVariants({ size }),\n                          valueAtRightEdge[itemIndex] && 'border-r-0',\n                          isLastRow && 'border-b-0',\n                          classNames?.content,\n                        )}\n                        data-slot='content'\n                      >\n                        {item.children}\n                      </td>\n                    </React.Fragment>\n                  )\n                })}\n              </tr>\n            )\n          })}\n        </tbody>\n      </table>\n    )\n  },\n)\n\nDescriptions.displayName = 'Descriptions'\n\nexport type * from './types'\nexport default Descriptions\n"]}

package/dist/{chunk-FIGSNRWY.js → chunk-ZFYEAPEL.js}

@@ -4,7 +4,27 @@ import { ChevronRight } from 'lucide-react';
 import { useRef, useState, useCallback, useEffect } from 'react';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
-var ContextMenuSubMenu = ({ item, onClose, level, classNames }) => {
+var contextMenuHoverColorClasses = {
+  default: "hover:bg-surface focus:bg-surface",
+  primary: "hover:bg-primary/10 hover:text-primary focus:bg-primary/10 focus:text-primary",
+  secondary: "hover:bg-secondary/10 hover:text-secondary focus:bg-secondary/10 focus:text-secondary",
+  accent: "hover:bg-accent/10 hover:text-accent focus:bg-accent/10 focus:text-accent",
+  success: "hover:bg-success/10 hover:text-success focus:bg-success/10 focus:text-success",
+  error: "hover:bg-error/10 hover:text-error focus:bg-error/10 focus:text-error",
+  warning: "hover:bg-warning/10 hover:text-warning focus:bg-warning/10 focus:text-warning",
+  info: "hover:bg-info/10 hover:text-info focus:bg-info/10 focus:text-info"
+};
+var contextMenuFocusedColorClasses = {
+  default: "bg-surface",
+  primary: "bg-primary/10 text-primary",
+  secondary: "bg-secondary/10 text-secondary",
+  accent: "bg-accent/10 text-accent",
+  success: "bg-success/10 text-success",
+  error: "bg-error/10 text-error",
+  warning: "bg-warning/10 text-warning",
+  info: "bg-info/10 text-info"
+};
+var ContextMenuSubMenu = ({ item, onClose, level, classNames, color = "default" }) => {
   const [isOpen, setIsOpen] = useState(false);
   const hoverTimeoutRef = useRef(void 0);
   const leaveTimeoutRef = useRef(void 0);
@@ -57,12 +77,13 @@ var ContextMenuSubMenu = ({ item, onClose, level, classNames }) => {
         "aria-expanded": isOpen,
         "aria-disabled": item.disabled,
         tabIndex: -1,
+        "data-slot": "submenu-trigger",
         children: /* @__PURE__ */ jsxs(
           "div",
           {
             className: cn(
               "contextMenu_item flex items-center justify-between gap-3 px-3 py-2 text-sm cursor-pointer rounded-sm transition-colors mx-1",
-              item.disabled ? "opacity-50 cursor-not-allowed" : "hover:bg-surface focus:bg-surface focus:outline-none",
+              item.disabled ? "opacity-50 cursor-not-allowed" : cn(contextMenuHoverColorClasses[color], "focus:outline-none"),
               classNames?.item
             ),
             onClick: handleClick,
@@ -106,7 +127,6 @@ var ContextMenuSubMenu = ({ item, onClose, level, classNames }) => {
         onMouseEnter: handleMouseEnter,
         onMouseLeave: handleMouseLeave,
         className: cn(
-          "contextMenu_submenu min-w-[180px] rounded-md border border-border bg-background shadow-lg py-1",
           "data-[state=open]:animate-in data-[state=closed]:animate-out",
           "data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
           "data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95",
@@ -117,7 +137,7 @@ var ContextMenuSubMenu = ({ item, onClose, level, classNames }) => {
           "z-[var(--z-popover)]",
           classNames?.submenu
         ),
-        children: /* @__PURE__ */ jsx(ContextMenuContent, { items: item.children, onClose, level: level + 1, classNames })
+        children: /* @__PURE__ */ jsx(ContextMenuContent, { items: item.children, onClose, level: level + 1, classNames, color })
       }
     ) })
   ] });
@@ -131,6 +151,7 @@ var ContextMenuContent = ({
   classNames,
   style,
   setKeyUpHandlers,
+  color = "default",
   ...props
 }) => {
   const menuRef = useRef(null);
@@ -216,13 +237,14 @@ var ContextMenuContent = ({
                 classNames?.divider
               ),
               role: "separator",
-              "aria-orientation": "horizontal"
+              "aria-orientation": "horizontal",
+              "data-slot": "separator"
             },
             `separator-${index}`
           );
         }
         if (item.children) {
-          return /* @__PURE__ */ jsx(ContextMenuSubMenu, { item, onClose, level, classNames }, item.key);
+          return /* @__PURE__ */ jsx(ContextMenuSubMenu, { item, onClose, level, classNames, color }, item.key);
         }
         const validItemIndex = validItems.findIndex((vi) => vi.key === item.key);
         const isFocused = validItemIndex === focusedIndex;
@@ -231,8 +253,8 @@ var ContextMenuContent = ({
           {
             className: cn(
               "contextMenu_item flex items-center justify-between gap-3 px-3 py-2 text-sm cursor-pointer rounded-sm transition-colors mx-1",
-              item.disabled ? "opacity-50 cursor-not-allowed" : "hover:bg-surface focus:bg-surface focus:outline-none",
-              isFocused && !item.disabled && "bg-surface",
+              item.disabled ? "opacity-50 cursor-not-allowed" : cn(contextMenuHoverColorClasses[color], "focus:outline-none"),
+              isFocused && !item.disabled && contextMenuFocusedColorClasses[color],
               classNames?.item
             ),
             onClick: () => {
@@ -244,6 +266,7 @@ var ContextMenuContent = ({
             role: "menuitem",
             tabIndex: -1,
             "aria-disabled": item.disabled,
+            "data-slot": "item",
             children: [
               /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 flex-1", children: [
                 item.icon && /* @__PURE__ */ jsx(
@@ -253,6 +276,7 @@ var ContextMenuContent = ({
                       "contextMenu_itemIcon shrink-0 w-4 h-4",
                       classNames?.itemIcon
                     ),
+                    "data-slot": "item-icon",
                     children: item.icon
                   }
                 ),
@@ -263,11 +287,12 @@ var ContextMenuContent = ({
                       "contextMenu_itemLabel",
                       classNames?.itemLabel
                     ),
+                    "data-slot": "item-label",
                     children: item.label
                   }
                 )
               ] }),
-              item.shortcut && /* @__PURE__ */ jsx("span", { className: "text-xs text-text-secondary shrink-0", children: item.shortcut })
+              item.shortcut && /* @__PURE__ */ jsx("span", { className: "text-xs text-text-secondary shrink-0", "data-slot": "shortcut", children: item.shortcut })
             ]
           },
           item.key
@@ -284,7 +309,8 @@ var ContextMenu = ({
   classNames,
   disabled = false,
   onOpenChange,
-  open: controlledOpen
+  open: controlledOpen,
+  color = "default"
 }) => {
   const [internalOpen, setInternalOpen] = useState(false);
   const [keyUpHandlers, setKeyUpHandlers] = useState({});
@@ -353,6 +379,7 @@ var ContextMenu = ({
         onContextMenu: handleContextMenu,
         className: cn("contextMenu_root inline-block", className, classNames?.root),
         role: "presentation",
+        "data-slot": "root",
         children
       }
     ),
@@ -369,7 +396,7 @@ var ContextMenu = ({
         onPointerDownOutside: handleClose,
         onInteractOutside: handleClose,
         className: "z-[var(--z-popover)]",
-        children: /* @__PURE__ */ jsx(ContextMenuContent, { setKeyUpHandlers, items, onClose: handleClose, classNames })
+        children: /* @__PURE__ */ jsx(ContextMenuContent, { setKeyUpHandlers, items, onClose: handleClose, classNames, color })
       }
     ) })
   ] });
@@ -378,5 +405,5 @@ ContextMenu.displayName = "ContextMenu";
 var context_menu_default = ContextMenu;
 
 export { ContextMenu, ContextMenuContent, context_menu_default };
-//# sourceMappingURL=chunk-FIGSNRWY.js.map
-//# sourceMappingURL=chunk-FIGSNRWY.js.map
+//# sourceMappingURL=chunk-ZFYEAPEL.js.map
+//# sourceMappingURL=chunk-ZFYEAPEL.js.map

package/dist/chunk-ZFYEAPEL.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/context-menu/index.tsx"],"names":[],"mappings":"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","file":"chunk-ZFYEAPEL.js","sourcesContent":["'use client'\n\nimport * as PopoverPrimitive from '@radix-ui/react-popover';\nimport { ChevronRight } from 'lucide-react';\nimport React, { useCallback, useEffect, useRef, useState } from 'react';\n\nimport type { ComponentColor } from '../types';\nimport { cn } from '../utils';\nimport type { ContextMenuContentProps, ContextMenuProps, ContextMenuSubMenuProps } from './types';\n\nconst contextMenuHoverColorClasses: Record<ComponentColor, string> = {\n  default: 'hover:bg-surface focus:bg-surface',\n  primary: 'hover:bg-primary/10 hover:text-primary focus:bg-primary/10 focus:text-primary',\n  secondary: 'hover:bg-secondary/10 hover:text-secondary focus:bg-secondary/10 focus:text-secondary',\n  accent: 'hover:bg-accent/10 hover:text-accent focus:bg-accent/10 focus:text-accent',\n  success: 'hover:bg-success/10 hover:text-success focus:bg-success/10 focus:text-success',\n  error: 'hover:bg-error/10 hover:text-error focus:bg-error/10 focus:text-error',\n  warning: 'hover:bg-warning/10 hover:text-warning focus:bg-warning/10 focus:text-warning',\n  info: 'hover:bg-info/10 hover:text-info focus:bg-info/10 focus:text-info',\n}\n\nconst contextMenuFocusedColorClasses: Record<ComponentColor, string> = {\n  default: 'bg-surface',\n  primary: 'bg-primary/10 text-primary',\n  secondary: 'bg-secondary/10 text-secondary',\n  accent: 'bg-accent/10 text-accent',\n  success: 'bg-success/10 text-success',\n  error: 'bg-error/10 text-error',\n  warning: 'bg-warning/10 text-warning',\n  info: 'bg-info/10 text-info',\n}\n\n/**\n * Submenu component based on Popover\n */\nconst ContextMenuSubMenu = ({ item, onClose, level, classNames, color = 'default' }: ContextMenuSubMenuProps) => {\n  const [isOpen, setIsOpen] = useState(false);\n  const hoverTimeoutRef = useRef<number | undefined>(undefined);\n  const leaveTimeoutRef = useRef<number | undefined>(undefined);\n\n  const handleMouseEnter = useCallback(() => {\n    if (item.disabled) return;\n\n    if (leaveTimeoutRef.current) {\n      clearTimeout(leaveTimeoutRef.current);\n    }\n\n    hoverTimeoutRef.current = setTimeout(() => {\n      setIsOpen(true);\n    }, 200);\n  }, [item.disabled]);\n\n  const handleMouseLeave = useCallback(() => {\n    if (hoverTimeoutRef.current) {\n      clearTimeout(hoverTimeoutRef.current);\n    }\n\n    leaveTimeoutRef.current = setTimeout(() => {\n      setIsOpen(false);\n    }, 300);\n  }, []);\n\n  const handleClick = useCallback(\n    (e: React.MouseEvent) => {\n      if (!item.disabled && !item.children) {\n        e.stopPropagation();\n        item.onClick?.();\n        onClose();\n      }\n    },\n    [item, onClose]\n  );\n\n  useEffect(() => {\n    return () => {\n      if (hoverTimeoutRef.current) {\n        clearTimeout(hoverTimeoutRef.current);\n      }\n      if (leaveTimeoutRef.current) {\n        clearTimeout(leaveTimeoutRef.current);\n      }\n    };\n  }, []);\n\n  return (\n    <PopoverPrimitive.Root open={isOpen} onOpenChange={setIsOpen}>\n      <PopoverPrimitive.Trigger asChild>\n        <div\n          className='relative'\n          onMouseEnter={handleMouseEnter}\n          onMouseLeave={handleMouseLeave}\n          role='menuitem'\n          aria-haspopup='true'\n          aria-expanded={isOpen}\n          aria-disabled={item.disabled}\n          tabIndex={-1}\n          data-slot='submenu-trigger'\n        >\n          <div\n            className={cn(\n              'contextMenu_item flex items-center justify-between gap-3 px-3 py-2 text-sm cursor-pointer rounded-sm transition-colors mx-1',\n              item.disabled ? 'opacity-50 cursor-not-allowed' : cn(contextMenuHoverColorClasses[color], 'focus:outline-none'),\n              classNames?.item,\n            )}\n            onClick={handleClick}\n          >\n            <div className='flex items-center gap-2 flex-1'>\n              {item.icon && (\n                <span\n                  className={cn(\n                    'contextMenu_itemIcon shrink-0 w-4 h-4',\n                    classNames?.itemIcon,\n                  )}\n                >\n                  {item.icon}\n                </span>\n              )}\n              <span\n                className={cn(\n                  'contextMenu_itemLabel',\n                  classNames?.itemLabel,\n                )}\n              >\n                {item.label}\n              </span>\n            </div>\n            {item.children && <ChevronRight className='w-4 h-4 text-text-secondary shrink-0' />}\n            {item.shortcut && <span className='text-xs text-text-secondary shrink-0'>{item.shortcut}</span>}\n          </div>\n        </div>\n      </PopoverPrimitive.Trigger>\n\n      {item.children && (\n        <PopoverPrimitive.Portal>\n          <PopoverPrimitive.Content\n            side='right'\n            align='start'\n            sideOffset={8}\n            alignOffset={-8}\n            onMouseEnter={handleMouseEnter}\n            onMouseLeave={handleMouseLeave}\n            className={cn(\n              'data-[state=open]:animate-in data-[state=closed]:animate-out',\n              'data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0',\n              'data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95',\n              'data-[side=bottom]:slide-in-from-top-2',\n              'data-[side=left]:slide-in-from-right-2',\n              'data-[side=right]:slide-in-from-left-2',\n              'data-[side=top]:slide-in-from-bottom-2',\n              'z-[var(--z-popover)]',\n              classNames?.submenu,\n            )}\n          >\n            <ContextMenuContent items={item.children} onClose={onClose} level={level + 1} classNames={classNames} color={color} />\n          </PopoverPrimitive.Content>\n        </PopoverPrimitive.Portal>\n      )}\n    </PopoverPrimitive.Root>\n  );\n};\n\nContextMenuSubMenu.displayName = 'ContextMenuSubMenu';\n\n/**\n * Context menu content component\n */\nconst ContextMenuContent = ({\n  items,\n  onClose,\n  level = 0,\n  className,\n  classNames,\n  style,\n  setKeyUpHandlers,\n  color = 'default',\n  ...props\n}: ContextMenuContentProps) => {\n  const menuRef = useRef<HTMLDivElement>(null);\n  const [focusedIndex, setFocusedIndex] = useState(0);\n\n  const validItems = items.filter((item) => !item.separator && !item.disabled);\n\n  // Store refs to avoid stale closures in key handlers\n  const validItemsRef = useRef(validItems);\n  const onCloseRef = useRef(onClose);\n  validItemsRef.current = validItems;\n  onCloseRef.current = onClose;\n\n  const keyHandlers = useCallback(() => ({\n    ArrowDown: () => {\n      setFocusedIndex((prev) => {\n        const nextIndex = prev + 1;\n        return nextIndex >= validItemsRef.current.length ? 0 : nextIndex;\n      });\n    },\n    ArrowUp: () => {\n      setFocusedIndex((prev) => {\n        const nextIndex = prev - 1;\n        return nextIndex < 0 ? validItemsRef.current.length - 1 : nextIndex;\n      });\n    },\n    Enter: () => {\n      setFocusedIndex((currentIndex) => {\n        if (currentIndex >= 0 && currentIndex < validItemsRef.current.length) {\n          const item = validItemsRef.current[currentIndex];\n          if (!item?.disabled && !item?.children) {\n            item?.onClick?.();\n            onCloseRef.current();\n          }\n        }\n        return currentIndex;\n      });\n    },\n    ' ': () => {\n      setFocusedIndex((currentIndex) => {\n        if (currentIndex >= 0 && currentIndex < validItemsRef.current.length) {\n          const item = validItemsRef.current[currentIndex];\n          if (!item?.disabled && !item?.children) {\n            item?.onClick?.();\n            onCloseRef.current();\n          }\n        }\n        return currentIndex;\n      });\n    },\n    Escape: () => {\n      onCloseRef.current();\n    },\n    ArrowLeft: () => {\n      if (level > 0) {\n        onCloseRef.current();\n      }\n    },\n  }), [level]);\n\n  useEffect(() => {\n    if (setKeyUpHandlers) {\n      setKeyUpHandlers(keyHandlers());\n    }\n  }, [setKeyUpHandlers, keyHandlers]);\n\n  return (\n    <div\n      ref={menuRef}\n      className={cn(\n        'contextMenu_content min-w-[180px] rounded-md border border-border bg-background shadow-lg py-1',\n        level === 0 && 'animate-in fade-in-0 zoom-in-95',\n        className,\n        classNames?.content,\n      )}\n      style={style}\n      role='menu'\n      aria-orientation='vertical'\n      tabIndex={-1}\n      {...props}\n    >\n      {items.map((item, index) => {\n        if (item.separator) {\n          return (\n            <div\n              key={`separator-${index}`}\n              className={cn(\n                'contextMenu_divider h-px bg-border my-1',\n                classNames?.divider,\n              )}\n              role='separator'\n              aria-orientation='horizontal'\n              data-slot='separator'\n            />\n          );\n        }\n\n        if (item.children) {\n          return <ContextMenuSubMenu key={item.key} item={item} onClose={onClose} level={level} classNames={classNames} color={color} />;\n        }\n\n        const validItemIndex = validItems.findIndex((vi) => vi.key === item.key);\n        const isFocused = validItemIndex === focusedIndex;\n\n        return (\n          <div\n            key={item.key}\n            className={cn(\n              'contextMenu_item flex items-center justify-between gap-3 px-3 py-2 text-sm cursor-pointer rounded-sm transition-colors mx-1',\n              item.disabled\n                ? 'opacity-50 cursor-not-allowed'\n                : cn(contextMenuHoverColorClasses[color], 'focus:outline-none'),\n              isFocused && !item.disabled && contextMenuFocusedColorClasses[color],\n              classNames?.item,\n            )}\n            onClick={() => {\n              if (!item.disabled) {\n                item.onClick?.();\n                onClose();\n              }\n            }}\n            role='menuitem'\n            tabIndex={-1}\n            aria-disabled={item.disabled}\n            data-slot='item'\n          >\n            <div className='flex items-center gap-2 flex-1'>\n              {item.icon && (\n                <span\n                  className={cn(\n                    'contextMenu_itemIcon shrink-0 w-4 h-4',\n                    classNames?.itemIcon,\n                  )}\n                  data-slot='item-icon'\n                >\n                  {item.icon}\n                </span>\n              )}\n              <span\n                className={cn(\n                  'contextMenu_itemLabel',\n                  classNames?.itemLabel,\n                )}\n                data-slot='item-label'\n              >\n                {item.label}\n              </span>\n            </div>\n            {item.shortcut && <span className='text-xs text-text-secondary shrink-0' data-slot='shortcut'>{item.shortcut}</span>}\n          </div>\n        );\n      })}\n    </div>\n  );\n};\n\nContextMenuContent.displayName = 'ContextMenuContent';\n\n/**\n * ContextMenu component based on Popover\n *\n * A context menu that opens on right-click.\n * Uses @radix-ui/react-popover for positioning and state management.\n * Supports nested submenus, separators, disabled items, and keyboard navigation.\n *\n * @example\n * ```tsx\n * import ContextMenu from '@mdigital_ui/ui/context-menu'\n * import { Copy, Paste, Trash } from 'lucide-react'\n *\n * function MyComponent() {\n *   return (\n *     <ContextMenu\n *       items={[\n *         {\n *           key: 'copy',\n *           label: 'Copy',\n *           icon: <Copy />,\n *           shortcut: 'Ctrl+C',\n *           onClick: () => console.log('Copy'),\n *         },\n *         {\n *           key: 'paste',\n *           label: 'Paste',\n *           icon: <Paste />,\n *           shortcut: 'Ctrl+V',\n *           onClick: () => console.log('Paste'),\n *         },\n *         { key: 'sep1', separator: true },\n *         {\n *           key: 'delete',\n *           label: 'Delete',\n *           icon: <Trash />,\n *           onClick: () => console.log('Delete'),\n *         },\n *       ]}\n *     >\n *       <div className=\"p-4 border\">\n *         Right click me!\n *       </div>\n *     </ContextMenu>\n *   )\n * }\n * ```\n */\nconst ContextMenu = ({\n  children,\n  items,\n  className,\n  classNames,\n  disabled = false,\n  onOpenChange,\n  open: controlledOpen,\n  color = 'default',\n}: ContextMenuProps) => {\n  const [internalOpen, setInternalOpen] = useState(false);\n  const [keyUpHandlers, setKeyUpHandlers] = useState<Record<string, () => void>>({});\n  const [position, setPosition] = useState<DOMRect | null>(null);\n\n  const isControlled = controlledOpen !== undefined;\n  const isOpen = isControlled ? controlledOpen : internalOpen;\n\n  const setOpen = useCallback(\n    (open: boolean) => {\n      if (!isControlled) {\n        setInternalOpen(open);\n      }\n      onOpenChange?.(open);\n    },\n    [isControlled, onOpenChange]\n  );\n\n  const handleContextMenu = useCallback(\n    (e: React.MouseEvent) => {\n      if (disabled) return;\n\n      e.preventDefault();\n      e.stopPropagation();\n\n      setPosition({\n        width: 0,\n        height: 0,\n        x: e.clientX,\n        y: e.clientY,\n        top: e.clientY,\n        left: e.clientX,\n        right: e.clientX,\n        bottom: e.clientY,\n        toJSON: () => {},\n      } as DOMRect);\n\n      setOpen(true);\n    },\n    [disabled, setOpen]\n  );\n\n  const handleClose = useCallback(() => {\n    setOpen(false);\n  }, [setOpen]);\n\n  useEffect(() => {\n    if (!isOpen) return;\n\n    const handleKeyDown = (e: KeyboardEvent) => {\n      const handler = keyUpHandlers[e.key];\n      if (handler) {\n        e.preventDefault();\n        handler();\n      }\n    };\n\n    document.addEventListener('keydown', handleKeyDown);\n    return () => document.removeEventListener('keydown', handleKeyDown);\n  }, [isOpen, keyUpHandlers]);\n\n  return (\n    <PopoverPrimitive.Root open={isOpen} onOpenChange={setOpen}>\n      {position && (\n        <PopoverPrimitive.Anchor\n          virtualRef={{\n            current: {\n              getBoundingClientRect: () => position,\n            },\n          }}\n        />\n      )}\n      <div\n        onContextMenu={handleContextMenu}\n        className={cn('contextMenu_root inline-block', className, classNames?.root)}\n        role='presentation'\n        data-slot='root'\n      >\n        {children}\n      </div>\n\n      <PopoverPrimitive.Portal>\n        <PopoverPrimitive.Content\n          side='bottom'\n          align='start'\n          sideOffset={0}\n          alignOffset={0}\n          onOpenAutoFocus={(e: Event) => e.preventDefault()}\n          onCloseAutoFocus={(e: Event) => e.preventDefault()}\n          onEscapeKeyDown={handleClose}\n          onPointerDownOutside={handleClose}\n          onInteractOutside={handleClose}\n          className='z-[var(--z-popover)]'\n        >\n          <ContextMenuContent setKeyUpHandlers={setKeyUpHandlers} items={items} onClose={handleClose} classNames={classNames} color={color} />\n        </PopoverPrimitive.Content>\n      </PopoverPrimitive.Portal>\n    </PopoverPrimitive.Root>\n  );\n};\n\nContextMenu.displayName = 'ContextMenu';\n\nexport type * from './types';\nexport { ContextMenu, ContextMenuContent };\nexport default ContextMenu;\n"]}