@fuf-stack/pixels 0.0.8 → 0.1.0

package/dist/Label/Label.cjs

@@ -0,0 +1,58 @@
+"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/Label/Label.tsx
+var Label_exports = {};
+__export(Label_exports, {
+  default: () => Label_default
+});
+module.exports = __toCommonJS(Label_exports);
+var import_chip = require("@nextui-org/chip");
+var import_classnames = __toESM(require("classnames"), 1);
+var import_jsx_runtime = require("react/jsx-runtime");
+var Label = ({
+  children,
+  className = void 0,
+  color = "default",
+  endContent = void 0,
+  size = "md",
+  startContent = void 0
+}) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+  import_chip.Chip,
+  {
+    className: (0, import_classnames.default)(className),
+    color,
+    endContent,
+    size,
+    startContent,
+    children
+  }
+);
+var Label_default = Label;
+//# sourceMappingURL=Label.cjs.map

package/dist/Label/Label.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/Label/Label.tsx"],"sourcesContent":["import type { ChipProps } from '@nextui-org/chip';\nimport type { ReactNode } from 'react';\n\nimport { Chip as NextLabel } from '@nextui-org/chip';\nimport cn from 'classnames';\n\nexport interface LabelProps {\n  /** content of the label */\n  children: ReactNode;\n  /** CSS class name */\n  className?: string;\n  /** color of the label */\n  color?: ChipProps['color'];\n  /** element to be rendered in the right side of the label */\n  endContent?: ChipProps['endContent'];\n  /** size of the label */\n  size?: ChipProps['size'];\n  /** element to be rendered in the left side of the label */\n  startContent?: ChipProps['startContent'];\n}\n\n/**\n * Label component based on [NextUI Chip](https://nextui.org/docs/components/chip)\n */\nconst Label = ({\n  children,\n  className = undefined,\n  color = 'default',\n  endContent = undefined,\n  size = 'md',\n  startContent = undefined,\n}: LabelProps) => (\n  <NextLabel\n    className={cn(className)}\n    color={color}\n    endContent={endContent}\n    size={size}\n    startContent={startContent}\n  >\n    {children}\n  </NextLabel>\n);\n\nexport default Label;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,kBAAkC;AAClC,wBAAe;AA4Bb;AARF,IAAM,QAAQ,CAAC;AAAA,EACb;AAAA,EACA,YAAY;AAAA,EACZ,QAAQ;AAAA,EACR,aAAa;AAAA,EACb,OAAO;AAAA,EACP,eAAe;AACjB,MACE;AAAA,EAAC,YAAAA;AAAA,EAAA;AAAA,IACC,eAAW,kBAAAC,SAAG,SAAS;AAAA,IACvB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IAEC;AAAA;AACH;AAGF,IAAO,gBAAQ;","names":["NextLabel","cn"]}

package/dist/Label/Label.d.cts

@@ -0,0 +1,24 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ChipProps } from '@nextui-org/chip';
+import { ReactNode } from 'react';
+
+interface LabelProps {
+    /** content of the label */
+    children: ReactNode;
+    /** CSS class name */
+    className?: string;
+    /** color of the label */
+    color?: ChipProps['color'];
+    /** element to be rendered in the right side of the label */
+    endContent?: ChipProps['endContent'];
+    /** size of the label */
+    size?: ChipProps['size'];
+    /** element to be rendered in the left side of the label */
+    startContent?: ChipProps['startContent'];
+}
+/**
+ * Label component based on [NextUI Chip](https://nextui.org/docs/components/chip)
+ */
+declare const Label: ({ children, className, color, endContent, size, startContent, }: LabelProps) => react_jsx_runtime.JSX.Element;
+
+export { type LabelProps, Label as default };

package/dist/Label/Label.d.ts

@@ -0,0 +1,24 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ChipProps } from '@nextui-org/chip';
+import { ReactNode } from 'react';
+
+interface LabelProps {
+    /** content of the label */
+    children: ReactNode;
+    /** CSS class name */
+    className?: string;
+    /** color of the label */
+    color?: ChipProps['color'];
+    /** element to be rendered in the right side of the label */
+    endContent?: ChipProps['endContent'];
+    /** size of the label */
+    size?: ChipProps['size'];
+    /** element to be rendered in the left side of the label */
+    startContent?: ChipProps['startContent'];
+}
+/**
+ * Label component based on [NextUI Chip](https://nextui.org/docs/components/chip)
+ */
+declare const Label: ({ children, className, color, endContent, size, startContent, }: LabelProps) => react_jsx_runtime.JSX.Element;
+
+export { type LabelProps, Label as default };

package/dist/Label/Label.js

@@ -0,0 +1,7 @@
+import {
+  Label_default
+} from "../chunk-CEUL4NWH.js";
+export {
+  Label_default as default
+};
+//# sourceMappingURL=Label.js.map

package/dist/Label/Label.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/Label/index.cjs

@@ -0,0 +1,63 @@
+"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/Label/index.ts
+var Label_exports = {};
+__export(Label_exports, {
+  default: () => Label_default2
+});
+module.exports = __toCommonJS(Label_exports);
+
+// src/Label/Label.tsx
+var import_chip = require("@nextui-org/chip");
+var import_classnames = __toESM(require("classnames"), 1);
+var import_jsx_runtime = require("react/jsx-runtime");
+var Label = ({
+  children,
+  className = void 0,
+  color = "default",
+  endContent = void 0,
+  size = "md",
+  startContent = void 0
+}) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+  import_chip.Chip,
+  {
+    className: (0, import_classnames.default)(className),
+    color,
+    endContent,
+    size,
+    startContent,
+    children
+  }
+);
+var Label_default = Label;
+
+// src/Label/index.ts
+var Label_default2 = Label_default;
+//# sourceMappingURL=index.cjs.map

package/dist/Label/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/Label/index.ts","../../src/Label/Label.tsx"],"sourcesContent":["import Label from './Label';\n\nexport default Label;\n","import type { ChipProps } from '@nextui-org/chip';\nimport type { ReactNode } from 'react';\n\nimport { Chip as NextLabel } from '@nextui-org/chip';\nimport cn from 'classnames';\n\nexport interface LabelProps {\n  /** content of the label */\n  children: ReactNode;\n  /** CSS class name */\n  className?: string;\n  /** color of the label */\n  color?: ChipProps['color'];\n  /** element to be rendered in the right side of the label */\n  endContent?: ChipProps['endContent'];\n  /** size of the label */\n  size?: ChipProps['size'];\n  /** element to be rendered in the left side of the label */\n  startContent?: ChipProps['startContent'];\n}\n\n/**\n * Label component based on [NextUI Chip](https://nextui.org/docs/components/chip)\n */\nconst Label = ({\n  children,\n  className = undefined,\n  color = 'default',\n  endContent = undefined,\n  size = 'md',\n  startContent = undefined,\n}: LabelProps) => (\n  <NextLabel\n    className={cn(className)}\n    color={color}\n    endContent={endContent}\n    size={size}\n    startContent={startContent}\n  >\n    {children}\n  </NextLabel>\n);\n\nexport default Label;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA,iBAAAA;AAAA;AAAA;;;ACGA,kBAAkC;AAClC,wBAAe;AA4Bb;AARF,IAAM,QAAQ,CAAC;AAAA,EACb;AAAA,EACA,YAAY;AAAA,EACZ,QAAQ;AAAA,EACR,aAAa;AAAA,EACb,OAAO;AAAA,EACP,eAAe;AACjB,MACE;AAAA,EAAC,YAAAC;AAAA,EAAA;AAAA,IACC,eAAW,kBAAAC,SAAG,SAAS;AAAA,IACvB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IAEC;AAAA;AACH;AAGF,IAAO,gBAAQ;;;ADzCf,IAAOC,iBAAQ;","names":["Label_default","NextLabel","cn","Label_default"]}

package/dist/Label/index.d.cts

@@ -0,0 +1,8 @@
+import Label from './Label.cjs';
+import 'react/jsx-runtime';
+import '@nextui-org/chip';
+import 'react';
+
+
+
+export { Label as default };

package/dist/Label/index.d.ts

@@ -0,0 +1,8 @@
+import Label from './Label.js';
+import 'react/jsx-runtime';
+import '@nextui-org/chip';
+import 'react';
+
+
+
+export { Label as default };

package/dist/Label/index.js

@@ -0,0 +1,10 @@
+import {
+  Label_default
+} from "../chunk-CEUL4NWH.js";
+
+// src/Label/index.ts
+var Label_default2 = Label_default;
+export {
+  Label_default2 as default
+};
+//# sourceMappingURL=index.js.map

package/dist/Label/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/Label/index.ts"],"sourcesContent":["import Label from './Label';\n\nexport default Label;\n"],"mappings":";;;;;AAEA,IAAOA,iBAAQ;","names":["Label_default"]}

package/dist/Menu/Menu.cjs

@@ -0,0 +1,97 @@
+"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/Menu/Menu.tsx
+var Menu_exports = {};
+__export(Menu_exports, {
+  default: () => Menu_default
+});
+module.exports = __toCommonJS(Menu_exports);
+var import_fa6 = require("react-icons/fa6");
+var import_dropdown = require("@nextui-org/dropdown");
+var import_classnames = __toESM(require("classnames"), 1);
+var import_debug = __toESM(require("debug"), 1);
+var import_jsx_runtime = require("react/jsx-runtime");
+var debug = (0, import_debug.default)("component:Menu");
+var getDisabledKeys = (items) => {
+  return items.map((item) => typeof item?.items === "undefined" ? item : item.items).flat().filter((item) => {
+    return Object.hasOwn(item, "disabled") && item.disabled === true;
+  }).map((item) => item.key);
+};
+var renderMenuItem = (item) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+  import_dropdown.DropdownItem,
+  {
+    className: item.className,
+    "data-testid": item.testId || item.key,
+    description: item.description,
+    onClick: item.onClick,
+    startContent: item.icon,
+    children: item.label
+  },
+  item.key
+);
+var Menu = ({
+  children = null,
+  className = void 0,
+  onAction = void 0,
+  testId = void 0,
+  isDisabled = false,
+  items
+}) => {
+  debug("Menu", { items });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_dropdown.Dropdown, { isDisabled, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dropdown.DropdownTrigger, { className: (0, import_classnames.default)(className), "data-testid": testId, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { children: children || /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_fa6.FaEllipsisVertical, { className: "px-2" }) }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_dropdown.DropdownMenu,
+      {
+        items,
+        disabledKeys: getDisabledKeys(items),
+        onAction,
+        children: (item) => {
+          if ("items" in item) {
+            return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              import_dropdown.DropdownSection,
+              {
+                items: item.items,
+                title: item.label,
+                children: (sectionItem) => {
+                  return renderMenuItem(sectionItem);
+                }
+              },
+              item.key
+            );
+          }
+          return renderMenuItem(item);
+        }
+      }
+    )
+  ] });
+};
+var Menu_default = Menu;
+//# sourceMappingURL=Menu.cjs.map

package/dist/Menu/Menu.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/Menu/Menu.tsx"],"sourcesContent":["import type { DropdownSectionProps } from '@nextui-org/dropdown';\nimport type { Key, MouseEventHandler, ReactNode } from 'react';\n\nimport { FaEllipsisVertical } from 'react-icons/fa6';\n\nimport {\n  Dropdown as NextDropdown,\n  DropdownItem as NextDropdownItem,\n  DropdownMenu as NextDropdownMenu,\n  DropdownSection as NextDropdownSection,\n  DropdownTrigger as NextDropdownTrigger,\n} from '@nextui-org/dropdown';\nimport cn from 'classnames';\nimport createDebug from 'debug';\n\nconst debug = createDebug('component:Menu');\n\n/**\n * Menu item type\n */\nexport interface MenuItem {\n  /** unique identifier */\n  key: string;\n  /** CSS class name */\n  className?: string;\n  /** additional description shown under the label */\n  description?: string;\n  /** disables the menu item */\n  disabled?: boolean;\n  /** menu item icon  */\n  icon?: ReactNode;\n  /** menu item name */\n  label: ReactNode;\n  /** click event handler */\n  onClick?: MouseEventHandler<HTMLLIElement>;\n  /** e2e test identifier */\n  testId?: string;\n}\n\n/**\n * Menu section type\n */\nexport interface MenuSection {\n  /** unique identifier */\n  key: string;\n  /** section label */\n  label: ReactNode;\n  /** section items (array of MenuItem) */\n  items: MenuItem[];\n}\n\nexport interface MenuProps {\n  /** child components */\n  children?: ReactNode;\n  /** CSS class name */\n  className?: string | string[];\n  /** HTML data-testid attribute used in e2e tests */\n  testId?: string;\n  /** menu item structure */\n  items: (MenuSection | MenuItem)[];\n  /** disable menu trigger */\n  isDisabled?: boolean;\n  /** called if item is selected */\n  onAction?: (key: Key) => void;\n}\n\n/** returns String[] of disabled items/keys */\nconst getDisabledKeys = (items: (MenuSection | MenuItem)[]) => {\n  return (\n    items\n      // @ts-expect-error typing issue with MenuSection | MenuItem\n      .map((item) => (typeof item?.items === 'undefined' ? item : item.items))\n      .flat<MenuItem[]>()\n      .filter((item) => {\n        return Object.hasOwn(item, 'disabled') && item.disabled === true;\n      })\n      .map((item) => item.key)\n  );\n};\n\nconst renderMenuItem = (item: MenuItem) => (\n  <NextDropdownItem\n    className={item.className}\n    data-testid={item.testId || item.key}\n    description={item.description}\n    key={item.key}\n    onClick={item.onClick}\n    startContent={item.icon}\n  >\n    {item.label}\n  </NextDropdownItem>\n);\n\n/**\n * Dropdown menu component based on [NextUI Dropdown](https://nextui.org/docs/components/dropdown)\n */\nconst Menu = ({\n  children = null,\n  className = undefined,\n  onAction = undefined,\n  testId = undefined,\n  isDisabled = false,\n  items,\n}: MenuProps) => {\n  debug('Menu', { items });\n\n  return (\n    <NextDropdown isDisabled={isDisabled}>\n      <NextDropdownTrigger className={cn(className)} data-testid={testId}>\n        {/* eslint-disable-next-line react/button-has-type */}\n        <button>{children || <FaEllipsisVertical className=\"px-2\" />}</button>\n      </NextDropdownTrigger>\n      <NextDropdownMenu\n        // aria-label=\"Dynamic Actions\"\n        items={items}\n        disabledKeys={getDisabledKeys(items)}\n        onAction={onAction}\n      >\n        {(item) => {\n          if ('items' in item) {\n            return (\n              <NextDropdownSection\n                items={item.items as MenuSection['items']}\n                title={item.label as DropdownSectionProps['title']}\n                key={item.key}\n              >\n                {/* @ts-expect-error ts problem here with render fn */}\n                {(sectionItem) => {\n                  return renderMenuItem(sectionItem);\n                }}\n              </NextDropdownSection>\n            );\n          }\n          return renderMenuItem(item);\n        }}\n      </NextDropdownMenu>\n    </NextDropdown>\n  );\n};\n\nexport default Menu;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,iBAAmC;AAEnC,sBAMO;AACP,wBAAe;AACf,mBAAwB;AAoEtB;AAlEF,IAAM,YAAQ,aAAAA,SAAY,gBAAgB;AAoD1C,IAAM,kBAAkB,CAAC,UAAsC;AAC7D,SACE,MAEG,IAAI,CAAC,SAAU,OAAO,MAAM,UAAU,cAAc,OAAO,KAAK,KAAM,EACtE,KAAiB,EACjB,OAAO,CAAC,SAAS;AAChB,WAAO,OAAO,OAAO,MAAM,UAAU,KAAK,KAAK,aAAa;AAAA,EAC9D,CAAC,EACA,IAAI,CAAC,SAAS,KAAK,GAAG;AAE7B;AAEA,IAAM,iBAAiB,CAAC,SACtB;AAAA,EAAC,gBAAAC;AAAA,EAAA;AAAA,IACC,WAAW,KAAK;AAAA,IAChB,eAAa,KAAK,UAAU,KAAK;AAAA,IACjC,aAAa,KAAK;AAAA,IAElB,SAAS,KAAK;AAAA,IACd,cAAc,KAAK;AAAA,IAElB,eAAK;AAAA;AAAA,EAJD,KAAK;AAKZ;AAMF,IAAM,OAAO,CAAC;AAAA,EACZ,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,SAAS;AAAA,EACT,aAAa;AAAA,EACb;AACF,MAAiB;AACf,QAAM,QAAQ,EAAE,MAAM,CAAC;AAEvB,SACE,6CAAC,gBAAAC,UAAA,EAAa,YACZ;AAAA,gDAAC,gBAAAC,iBAAA,EAAoB,eAAW,kBAAAC,SAAG,SAAS,GAAG,eAAa,QAE1D,sDAAC,YAAQ,sBAAY,4CAAC,iCAAmB,WAAU,QAAO,GAAG,GAC/D;AAAA,IACA;AAAA,MAAC,gBAAAC;AAAA,MAAA;AAAA,QAEC;AAAA,QACA,cAAc,gBAAgB,KAAK;AAAA,QACnC;AAAA,QAEC,WAAC,SAAS;AACT,cAAI,WAAW,MAAM;AACnB,mBACE;AAAA,cAAC,gBAAAC;AAAA,cAAA;AAAA,gBACC,OAAO,KAAK;AAAA,gBACZ,OAAO,KAAK;AAAA,gBAIX,WAAC,gBAAgB;AAChB,yBAAO,eAAe,WAAW;AAAA,gBACnC;AAAA;AAAA,cALK,KAAK;AAAA,YAMZ;AAAA,UAEJ;AACA,iBAAO,eAAe,IAAI;AAAA,QAC5B;AAAA;AAAA,IACF;AAAA,KACF;AAEJ;AAEA,IAAO,eAAQ;","names":["createDebug","NextDropdownItem","NextDropdown","NextDropdownTrigger","cn","NextDropdownMenu","NextDropdownSection"]}

package/dist/Menu/Menu.d.cts

@@ -0,0 +1,55 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode, MouseEventHandler, Key } from 'react';
+
+/**
+ * Menu item type
+ */
+interface MenuItem {
+    /** unique identifier */
+    key: string;
+    /** CSS class name */
+    className?: string;
+    /** additional description shown under the label */
+    description?: string;
+    /** disables the menu item */
+    disabled?: boolean;
+    /** menu item icon  */
+    icon?: ReactNode;
+    /** menu item name */
+    label: ReactNode;
+    /** click event handler */
+    onClick?: MouseEventHandler<HTMLLIElement>;
+    /** e2e test identifier */
+    testId?: string;
+}
+/**
+ * Menu section type
+ */
+interface MenuSection {
+    /** unique identifier */
+    key: string;
+    /** section label */
+    label: ReactNode;
+    /** section items (array of MenuItem) */
+    items: MenuItem[];
+}
+interface MenuProps {
+    /** child components */
+    children?: ReactNode;
+    /** CSS class name */
+    className?: string | string[];
+    /** HTML data-testid attribute used in e2e tests */
+    testId?: string;
+    /** menu item structure */
+    items: (MenuSection | MenuItem)[];
+    /** disable menu trigger */
+    isDisabled?: boolean;
+    /** called if item is selected */
+    onAction?: (key: Key) => void;
+}
+/**
+ * Dropdown menu component based on [NextUI Dropdown](https://nextui.org/docs/components/dropdown)
+ */
+declare const Menu: ({ children, className, onAction, testId, isDisabled, items, }: MenuProps) => react_jsx_runtime.JSX.Element;
+
+export { type MenuItem, type MenuProps, type MenuSection, Menu as default };

package/dist/Menu/Menu.d.ts

@@ -0,0 +1,55 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode, MouseEventHandler, Key } from 'react';
+
+/**
+ * Menu item type
+ */
+interface MenuItem {
+    /** unique identifier */
+    key: string;
+    /** CSS class name */
+    className?: string;
+    /** additional description shown under the label */
+    description?: string;
+    /** disables the menu item */
+    disabled?: boolean;
+    /** menu item icon  */
+    icon?: ReactNode;
+    /** menu item name */
+    label: ReactNode;
+    /** click event handler */
+    onClick?: MouseEventHandler<HTMLLIElement>;
+    /** e2e test identifier */
+    testId?: string;
+}
+/**
+ * Menu section type
+ */
+interface MenuSection {
+    /** unique identifier */
+    key: string;
+    /** section label */
+    label: ReactNode;
+    /** section items (array of MenuItem) */
+    items: MenuItem[];
+}
+interface MenuProps {
+    /** child components */
+    children?: ReactNode;
+    /** CSS class name */
+    className?: string | string[];
+    /** HTML data-testid attribute used in e2e tests */
+    testId?: string;
+    /** menu item structure */
+    items: (MenuSection | MenuItem)[];
+    /** disable menu trigger */
+    isDisabled?: boolean;
+    /** called if item is selected */
+    onAction?: (key: Key) => void;
+}
+/**
+ * Dropdown menu component based on [NextUI Dropdown](https://nextui.org/docs/components/dropdown)
+ */
+declare const Menu: ({ children, className, onAction, testId, isDisabled, items, }: MenuProps) => react_jsx_runtime.JSX.Element;
+
+export { type MenuItem, type MenuProps, type MenuSection, Menu as default };

package/dist/Menu/Menu.js

@@ -0,0 +1,7 @@
+import {
+  Menu_default
+} from "../chunk-6ZUWYBMG.js";
+export {
+  Menu_default as default
+};
+//# sourceMappingURL=Menu.js.map

package/dist/Menu/Menu.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/Menu/index.cjs

@@ -0,0 +1,102 @@
+"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/Menu/index.ts
+var Menu_exports = {};
+__export(Menu_exports, {
+  default: () => Menu_default2
+});
+module.exports = __toCommonJS(Menu_exports);
+
+// src/Menu/Menu.tsx
+var import_fa6 = require("react-icons/fa6");
+var import_dropdown = require("@nextui-org/dropdown");
+var import_classnames = __toESM(require("classnames"), 1);
+var import_debug = __toESM(require("debug"), 1);
+var import_jsx_runtime = require("react/jsx-runtime");
+var debug = (0, import_debug.default)("component:Menu");
+var getDisabledKeys = (items) => {
+  return items.map((item) => typeof item?.items === "undefined" ? item : item.items).flat().filter((item) => {
+    return Object.hasOwn(item, "disabled") && item.disabled === true;
+  }).map((item) => item.key);
+};
+var renderMenuItem = (item) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+  import_dropdown.DropdownItem,
+  {
+    className: item.className,
+    "data-testid": item.testId || item.key,
+    description: item.description,
+    onClick: item.onClick,
+    startContent: item.icon,
+    children: item.label
+  },
+  item.key
+);
+var Menu = ({
+  children = null,
+  className = void 0,
+  onAction = void 0,
+  testId = void 0,
+  isDisabled = false,
+  items
+}) => {
+  debug("Menu", { items });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_dropdown.Dropdown, { isDisabled, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dropdown.DropdownTrigger, { className: (0, import_classnames.default)(className), "data-testid": testId, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { children: children || /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_fa6.FaEllipsisVertical, { className: "px-2" }) }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_dropdown.DropdownMenu,
+      {
+        items,
+        disabledKeys: getDisabledKeys(items),
+        onAction,
+        children: (item) => {
+          if ("items" in item) {
+            return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              import_dropdown.DropdownSection,
+              {
+                items: item.items,
+                title: item.label,
+                children: (sectionItem) => {
+                  return renderMenuItem(sectionItem);
+                }
+              },
+              item.key
+            );
+          }
+          return renderMenuItem(item);
+        }
+      }
+    )
+  ] });
+};
+var Menu_default = Menu;
+
+// src/Menu/index.ts
+var Menu_default2 = Menu_default;
+//# sourceMappingURL=index.cjs.map

package/dist/Menu/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/Menu/index.ts","../../src/Menu/Menu.tsx"],"sourcesContent":["import Menu from './Menu';\n\nexport default Menu;\n","import type { DropdownSectionProps } from '@nextui-org/dropdown';\nimport type { Key, MouseEventHandler, ReactNode } from 'react';\n\nimport { FaEllipsisVertical } from 'react-icons/fa6';\n\nimport {\n  Dropdown as NextDropdown,\n  DropdownItem as NextDropdownItem,\n  DropdownMenu as NextDropdownMenu,\n  DropdownSection as NextDropdownSection,\n  DropdownTrigger as NextDropdownTrigger,\n} from '@nextui-org/dropdown';\nimport cn from 'classnames';\nimport createDebug from 'debug';\n\nconst debug = createDebug('component:Menu');\n\n/**\n * Menu item type\n */\nexport interface MenuItem {\n  /** unique identifier */\n  key: string;\n  /** CSS class name */\n  className?: string;\n  /** additional description shown under the label */\n  description?: string;\n  /** disables the menu item */\n  disabled?: boolean;\n  /** menu item icon  */\n  icon?: ReactNode;\n  /** menu item name */\n  label: ReactNode;\n  /** click event handler */\n  onClick?: MouseEventHandler<HTMLLIElement>;\n  /** e2e test identifier */\n  testId?: string;\n}\n\n/**\n * Menu section type\n */\nexport interface MenuSection {\n  /** unique identifier */\n  key: string;\n  /** section label */\n  label: ReactNode;\n  /** section items (array of MenuItem) */\n  items: MenuItem[];\n}\n\nexport interface MenuProps {\n  /** child components */\n  children?: ReactNode;\n  /** CSS class name */\n  className?: string | string[];\n  /** HTML data-testid attribute used in e2e tests */\n  testId?: string;\n  /** menu item structure */\n  items: (MenuSection | MenuItem)[];\n  /** disable menu trigger */\n  isDisabled?: boolean;\n  /** called if item is selected */\n  onAction?: (key: Key) => void;\n}\n\n/** returns String[] of disabled items/keys */\nconst getDisabledKeys = (items: (MenuSection | MenuItem)[]) => {\n  return (\n    items\n      // @ts-expect-error typing issue with MenuSection | MenuItem\n      .map((item) => (typeof item?.items === 'undefined' ? item : item.items))\n      .flat<MenuItem[]>()\n      .filter((item) => {\n        return Object.hasOwn(item, 'disabled') && item.disabled === true;\n      })\n      .map((item) => item.key)\n  );\n};\n\nconst renderMenuItem = (item: MenuItem) => (\n  <NextDropdownItem\n    className={item.className}\n    data-testid={item.testId || item.key}\n    description={item.description}\n    key={item.key}\n    onClick={item.onClick}\n    startContent={item.icon}\n  >\n    {item.label}\n  </NextDropdownItem>\n);\n\n/**\n * Dropdown menu component based on [NextUI Dropdown](https://nextui.org/docs/components/dropdown)\n */\nconst Menu = ({\n  children = null,\n  className = undefined,\n  onAction = undefined,\n  testId = undefined,\n  isDisabled = false,\n  items,\n}: MenuProps) => {\n  debug('Menu', { items });\n\n  return (\n    <NextDropdown isDisabled={isDisabled}>\n      <NextDropdownTrigger className={cn(className)} data-testid={testId}>\n        {/* eslint-disable-next-line react/button-has-type */}\n        <button>{children || <FaEllipsisVertical className=\"px-2\" />}</button>\n      </NextDropdownTrigger>\n      <NextDropdownMenu\n        // aria-label=\"Dynamic Actions\"\n        items={items}\n        disabledKeys={getDisabledKeys(items)}\n        onAction={onAction}\n      >\n        {(item) => {\n          if ('items' in item) {\n            return (\n              <NextDropdownSection\n                items={item.items as MenuSection['items']}\n                title={item.label as DropdownSectionProps['title']}\n                key={item.key}\n              >\n                {/* @ts-expect-error ts problem here with render fn */}\n                {(sectionItem) => {\n                  return renderMenuItem(sectionItem);\n                }}\n              </NextDropdownSection>\n            );\n          }\n          return renderMenuItem(item);\n        }}\n      </NextDropdownMenu>\n    </NextDropdown>\n  );\n};\n\nexport default Menu;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA,iBAAAA;AAAA;AAAA;;;ACGA,iBAAmC;AAEnC,sBAMO;AACP,wBAAe;AACf,mBAAwB;AAoEtB;AAlEF,IAAM,YAAQ,aAAAC,SAAY,gBAAgB;AAoD1C,IAAM,kBAAkB,CAAC,UAAsC;AAC7D,SACE,MAEG,IAAI,CAAC,SAAU,OAAO,MAAM,UAAU,cAAc,OAAO,KAAK,KAAM,EACtE,KAAiB,EACjB,OAAO,CAAC,SAAS;AAChB,WAAO,OAAO,OAAO,MAAM,UAAU,KAAK,KAAK,aAAa;AAAA,EAC9D,CAAC,EACA,IAAI,CAAC,SAAS,KAAK,GAAG;AAE7B;AAEA,IAAM,iBAAiB,CAAC,SACtB;AAAA,EAAC,gBAAAC;AAAA,EAAA;AAAA,IACC,WAAW,KAAK;AAAA,IAChB,eAAa,KAAK,UAAU,KAAK;AAAA,IACjC,aAAa,KAAK;AAAA,IAElB,SAAS,KAAK;AAAA,IACd,cAAc,KAAK;AAAA,IAElB,eAAK;AAAA;AAAA,EAJD,KAAK;AAKZ;AAMF,IAAM,OAAO,CAAC;AAAA,EACZ,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,SAAS;AAAA,EACT,aAAa;AAAA,EACb;AACF,MAAiB;AACf,QAAM,QAAQ,EAAE,MAAM,CAAC;AAEvB,SACE,6CAAC,gBAAAC,UAAA,EAAa,YACZ;AAAA,gDAAC,gBAAAC,iBAAA,EAAoB,eAAW,kBAAAC,SAAG,SAAS,GAAG,eAAa,QAE1D,sDAAC,YAAQ,sBAAY,4CAAC,iCAAmB,WAAU,QAAO,GAAG,GAC/D;AAAA,IACA;AAAA,MAAC,gBAAAC;AAAA,MAAA;AAAA,QAEC;AAAA,QACA,cAAc,gBAAgB,KAAK;AAAA,QACnC;AAAA,QAEC,WAAC,SAAS;AACT,cAAI,WAAW,MAAM;AACnB,mBACE;AAAA,cAAC,gBAAAC;AAAA,cAAA;AAAA,gBACC,OAAO,KAAK;AAAA,gBACZ,OAAO,KAAK;AAAA,gBAIX,WAAC,gBAAgB;AAChB,yBAAO,eAAe,WAAW;AAAA,gBACnC;AAAA;AAAA,cALK,KAAK;AAAA,YAMZ;AAAA,UAEJ;AACA,iBAAO,eAAe,IAAI;AAAA,QAC5B;AAAA;AAAA,IACF;AAAA,KACF;AAEJ;AAEA,IAAO,eAAQ;;;AD1If,IAAOC,gBAAQ;","names":["Menu_default","createDebug","NextDropdownItem","NextDropdown","NextDropdownTrigger","cn","NextDropdownMenu","NextDropdownSection","Menu_default"]}

package/dist/Menu/index.d.cts

@@ -0,0 +1,7 @@
+import Menu from './Menu.cjs';
+import 'react/jsx-runtime';
+import 'react';
+
+
+
+export { Menu as default };

package/dist/Menu/index.d.ts

@@ -0,0 +1,7 @@
+import Menu from './Menu.js';
+import 'react/jsx-runtime';
+import 'react';
+
+
+
+export { Menu as default };

package/dist/Menu/index.js

@@ -0,0 +1,10 @@
+import {
+  Menu_default
+} from "../chunk-6ZUWYBMG.js";
+
+// src/Menu/index.ts
+var Menu_default2 = Menu_default;
+export {
+  Menu_default2 as default
+};
+//# sourceMappingURL=index.js.map

package/dist/Menu/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/Menu/index.ts"],"sourcesContent":["import Menu from './Menu';\n\nexport default Menu;\n"],"mappings":";;;;;AAEA,IAAOA,gBAAQ;","names":["Menu_default"]}