@fuf-stack/pixels 0.2.5 → 0.3.0

package/dist/Popover/index.cjs

@@ -1,77 +1,9 @@
-"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);
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-// src/Popover/index.ts
-var Popover_exports = {};
-__export(Popover_exports, {
-  default: () => Popover_default2
-});
-module.exports = __toCommonJS(Popover_exports);
 
-// src/Popover/Popover.tsx
-var import_popover = require("@nextui-org/popover");
-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:Popover");
-var Popover_default = ({
-  children = null,
-  className = void 0,
-  content,
-  contentTestId = void 0,
-  placement = "top",
-  openControlled = void 0,
-  testId = void 0,
-  title = void 0
-}) => {
-  debug("Popover");
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-    import_popover.Popover,
-    {
-      placement,
-      radius: "sm",
-      showArrow: true,
-      ...openControlled ? { isOpen: openControlled.open, onOpenChange: openControlled.setOpen } : {},
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_popover.PopoverTrigger, { className: (0, import_classnames.default)(className), "data-testid": testId, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { children }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_popover.PopoverContent, { "data-testid": contentTestId, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "max-h-[80vh] overflow-y-auto", children: [
-          title && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
-            title,
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("hr", {})
-          ] }),
-          content
-        ] }) })
-      ]
-    }
-  );
-};
+var _chunkYUOFNPJOcjs = require('../chunk-YUOFNPJO.cjs');
 
-// src/Popover/index.ts
-var Popover_default2 = Popover_default;
+
+
+exports.Popover = _chunkYUOFNPJOcjs.Popover_default; exports.default = _chunkYUOFNPJOcjs.Popover_default2;
 //# sourceMappingURL=index.cjs.map

package/dist/Popover/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/Popover/index.ts","../../src/Popover/Popover.tsx"],"sourcesContent":["import type { PopoverProps } from './Popover';\n\nimport Popover from './Popover';\n\nexport type { PopoverProps };\nexport default Popover;\n","import type { PopoverProps as NextPopoverProps } from '@nextui-org/popover';\nimport type { ReactNode } from 'react';\n\nimport { Popover, PopoverContent, PopoverTrigger } from '@nextui-org/popover';\nimport cn from 'classnames';\nimport createDebug from 'debug';\n\nconst debug = createDebug('component:Popover');\n\nexport interface PopoverProps {\n  /** child components */\n  children?: ReactNode;\n  /** CSS class name */\n  className?: string | string[];\n  /** content of the popover */\n  content: ReactNode;\n  /** HTML data-testid attribute used in e2e tests */\n  contentTestId?: string;\n  /** placement of the popover relative to its trigger reference */\n  placement?: NextPopoverProps['placement'];\n  /** use as controlled component  */\n  openControlled?: { open: boolean; setOpen: (open: boolean) => void };\n  /** HTML data-testid attribute used in e2e tests */\n  testId?: string;\n  /** popover title */\n  title?: ReactNode;\n}\n\n/**\n * Popover component based on [NextUI Card](https://nextui.org/docs/components/popover)\n */\nexport default ({\n  children = null,\n  className = undefined,\n  content,\n  contentTestId = undefined,\n  placement = 'top',\n  openControlled = undefined,\n  testId = undefined,\n  title = undefined,\n}: PopoverProps) => {\n  debug('Popover');\n\n  return (\n    <Popover\n      placement={placement}\n      radius=\"sm\"\n      showArrow\n      {...(openControlled\n        ? { isOpen: openControlled.open, onOpenChange: openControlled.setOpen }\n        : {})}\n    >\n      <PopoverTrigger className={cn(className)} data-testid={testId}>\n        {/* NOTE: type and aria properties are injected by PopoverTrigger */}\n        {/* eslint-disable-next-line react/button-has-type */}\n        <button>{children}</button>\n      </PopoverTrigger>\n      <PopoverContent data-testid={contentTestId}>\n        <div className=\"max-h-[80vh] overflow-y-auto\">\n          {title && (\n            <div>\n              {title}\n              <hr />\n            </div>\n          )}\n          {content}\n        </div>\n      </PopoverContent>\n    </Popover>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA,iBAAAA;AAAA;AAAA;;;ACGA,qBAAwD;AACxD,wBAAe;AACf,mBAAwB;AAkDhB;AAhDR,IAAM,YAAQ,aAAAC,SAAY,mBAAmB;AAwB7C,IAAO,kBAAQ,CAAC;AAAA,EACd,WAAW;AAAA,EACX,YAAY;AAAA,EACZ;AAAA,EACA,gBAAgB;AAAA,EAChB,YAAY;AAAA,EACZ,iBAAiB;AAAA,EACjB,SAAS;AAAA,EACT,QAAQ;AACV,MAAoB;AAClB,QAAM,SAAS;AAEf,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,QAAO;AAAA,MACP,WAAS;AAAA,MACR,GAAI,iBACD,EAAE,QAAQ,eAAe,MAAM,cAAc,eAAe,QAAQ,IACpE,CAAC;AAAA,MAEL;AAAA,oDAAC,iCAAe,eAAW,kBAAAC,SAAG,SAAS,GAAG,eAAa,QAGrD,sDAAC,YAAQ,UAAS,GACpB;AAAA,QACA,4CAAC,iCAAe,eAAa,eAC3B,uDAAC,SAAI,WAAU,gCACZ;AAAA,mBACC,6CAAC,SACE;AAAA;AAAA,YACD,4CAAC,QAAG;AAAA,aACN;AAAA,UAED;AAAA,WACH,GACF;AAAA;AAAA;AAAA,EACF;AAEJ;;;ADjEA,IAAOC,mBAAQ;","names":["Popover_default","createDebug","cn","Popover_default"]}
+{"version":3,"sources":[],"names":[],"mappings":""}

package/dist/Popover/index.d.cts

@@ -1,9 +1,9 @@
-import _default from './Popover.cjs';
-export { PopoverProps } from './Popover.cjs';
+import { _ as _default } from '../Popover-DbTTk7_N.cjs';
+export { P as PopoverProps } from '../Popover-DbTTk7_N.cjs';
 import 'react/jsx-runtime';
 import '@nextui-org/popover';
 import 'react';
 
 
 
-export { _default as default };
+export { _default as Popover, _default as default };

package/dist/Popover/index.d.ts

@@ -1,9 +1,9 @@
-import _default from './Popover.js';
-export { PopoverProps } from './Popover.js';
+import { _ as _default } from '../Popover-DbTTk7_N.js';
+export { P as PopoverProps } from '../Popover-DbTTk7_N.js';
 import 'react/jsx-runtime';
 import '@nextui-org/popover';
 import 'react';
 
 
 
-export { _default as default };
+export { _default as Popover, _default as default };

package/dist/Popover/index.js

@@ -1,10 +1,9 @@
 import {
-  Popover_default
-} from "../chunk-SGAWYTO7.js";
-
-// src/Popover/index.ts
-var Popover_default2 = Popover_default;
+  Popover_default,
+  Popover_default2
+} from "../chunk-V2C3KFMP.js";
 export {
+  Popover_default as Popover,
   Popover_default2 as default
 };
 //# sourceMappingURL=index.js.map

package/dist/Popover/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/Popover/index.ts"],"sourcesContent":["import type { PopoverProps } from './Popover';\n\nimport Popover from './Popover';\n\nexport type { PopoverProps };\nexport default Popover;\n"],"mappings":";;;;;AAKA,IAAOA,mBAAQ;","names":["Popover_default"]}
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/{Popover/Popover.d.cts → Popover-DbTTk7_N.d.cts}

@@ -28,4 +28,4 @@ interface PopoverProps {
  */
 declare const _default: ({ children, className, content, contentTestId, placement, openControlled, testId, title, }: PopoverProps) => react_jsx_runtime.JSX.Element;
 
-export { type PopoverProps, _default as default };
+export { type PopoverProps as P, _default as _ };

package/dist/{Popover/Popover.d.ts → Popover-DbTTk7_N.d.ts}

@@ -28,4 +28,4 @@ interface PopoverProps {
  */
 declare const _default: ({ children, className, content, contentTestId, placement, openControlled, testId, title, }: PopoverProps) => react_jsx_runtime.JSX.Element;
 
-export { type PopoverProps, _default as default };
+export { type PopoverProps as P, _default as _ };

package/dist/Tooltip/index.cjs

@@ -1,67 +1,7 @@
-"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);
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-// src/Tooltip/index.ts
-var Tooltip_exports = {};
-__export(Tooltip_exports, {
-  default: () => Tooltip_default2
-});
-module.exports = __toCommonJS(Tooltip_exports);
+var _chunkJD3BEOSKcjs = require('../chunk-JD3BEOSK.cjs');
 
-// src/Tooltip/Tooltip.tsx
-var import_tooltip = require("@nextui-org/tooltip");
-var import_classnames = __toESM(require("classnames"), 1);
-var import_jsx_runtime = require("react/jsx-runtime");
-var Tooltip = ({
-  children,
-  className = void 0,
-  content,
-  placement = "top",
-  defaultOpen = false,
-  onOpenChange = void 0,
-  containerPadding = 0
-}) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-  import_tooltip.Tooltip,
-  {
-    className: (0, import_classnames.default)(className),
-    containerPadding,
-    content,
-    defaultOpen,
-    onOpenChange,
-    placement,
-    shouldFlip: true,
-    showArrow: true,
-    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "cursor-pointer", children })
-  }
-);
-var Tooltip_default = Tooltip;
 
-// src/Tooltip/index.ts
-var Tooltip_default2 = Tooltip_default;
+exports.default = _chunkJD3BEOSKcjs.Tooltip_default;
 //# sourceMappingURL=index.cjs.map

package/dist/Tooltip/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/Tooltip/index.ts","../../src/Tooltip/Tooltip.tsx"],"sourcesContent":["import type { TooltipProps } from './Tooltip';\n\nimport Tooltip from './Tooltip';\n\nexport type { TooltipProps };\nexport default Tooltip;\n","import type { ReactNode } from 'react';\n\nimport { Tooltip as NextTooltip } from '@nextui-org/tooltip';\nimport cn from 'classnames';\n\nexport const PlacementOptions = ['top', 'bottom', 'left', 'right'] as const;\nexport type Placement = (typeof PlacementOptions)[number];\n\nexport interface TooltipProps {\n  /** trigger child components */\n  children: ReactNode;\n  /** CSS class name */\n  className?: string;\n  /** placement padding in px */\n  containerPadding?: number;\n  /** content displayed in the tooltip */\n  content: ReactNode;\n  /** open overlay initially when uncontrolled */\n  defaultOpen?: boolean;\n  /** handler that is called when the overlay's open state changes */\n  onOpenChange?: (isOpen: boolean) => void;\n  /** placement if the tooltip */\n  placement?: Placement;\n}\n\n/**\n * Tooltip component based on [NextUI Tooltip](https://nextui.org/docs/components/tooltip)\n */\nconst Tooltip = ({\n  children,\n  className = undefined,\n  content,\n  placement = 'top',\n  defaultOpen = false,\n  onOpenChange = undefined,\n  containerPadding = 0,\n}: TooltipProps) => (\n  <NextTooltip\n    className={cn(className)}\n    containerPadding={containerPadding}\n    content={content}\n    defaultOpen={defaultOpen}\n    onOpenChange={onOpenChange}\n    placement={placement}\n    shouldFlip\n    showArrow\n  >\n    <span className=\"cursor-pointer\">{children}</span>\n  </NextTooltip>\n);\n\nexport default Tooltip;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA,iBAAAA;AAAA;AAAA;;;ACEA,qBAAuC;AACvC,wBAAe;AA4CX;AAnBJ,IAAM,UAAU,CAAC;AAAA,EACf;AAAA,EACA,YAAY;AAAA,EACZ;AAAA,EACA,YAAY;AAAA,EACZ,cAAc;AAAA,EACd,eAAe;AAAA,EACf,mBAAmB;AACrB,MACE;AAAA,EAAC,eAAAC;AAAA,EAAA;AAAA,IACC,eAAW,kBAAAC,SAAG,SAAS;AAAA,IACvB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,YAAU;AAAA,IACV,WAAS;AAAA,IAET,sDAAC,UAAK,WAAU,kBAAkB,UAAS;AAAA;AAC7C;AAGF,IAAO,kBAAQ;;;AD9Cf,IAAOC,mBAAQ;","names":["Tooltip_default","NextTooltip","cn","Tooltip_default"]}
+{"version":3,"sources":[],"names":[],"mappings":""}

package/dist/Tooltip/index.d.cts

@@ -1,5 +1,5 @@
-import Tooltip from './Tooltip.cjs';
-export { TooltipProps } from './Tooltip.cjs';
+import { T as Tooltip } from '../Tooltip-D0yEMBnv.cjs';
+export { a as TooltipProps } from '../Tooltip-D0yEMBnv.cjs';
 import 'react/jsx-runtime';
 import 'react';
 

package/dist/Tooltip/index.d.ts

@@ -1,5 +1,5 @@
-import Tooltip from './Tooltip.js';
-export { TooltipProps } from './Tooltip.js';
+import { T as Tooltip } from '../Tooltip-D0yEMBnv.js';
+export { a as TooltipProps } from '../Tooltip-D0yEMBnv.js';
 import 'react/jsx-runtime';
 import 'react';
 

package/dist/Tooltip/index.js

@@ -1,10 +1,7 @@
 import {
   Tooltip_default
-} from "../chunk-ONXXZTZY.js";
-
-// src/Tooltip/index.ts
-var Tooltip_default2 = Tooltip_default;
+} from "../chunk-J47IOXCU.js";
 export {
-  Tooltip_default2 as default
+  Tooltip_default as default
 };
 //# sourceMappingURL=index.js.map

package/dist/Tooltip/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/Tooltip/index.ts"],"sourcesContent":["import type { TooltipProps } from './Tooltip';\n\nimport Tooltip from './Tooltip';\n\nexport type { TooltipProps };\nexport default Tooltip;\n"],"mappings":";;;;;AAKA,IAAOA,mBAAQ;","names":["Tooltip_default"]}
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/{Tooltip/Tooltip.d.cts → Tooltip-D0yEMBnv.d.cts}

@@ -24,4 +24,4 @@ interface TooltipProps {
  */
 declare const Tooltip: ({ children, className, content, placement, defaultOpen, onOpenChange, containerPadding, }: TooltipProps) => react_jsx_runtime.JSX.Element;
 
-export { type Placement, PlacementOptions, type TooltipProps, Tooltip as default };
+export { Tooltip as T, type TooltipProps as a };

package/dist/{Tooltip/Tooltip.d.ts → Tooltip-D0yEMBnv.d.ts}

@@ -24,4 +24,4 @@ interface TooltipProps {
  */
 declare const Tooltip: ({ children, className, content, placement, defaultOpen, onOpenChange, containerPadding, }: TooltipProps) => react_jsx_runtime.JSX.Element;
 
-export { type Placement, PlacementOptions, type TooltipProps, Tooltip as default };
+export { Tooltip as T, type TooltipProps as a };

package/dist/chunk-2UJJIIMU.js

@@ -0,0 +1,87 @@
+// src/Button/Button.tsx
+import { Button as NextButton } from "@nextui-org/button";
+import cn from "classnames";
+
+// src/Button/subcomponents/LoadingSpinner.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var LoadingSpinner_default = () => /* @__PURE__ */ jsxs(
+  "svg",
+  {
+    className: "animate-spin h-5 w-5 text-current",
+    fill: "none",
+    viewBox: "0 0 24 24",
+    xmlns: "http://www.w3.org/2000/svg",
+    children: [
+      /* @__PURE__ */ jsx(
+        "circle",
+        {
+          className: "opacity-25",
+          cx: "12",
+          cy: "12",
+          r: "10",
+          stroke: "currentColor",
+          strokeWidth: "4"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          className: "opacity-75",
+          d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z",
+          fill: "currentColor"
+        }
+      )
+    ]
+  }
+);
+
+// src/Button/Button.tsx
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var Button = ({
+  ariaLabel = void 0,
+  children = void 0,
+  className = void 0,
+  color = "default",
+  disabled = false,
+  icon = void 0,
+  loading = false,
+  onClick = void 0,
+  size = void 0,
+  testId = void 0,
+  type = void 0,
+  variant = "solid",
+  ...passthrouhProps
+}) => {
+  return /* @__PURE__ */ jsxs2(
+    NextButton,
+    {
+      "aria-label": ariaLabel,
+      className: cn(className),
+      color,
+      "data-testid": testId,
+      isDisabled: disabled,
+      isIconOnly: !!(icon && !children),
+      isLoading: loading,
+      onPress: onClick,
+      size,
+      spinner: /* @__PURE__ */ jsx2(LoadingSpinner_default, {}),
+      type,
+      variant,
+      ...passthrouhProps,
+      children: [
+        icon,
+        children
+      ]
+    }
+  );
+};
+var Button_default = Button;
+
+// src/Button/index.ts
+var Button_default2 = Button_default;
+
+export {
+  Button_default,
+  Button_default2
+};
+//# sourceMappingURL=chunk-2UJJIIMU.js.map

package/dist/chunk-2UJJIIMU.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/Button/Button.tsx","../src/Button/subcomponents/LoadingSpinner.tsx","../src/Button/index.ts"],"sourcesContent":["import type { ButtonProps as NextButtonProps } from '@nextui-org/button';\nimport type { ReactNode } from 'react';\n\nimport { Button as NextButton } from '@nextui-org/button';\nimport cn from 'classnames';\n\nimport LoadingSpinner from './subcomponents/LoadingSpinner';\n\nexport interface ButtonProps {\n  /** sets HTML aria-label attribute */\n  ariaLabel?: string;\n  /** child components */\n  children?: ReactNode;\n  /** CSS class name */\n  className?: string | string[];\n  /** next ui button color  */\n  color?: NextButtonProps['color'];\n  /** disables function of the button. */\n  disabled?: boolean;\n  /** If set loading animation is shown */\n  loading?: boolean;\n  /** optional icon */\n  icon?: ReactNode;\n  /** on click event */\n  onClick?: NextButtonProps['onPress'];\n  /** 3 size options */\n  size?: NextButtonProps['size'];\n  /** HTML data-testid attribute used in e2e tests */\n  testId?: string;\n  /** sets the button type. */\n  type?: 'button' | 'submit' | 'reset' | undefined;\n  /** next ui button variants */\n  variant?: NextButtonProps['variant'];\n}\n\n/**\n * Button component based on [NextUI Button](https://nextui.org/docs/components/button)\n */\nconst Button = ({\n  ariaLabel = undefined,\n  children = undefined,\n  className = undefined,\n  color = 'default',\n  disabled = false,\n  icon = undefined,\n  loading = false,\n  onClick = undefined,\n  size = undefined,\n  testId = undefined,\n  type = undefined,\n  variant = 'solid',\n  ...passthrouhProps\n}: ButtonProps) => {\n  return (\n    <NextButton\n      aria-label={ariaLabel}\n      className={cn(className)}\n      color={color}\n      data-testid={testId}\n      isDisabled={disabled}\n      isIconOnly={!!(icon && !children)}\n      isLoading={loading}\n      onPress={onClick}\n      size={size}\n      spinner={<LoadingSpinner />}\n      type={type}\n      variant={variant}\n      {...passthrouhProps}\n    >\n      {icon}\n      {children}\n    </NextButton>\n  );\n};\n\nexport default Button;\n","/**\n * svg loading spinner for button\n * @see https://nextui.org/docs/components/button#loading\n * */\nexport default () => (\n  <svg\n    className=\"animate-spin h-5 w-5 text-current\"\n    fill=\"none\"\n    viewBox=\"0 0 24 24\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <circle\n      className=\"opacity-25\"\n      cx=\"12\"\n      cy=\"12\"\n      r=\"10\"\n      stroke=\"currentColor\"\n      strokeWidth=\"4\"\n    />\n    <path\n      className=\"opacity-75\"\n      d=\"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z\"\n      fill=\"currentColor\"\n    />\n  </svg>\n);\n","import Button from './Button';\n\nexport type { ButtonProps } from './Button';\n\nexport { Button };\n\nexport default Button;\n"],"mappings":";AAGA,SAAS,UAAU,kBAAkB;AACrC,OAAO,QAAQ;;;ACCb,SAME,KANF;AADF,IAAO,yBAAQ,MACb;AAAA,EAAC;AAAA;AAAA,IACC,WAAU;AAAA,IACV,MAAK;AAAA,IACL,SAAQ;AAAA,IACR,OAAM;AAAA,IAEN;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,WAAU;AAAA,UACV,IAAG;AAAA,UACH,IAAG;AAAA,UACH,GAAE;AAAA,UACF,QAAO;AAAA,UACP,aAAY;AAAA;AAAA,MACd;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC,WAAU;AAAA,UACV,GAAE;AAAA,UACF,MAAK;AAAA;AAAA,MACP;AAAA;AAAA;AACF;;;AD8BE,SAUW,OAAAA,MAVX,QAAAC,aAAA;AAhBJ,IAAM,SAAS,CAAC;AAAA,EACd,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,QAAQ;AAAA,EACR,WAAW;AAAA,EACX,OAAO;AAAA,EACP,UAAU;AAAA,EACV,UAAU;AAAA,EACV,OAAO;AAAA,EACP,SAAS;AAAA,EACT,OAAO;AAAA,EACP,UAAU;AAAA,EACV,GAAG;AACL,MAAmB;AACjB,SACE,gBAAAA;AAAA,IAAC;AAAA;AAAA,MACC,cAAY;AAAA,MACZ,WAAW,GAAG,SAAS;AAAA,MACvB;AAAA,MACA,eAAa;AAAA,MACb,YAAY;AAAA,MACZ,YAAY,CAAC,EAAE,QAAQ,CAAC;AAAA,MACxB,WAAW;AAAA,MACX,SAAS;AAAA,MACT;AAAA,MACA,SAAS,gBAAAD,KAAC,0BAAe;AAAA,MACzB;AAAA,MACA;AAAA,MACC,GAAG;AAAA,MAEH;AAAA;AAAA,QACA;AAAA;AAAA;AAAA,EACH;AAEJ;AAEA,IAAO,iBAAQ;;;AErEf,IAAOE,kBAAQ;","names":["jsx","jsxs","Button_default"]}

package/dist/{chunk-WBAURF6J.js → chunk-7ERBBFDC.js}

@@ -1,10 +1,11 @@
 import {
-  Button_default
-} from "./chunk-4WCKFSLX.js";
+  Button_default2 as Button_default
+} from "./chunk-2UJJIIMU.js";
 
 // src/Json/Json.tsx
 import { useState } from "react";
 import { FaChevronDown, FaChevronUp, FaTimesCircle } from "react-icons/fa";
+import { HiOutlineClipboard, HiOutlineClipboardCheck } from "react-icons/hi";
 import JsonView from "@uiw/react-json-view";
 import { lightTheme } from "@uiw/react-json-view/light";
 import { vscodeTheme } from "@uiw/react-json-view/vscode";
@@ -28,13 +29,41 @@ var Json = ({ className = null, collapsed = false, value }) => {
     content = /* @__PURE__ */ jsx(
       JsonView,
       {
+        className: "pr-5",
         collapsed,
         displayDataTypes: false,
         style: {
           ...isDarkMode ? vscodeTheme : lightTheme,
           backgroundColor: "unset"
         },
-        value: getValue(value)
+        value: getValue(value),
+        children: /* @__PURE__ */ jsx(
+          JsonView.Copied,
+          {
+            render: ({
+              // @ts-expect-error this should be fine
+              "data-copied": copied,
+              style,
+              ...elmProps
+            }) => {
+              const elmClasses = cn(
+                elmProps.className,
+                "absolute -right-4 -top-[2px] h-4 w-4 !fill-transparent pl-1",
+                { "text-success": copied }
+              );
+              return /* @__PURE__ */ jsx("span", { className: "relative !ml-0 !h-[1em] !w-0", style, children: copied ? /* @__PURE__ */ jsx(
+                HiOutlineClipboardCheck,
+                {
+                  ...elmProps,
+                  className: elmClasses
+                }
+              ) : (
+                // eslint-disable-next-line react/jsx-props-no-spreading
+                /* @__PURE__ */ jsx(HiOutlineClipboard, { ...elmProps, className: elmClasses })
+              ) });
+            }
+          }
+        )
       }
     );
   } catch (err) {
@@ -88,7 +117,11 @@ var Json = ({ className = null, collapsed = false, value }) => {
 };
 var Json_default = Json;
 
+// src/Json/index.ts
+var Json_default2 = Json_default;
+
 export {
-  Json_default
+  Json_default,
+  Json_default2
 };
-//# sourceMappingURL=chunk-WBAURF6J.js.map
+//# sourceMappingURL=chunk-7ERBBFDC.js.map

package/dist/chunk-7ERBBFDC.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/Json/Json.tsx","../src/Json/index.ts"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport { useState } from 'react';\nimport { FaChevronDown, FaChevronUp, FaTimesCircle } from 'react-icons/fa';\nimport { HiOutlineClipboard, HiOutlineClipboardCheck } from 'react-icons/hi';\n\nimport JsonView from '@uiw/react-json-view';\nimport { lightTheme } from '@uiw/react-json-view/light';\nimport { vscodeTheme } from '@uiw/react-json-view/vscode';\nimport cn from 'classnames';\n\nimport Button from '../Button';\n\n/**\n * returns the value (JSON string or object) as object\n */\nconst getValue = (value: string | object) => {\n  if (typeof value === 'string') {\n    return JSON.parse(value);\n  }\n  if (typeof value === 'object') {\n    return value;\n  }\n  throw new Error(`${typeof value} can not be visualized`);\n};\n\nexport interface JsonProps {\n  /** CSS class name */\n  className?: string | string[] | null;\n  /** When set to true, all nodes will be collapsed by default. Use an integer value to collapse at a particular depth. */\n  collapsed?: boolean | number;\n  /** Object to be visualized JSON string or object */\n  value: string | object;\n}\n\n/**\n * Json renderer based on [react-json-view](https://mac-s-g.github.io/react-json-view/demo/dist/)\n */\nconst Json = ({ className = null, collapsed = false, value }: JsonProps) => {\n  const isDarkMode = document.body.classList.contains('dark');\n\n  let content: ReactNode = null;\n  let error: ReactNode = null;\n\n  const [showDetails, setShowDetails] = useState(false);\n\n  try {\n    content = (\n      <JsonView\n        className=\"pr-5\"\n        collapsed={collapsed}\n        displayDataTypes={false}\n        style={{\n          ...(isDarkMode ? vscodeTheme : lightTheme),\n          backgroundColor: 'unset',\n        }}\n        value={getValue(value)}\n      >\n        {/* FIX: overwrite Copied component to fix flickering copy button */}\n        <JsonView.Copied\n          render={({\n            // @ts-expect-error this should be fine\n            'data-copied': copied,\n            style,\n            ...elmProps\n          }) => {\n            const elmClasses = cn(\n              elmProps.className,\n              'absolute -right-4 -top-[2px] h-4 w-4 !fill-transparent pl-1',\n              { 'text-success': copied },\n            );\n            return (\n              <span className=\"relative !ml-0 !h-[1em] !w-0\" style={style}>\n                {copied ? (\n                  <HiOutlineClipboardCheck\n                    // eslint-disable-next-line react/jsx-props-no-spreading\n                    {...elmProps}\n                    className={elmClasses}\n                  />\n                ) : (\n                  // eslint-disable-next-line react/jsx-props-no-spreading\n                  <HiOutlineClipboard {...elmProps} className={elmClasses} />\n                )}\n              </span>\n            );\n          }}\n        />\n      </JsonView>\n    );\n  } catch (err) {\n    error = (\n      <div\n        className=\"mb-4 flex flex-col items-center rounded-lg border border-danger bg-danger-50 p-4 text-sm text-danger\"\n        role=\"alert\"\n      >\n        <div className=\"flex w-full justify-between gap-6\">\n          <div className=\"flex items-center\">\n            <FaTimesCircle className=\"mr-2\" />\n            <span className=\"font-medium\">Failed to parse JSON data</span>\n          </div>\n          <Button\n            color=\"danger\"\n            size=\"sm\"\n            variant=\"light\"\n            onClick={() => setShowDetails(!showDetails)}\n          >\n            {showDetails ? (\n              <>\n                <FaChevronUp /> Hide Details\n              </>\n            ) : (\n              <>\n                <FaChevronDown /> Show Details\n              </>\n            )}\n          </Button>\n        </div>\n        {showDetails && (\n          <div className=\"mt-4 w-full text-left\">\n            <div>\n              <strong>Error:</strong>\n              <pre>\n                {/* @ts-expect-error is ok */}\n                {err?.name}: {err?.message}\n              </pre>\n            </div>\n            <div className=\"mt-4\">\n              <strong>Data:</strong>\n              <pre>\n                {typeof value !== 'string'\n                  ? JSON.stringify(value, null, 2)\n                  : value}\n              </pre>\n            </div>\n          </div>\n        )}\n      </div>\n    );\n  }\n  return <div className={cn(className)}>{error || content}</div>;\n};\n\nexport default Json;\n","import Json from './Json';\n\nexport type { JsonProps } from './Json';\n\nexport { Json };\n\nexport default Json;\n"],"mappings":";;;;;AAEA,SAAS,gBAAgB;AACzB,SAAS,eAAe,aAAa,qBAAqB;AAC1D,SAAS,oBAAoB,+BAA+B;AAE5D,OAAO,cAAc;AACrB,SAAS,kBAAkB;AAC3B,SAAS,mBAAmB;AAC5B,OAAO,QAAQ;AAiEG,SAiCJ,UAjCI,KAsBR,YAtBQ;AA1DlB,IAAM,WAAW,CAAC,UAA2B;AAC3C,MAAI,OAAO,UAAU,UAAU;AAC7B,WAAO,KAAK,MAAM,KAAK;AAAA,EACzB;AACA,MAAI,OAAO,UAAU,UAAU;AAC7B,WAAO;AAAA,EACT;AACA,QAAM,IAAI,MAAM,GAAG,OAAO,KAAK,wBAAwB;AACzD;AAcA,IAAM,OAAO,CAAC,EAAE,YAAY,MAAM,YAAY,OAAO,MAAM,MAAiB;AAC1E,QAAM,aAAa,SAAS,KAAK,UAAU,SAAS,MAAM;AAE1D,MAAI,UAAqB;AACzB,MAAI,QAAmB;AAEvB,QAAM,CAAC,aAAa,cAAc,IAAI,SAAS,KAAK;AAEpD,MAAI;AACF,cACE;AAAA,MAAC;AAAA;AAAA,QACC,WAAU;AAAA,QACV;AAAA,QACA,kBAAkB;AAAA,QAClB,OAAO;AAAA,UACL,GAAI,aAAa,cAAc;AAAA,UAC/B,iBAAiB;AAAA,QACnB;AAAA,QACA,OAAO,SAAS,KAAK;AAAA,QAGrB;AAAA,UAAC,SAAS;AAAA,UAAT;AAAA,YACC,QAAQ,CAAC;AAAA;AAAA,cAEP,eAAe;AAAA,cACf;AAAA,cACA,GAAG;AAAA,YACL,MAAM;AACJ,oBAAM,aAAa;AAAA,gBACjB,SAAS;AAAA,gBACT;AAAA,gBACA,EAAE,gBAAgB,OAAO;AAAA,cAC3B;AACA,qBACE,oBAAC,UAAK,WAAU,gCAA+B,OAC5C,mBACC;AAAA,gBAAC;AAAA;AAAA,kBAEE,GAAG;AAAA,kBACJ,WAAW;AAAA;AAAA,cACb;AAAA;AAAA,gBAGA,oBAAC,sBAAoB,GAAG,UAAU,WAAW,YAAY;AAAA,iBAE7D;AAAA,YAEJ;AAAA;AAAA,QACF;AAAA;AAAA,IACF;AAAA,EAEJ,SAAS,KAAK;AACZ,YACE;AAAA,MAAC;AAAA;AAAA,QACC,WAAU;AAAA,QACV,MAAK;AAAA,QAEL;AAAA,+BAAC,SAAI,WAAU,qCACb;AAAA,iCAAC,SAAI,WAAU,qBACb;AAAA,kCAAC,iBAAc,WAAU,QAAO;AAAA,cAChC,oBAAC,UAAK,WAAU,eAAc,uCAAyB;AAAA,eACzD;AAAA,YACA;AAAA,cAAC;AAAA;AAAA,gBACC,OAAM;AAAA,gBACN,MAAK;AAAA,gBACL,SAAQ;AAAA,gBACR,SAAS,MAAM,eAAe,CAAC,WAAW;AAAA,gBAEzC,wBACC,iCACE;AAAA,sCAAC,eAAY;AAAA,kBAAE;AAAA,mBACjB,IAEA,iCACE;AAAA,sCAAC,iBAAc;AAAA,kBAAE;AAAA,mBACnB;AAAA;AAAA,YAEJ;AAAA,aACF;AAAA,UACC,eACC,qBAAC,SAAI,WAAU,yBACb;AAAA,iCAAC,SACC;AAAA,kCAAC,YAAO,oBAAM;AAAA,cACd,qBAAC,SAEE;AAAA,qBAAK;AAAA,gBAAK;AAAA,gBAAG,KAAK;AAAA,iBACrB;AAAA,eACF;AAAA,YACA,qBAAC,SAAI,WAAU,QACb;AAAA,kCAAC,YAAO,mBAAK;AAAA,cACb,oBAAC,SACE,iBAAO,UAAU,WACd,KAAK,UAAU,OAAO,MAAM,CAAC,IAC7B,OACN;AAAA,eACF;AAAA,aACF;AAAA;AAAA;AAAA,IAEJ;AAAA,EAEJ;AACA,SAAO,oBAAC,SAAI,WAAW,GAAG,SAAS,GAAI,mBAAS,SAAQ;AAC1D;AAEA,IAAO,eAAQ;;;ACxIf,IAAOA,gBAAQ;","names":["Json_default"]}

package/dist/chunk-BMKGS5PK.cjs

@@ -0,0 +1,32 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }// src/Label/Label.tsx
+var _chip = require('@nextui-org/chip');
+var _classnames = require('classnames'); var _classnames2 = _interopRequireDefault(_classnames);
+var _jsxruntime = require('react/jsx-runtime');
+var Label = ({
+  children,
+  className = void 0,
+  color = "default",
+  endContent = void 0,
+  size = "md",
+  startContent = void 0
+}) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+  _chip.Chip,
+  {
+    className: _classnames2.default.call(void 0, className),
+    color,
+    endContent,
+    size,
+    startContent,
+    children
+  }
+);
+var Label_default = Label;
+
+// src/Label/index.ts
+var Label_default2 = Label_default;
+
+
+
+
+exports.Label_default = Label_default; exports.Label_default2 = Label_default2;
+//# sourceMappingURL=chunk-BMKGS5PK.cjs.map

package/dist/chunk-BMKGS5PK.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/Label/Label.tsx","../src/Label/index.ts"],"names":["Label_default"],"mappings":";AAGA,SAAS,QAAQ,iBAAiB;AAClC,OAAO,QAAQ;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;AAAA;AAAA,IACC,WAAW,GAAG,SAAS;AAAA,IACvB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IAEC;AAAA;AACH;AAGF,IAAO,gBAAQ;;;ACrCf,IAAOA,iBAAQ","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","import Label from './Label';\n\nexport type { LabelProps } from './Label';\n\nexport { Label };\n\nexport default Label;\n"]}

package/dist/chunk-DSSM3ANE.cjs

@@ -0,0 +1,84 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }// src/Menu/Menu.tsx
+var _fa6 = require('react-icons/fa6');
+var _button = require('@nextui-org/button');
+
+
+
+
+
+
+var _dropdown = require('@nextui-org/dropdown');
+var _classnames = require('classnames'); var _classnames2 = _interopRequireDefault(_classnames);
+var _debug = require('debug'); var _debug2 = _interopRequireDefault(_debug);
+var _jsxruntime = require('react/jsx-runtime');
+var debug = _debug2.default.call(void 0, "component:Menu");
+var getDisabledKeys = (items) => {
+  return items.map((item) => typeof _optionalChain([item, 'optionalAccess', _ => _.items]) === "undefined" ? item : item.items).flat().filter((item) => {
+    return Object.hasOwn(item, "disabled") && item.disabled === true;
+  }).map((item) => item.key);
+};
+var renderMenuItem = (item) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+  _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__ */ _jsxruntime.jsxs.call(void 0, _dropdown.Dropdown, { isDisabled, children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _dropdown.DropdownTrigger, { className: _classnames2.default.call(void 0, className), "data-testid": testId, children: children ? (
+      // eslint-disable-next-line react/button-has-type
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "button", { children })
+    ) : (
+      // INFO: we use next button here so that ref passing works
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _button.Button, { size: "sm", variant: "flat", className: "min-w-0", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _fa6.FaEllipsisVertical, {}) })
+    ) }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _dropdown.DropdownMenu,
+      {
+        items,
+        disabledKeys: getDisabledKeys(items),
+        onAction,
+        children: (item) => {
+          if ("items" in item) {
+            return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+              _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;
+
+
+
+
+exports.Menu_default = Menu_default; exports.Menu_default2 = Menu_default2;
+//# sourceMappingURL=chunk-DSSM3ANE.cjs.map

package/dist/chunk-DSSM3ANE.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/Menu/Menu.tsx","../src/Menu/index.ts"],"names":["Menu_default"],"mappings":";AAGA,SAAS,0BAA0B;AAEnC,SAAS,cAAc;AACvB;AAAA,EACE,YAAY;AAAA,EACZ,gBAAgB;AAAA,EAChB,gBAAgB;AAAA,EAChB,mBAAmB;AAAA,EACnB,mBAAmB;AAAA,OACd;AACP,OAAO,QAAQ;AACf,OAAO,iBAAiB;AAoEtB,cA0BE,YA1BF;AAlEF,IAAM,QAAQ,YAAY,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;AAAA;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,qBAAC,gBAAa,YACZ;AAAA,wBAAC,uBAAoB,WAAW,GAAG,SAAS,GAAG,eAAa,QACzD;AAAA;AAAA,MAEC,oBAAC,YAAQ,UAAS;AAAA;AAAA;AAAA,MAGlB,oBAAC,UAAO,MAAK,MAAK,SAAQ,QAAO,WAAU,WACzC,8BAAC,sBAAmB,GACtB;AAAA,OAEJ;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QAEC;AAAA,QACA,cAAc,gBAAgB,KAAK;AAAA,QACnC;AAAA,QAEC,WAAC,SAAS;AACT,cAAI,WAAW,MAAM;AACnB,mBACE;AAAA,cAAC;AAAA;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;;;AC9If,IAAOA,gBAAQ","sourcesContent":["import type { DropdownSectionProps } from '@nextui-org/dropdown';\nimport type { Key, MouseEventHandler, ReactNode } from 'react';\n\nimport { FaEllipsisVertical } from 'react-icons/fa6';\n\nimport { Button } from '@nextui-org/button';\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        {children ? (\n          // eslint-disable-next-line react/button-has-type\n          <button>{children}</button>\n        ) : (\n          // INFO: we use next button here so that ref passing works\n          <Button size=\"sm\" variant=\"flat\" className=\"min-w-0\">\n            <FaEllipsisVertical />\n          </Button>\n        )}\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","import Menu from './Menu';\n\nexport type { MenuProps } from './Menu';\n\nexport { Menu };\n\nexport default Menu;\n"]}