@fuf-stack/pixels 0.0.6 → 0.1.0

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"]}

package/dist/Modal/Modal.cjs

@@ -0,0 +1,86 @@
+"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/Modal/Modal.tsx
+var Modal_exports = {};
+__export(Modal_exports, {
+  ModalSizeOptions: () => ModalSizeOptions,
+  default: () => Modal_default
+});
+module.exports = __toCommonJS(Modal_exports);
+var import_modal = require("@nextui-org/modal");
+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:Modal");
+var ModalSizeOptions = ["sm", "md", "lg"];
+var Modal = ({
+  children = null,
+  className = void 0,
+  footer = void 0,
+  isOpen,
+  onClose,
+  size = "md",
+  testId = void 0,
+  title = void 0
+}) => {
+  debug("Modal", { size });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: (0, import_classnames.default)(className), "data-testid": testId, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_modal.Modal,
+    {
+      backdrop: "opaque",
+      classNames: {
+        base: (0, import_classnames.default)(
+          {
+            "lg:w-11/12": size === "lg",
+            "w-2/12": size === "sm",
+            "w-6/12": size === "md"
+          },
+          // overwrite !rounded-none from nextui
+          "!rounded-lg"
+        )
+      },
+      isOpen,
+      onClose,
+      scrollBehavior: "inside",
+      size: "full",
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_modal.ModalContent, { "data-testid": testId ? `${testId}_modal` : "modal", children: () => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+        title && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_modal.ModalHeader, { children: title }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_modal.ModalBody, { className: "bg-ex-background", children }),
+        footer && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_modal.ModalFooter, { children: footer })
+      ] }) })
+    }
+  ) });
+};
+var Modal_default = Modal;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ModalSizeOptions
+});
+//# sourceMappingURL=Modal.cjs.map

package/dist/Modal/Modal.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/Modal/Modal.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport {\n  Modal as NextModal,\n  ModalBody as NextModalBody,\n  ModalContent as NextModalContent,\n  ModalFooter as NextModalFooter,\n  ModalHeader as NextModalHeader,\n} from '@nextui-org/modal';\nimport cn from 'classnames';\nimport createDebug from 'debug';\n\nconst debug = createDebug('component:Modal');\n\nexport const ModalSizeOptions = ['sm', 'md', 'lg'] as const;\ntype ModalSize = (typeof ModalSizeOptions)[number];\n\nexport interface ModalProps {\n  /** child components */\n  children?: ReactNode;\n  /** CSS class name */\n  className?: string | string[];\n  /** HTML data-testid attribute used in e2e tests */\n  footer?: ReactNode;\n  /** open state (controlled) */\n  isOpen: boolean;\n  /** close event handler */\n  onClose: () => void;\n  /** modal size */\n  size?: ModalSize;\n  /** e2e test id */\n  testId?: string;\n  /** modal header */\n  title?: ReactNode;\n}\n\n/**\n * Modal component based on [NextUI Modal](https://nextui.org/docs/components/modal)\n */\nconst Modal = ({\n  children = null,\n  className = undefined,\n  footer = undefined,\n  isOpen,\n  onClose,\n  size = 'md',\n  testId = undefined,\n  title = undefined,\n}: ModalProps) => {\n  debug('Modal', { size });\n  return (\n    <div className={cn(className)} data-testid={testId}>\n      <NextModal\n        backdrop=\"opaque\"\n        classNames={{\n          base: cn(\n            {\n              'lg:w-11/12': size === 'lg',\n              'w-2/12': size === 'sm',\n              'w-6/12': size === 'md',\n            },\n            // overwrite !rounded-none from nextui\n            '!rounded-lg',\n          ),\n        }}\n        isOpen={isOpen}\n        onClose={onClose}\n        scrollBehavior=\"inside\"\n        size=\"full\"\n      >\n        <NextModalContent data-testid={testId ? `${testId}_modal` : 'modal'}>\n          {() => (\n            <>\n              {title && <NextModalHeader>{title}</NextModalHeader>}\n              <NextModalBody className=\"bg-ex-background\">\n                {children}\n              </NextModalBody>\n              {footer && <NextModalFooter>{footer}</NextModalFooter>}\n            </>\n          )}\n        </NextModalContent>\n      </NextModal>\n    </div>\n  );\n};\n\nexport default Modal;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,mBAMO;AACP,wBAAe;AACf,mBAAwB;AA8DZ;AA5DZ,IAAM,YAAQ,aAAAA,SAAY,iBAAiB;AAEpC,IAAM,mBAAmB,CAAC,MAAM,MAAM,IAAI;AAyBjD,IAAM,QAAQ,CAAC;AAAA,EACb,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,SAAS;AAAA,EACT;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP,SAAS;AAAA,EACT,QAAQ;AACV,MAAkB;AAChB,QAAM,SAAS,EAAE,KAAK,CAAC;AACvB,SACE,4CAAC,SAAI,eAAW,kBAAAC,SAAG,SAAS,GAAG,eAAa,QAC1C;AAAA,IAAC,aAAAC;AAAA,IAAA;AAAA,MACC,UAAS;AAAA,MACT,YAAY;AAAA,QACV,UAAM,kBAAAD;AAAA,UACJ;AAAA,YACE,cAAc,SAAS;AAAA,YACvB,UAAU,SAAS;AAAA,YACnB,UAAU,SAAS;AAAA,UACrB;AAAA;AAAA,UAEA;AAAA,QACF;AAAA,MACF;AAAA,MACA;AAAA,MACA;AAAA,MACA,gBAAe;AAAA,MACf,MAAK;AAAA,MAEL,sDAAC,aAAAE,cAAA,EAAiB,eAAa,SAAS,GAAG,MAAM,WAAW,SACzD,gBACC,4EACG;AAAA,iBAAS,4CAAC,aAAAC,aAAA,EAAiB,iBAAM;AAAA,QAClC,4CAAC,aAAAC,WAAA,EAAc,WAAU,oBACtB,UACH;AAAA,QACC,UAAU,4CAAC,aAAAC,aAAA,EAAiB,kBAAO;AAAA,SACtC,GAEJ;AAAA;AAAA,EACF,GACF;AAEJ;AAEA,IAAO,gBAAQ;","names":["createDebug","cn","NextModal","NextModalContent","NextModalHeader","NextModalBody","NextModalFooter"]}

package/dist/Modal/Modal.d.cts

@@ -0,0 +1,29 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode } from 'react';
+
+declare const ModalSizeOptions: readonly ["sm", "md", "lg"];
+type ModalSize = (typeof ModalSizeOptions)[number];
+interface ModalProps {
+    /** child components */
+    children?: ReactNode;
+    /** CSS class name */
+    className?: string | string[];
+    /** HTML data-testid attribute used in e2e tests */
+    footer?: ReactNode;
+    /** open state (controlled) */
+    isOpen: boolean;
+    /** close event handler */
+    onClose: () => void;
+    /** modal size */
+    size?: ModalSize;
+    /** e2e test id */
+    testId?: string;
+    /** modal header */
+    title?: ReactNode;
+}
+/**
+ * Modal component based on [NextUI Modal](https://nextui.org/docs/components/modal)
+ */
+declare const Modal: ({ children, className, footer, isOpen, onClose, size, testId, title, }: ModalProps) => react_jsx_runtime.JSX.Element;
+
+export { type ModalProps, ModalSizeOptions, Modal as default };

package/dist/Modal/Modal.d.ts

@@ -0,0 +1,29 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode } from 'react';
+
+declare const ModalSizeOptions: readonly ["sm", "md", "lg"];
+type ModalSize = (typeof ModalSizeOptions)[number];
+interface ModalProps {
+    /** child components */
+    children?: ReactNode;
+    /** CSS class name */
+    className?: string | string[];
+    /** HTML data-testid attribute used in e2e tests */
+    footer?: ReactNode;
+    /** open state (controlled) */
+    isOpen: boolean;
+    /** close event handler */
+    onClose: () => void;
+    /** modal size */
+    size?: ModalSize;
+    /** e2e test id */
+    testId?: string;
+    /** modal header */
+    title?: ReactNode;
+}
+/**
+ * Modal component based on [NextUI Modal](https://nextui.org/docs/components/modal)
+ */
+declare const Modal: ({ children, className, footer, isOpen, onClose, size, testId, title, }: ModalProps) => react_jsx_runtime.JSX.Element;
+
+export { type ModalProps, ModalSizeOptions, Modal as default };

package/dist/Modal/Modal.js

@@ -0,0 +1,9 @@
+import {
+  ModalSizeOptions,
+  Modal_default
+} from "../chunk-EYUTNORZ.js";
+export {
+  ModalSizeOptions,
+  Modal_default as default
+};
+//# sourceMappingURL=Modal.js.map

package/dist/Modal/Modal.js.map

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

package/dist/Modal/index.cjs

@@ -0,0 +1,85 @@
+"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/Modal/index.ts
+var Modal_exports = {};
+__export(Modal_exports, {
+  default: () => Modal_default2
+});
+module.exports = __toCommonJS(Modal_exports);
+
+// src/Modal/Modal.tsx
+var import_modal = require("@nextui-org/modal");
+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:Modal");
+var Modal = ({
+  children = null,
+  className = void 0,
+  footer = void 0,
+  isOpen,
+  onClose,
+  size = "md",
+  testId = void 0,
+  title = void 0
+}) => {
+  debug("Modal", { size });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: (0, import_classnames.default)(className), "data-testid": testId, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_modal.Modal,
+    {
+      backdrop: "opaque",
+      classNames: {
+        base: (0, import_classnames.default)(
+          {
+            "lg:w-11/12": size === "lg",
+            "w-2/12": size === "sm",
+            "w-6/12": size === "md"
+          },
+          // overwrite !rounded-none from nextui
+          "!rounded-lg"
+        )
+      },
+      isOpen,
+      onClose,
+      scrollBehavior: "inside",
+      size: "full",
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_modal.ModalContent, { "data-testid": testId ? `${testId}_modal` : "modal", children: () => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+        title && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_modal.ModalHeader, { children: title }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_modal.ModalBody, { className: "bg-ex-background", children }),
+        footer && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_modal.ModalFooter, { children: footer })
+      ] }) })
+    }
+  ) });
+};
+var Modal_default = Modal;
+
+// src/Modal/index.ts
+var Modal_default2 = Modal_default;
+//# sourceMappingURL=index.cjs.map

package/dist/Modal/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/Modal/index.ts","../../src/Modal/Modal.tsx"],"sourcesContent":["import Modal from './Modal';\n\nexport default Modal;\n","import type { ReactNode } from 'react';\n\nimport {\n  Modal as NextModal,\n  ModalBody as NextModalBody,\n  ModalContent as NextModalContent,\n  ModalFooter as NextModalFooter,\n  ModalHeader as NextModalHeader,\n} from '@nextui-org/modal';\nimport cn from 'classnames';\nimport createDebug from 'debug';\n\nconst debug = createDebug('component:Modal');\n\nexport const ModalSizeOptions = ['sm', 'md', 'lg'] as const;\ntype ModalSize = (typeof ModalSizeOptions)[number];\n\nexport interface ModalProps {\n  /** child components */\n  children?: ReactNode;\n  /** CSS class name */\n  className?: string | string[];\n  /** HTML data-testid attribute used in e2e tests */\n  footer?: ReactNode;\n  /** open state (controlled) */\n  isOpen: boolean;\n  /** close event handler */\n  onClose: () => void;\n  /** modal size */\n  size?: ModalSize;\n  /** e2e test id */\n  testId?: string;\n  /** modal header */\n  title?: ReactNode;\n}\n\n/**\n * Modal component based on [NextUI Modal](https://nextui.org/docs/components/modal)\n */\nconst Modal = ({\n  children = null,\n  className = undefined,\n  footer = undefined,\n  isOpen,\n  onClose,\n  size = 'md',\n  testId = undefined,\n  title = undefined,\n}: ModalProps) => {\n  debug('Modal', { size });\n  return (\n    <div className={cn(className)} data-testid={testId}>\n      <NextModal\n        backdrop=\"opaque\"\n        classNames={{\n          base: cn(\n            {\n              'lg:w-11/12': size === 'lg',\n              'w-2/12': size === 'sm',\n              'w-6/12': size === 'md',\n            },\n            // overwrite !rounded-none from nextui\n            '!rounded-lg',\n          ),\n        }}\n        isOpen={isOpen}\n        onClose={onClose}\n        scrollBehavior=\"inside\"\n        size=\"full\"\n      >\n        <NextModalContent data-testid={testId ? `${testId}_modal` : 'modal'}>\n          {() => (\n            <>\n              {title && <NextModalHeader>{title}</NextModalHeader>}\n              <NextModalBody className=\"bg-ex-background\">\n                {children}\n              </NextModalBody>\n              {footer && <NextModalFooter>{footer}</NextModalFooter>}\n            </>\n          )}\n        </NextModalContent>\n      </NextModal>\n    </div>\n  );\n};\n\nexport default Modal;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA,iBAAAA;AAAA;AAAA;;;ACEA,mBAMO;AACP,wBAAe;AACf,mBAAwB;AA8DZ;AA5DZ,IAAM,YAAQ,aAAAC,SAAY,iBAAiB;AA2B3C,IAAM,QAAQ,CAAC;AAAA,EACb,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,SAAS;AAAA,EACT;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP,SAAS;AAAA,EACT,QAAQ;AACV,MAAkB;AAChB,QAAM,SAAS,EAAE,KAAK,CAAC;AACvB,SACE,4CAAC,SAAI,eAAW,kBAAAC,SAAG,SAAS,GAAG,eAAa,QAC1C;AAAA,IAAC,aAAAC;AAAA,IAAA;AAAA,MACC,UAAS;AAAA,MACT,YAAY;AAAA,QACV,UAAM,kBAAAD;AAAA,UACJ;AAAA,YACE,cAAc,SAAS;AAAA,YACvB,UAAU,SAAS;AAAA,YACnB,UAAU,SAAS;AAAA,UACrB;AAAA;AAAA,UAEA;AAAA,QACF;AAAA,MACF;AAAA,MACA;AAAA,MACA;AAAA,MACA,gBAAe;AAAA,MACf,MAAK;AAAA,MAEL,sDAAC,aAAAE,cAAA,EAAiB,eAAa,SAAS,GAAG,MAAM,WAAW,SACzD,gBACC,4EACG;AAAA,iBAAS,4CAAC,aAAAC,aAAA,EAAiB,iBAAM;AAAA,QAClC,4CAAC,aAAAC,WAAA,EAAc,WAAU,oBACtB,UACH;AAAA,QACC,UAAU,4CAAC,aAAAC,aAAA,EAAiB,kBAAO;AAAA,SACtC,GAEJ;AAAA;AAAA,EACF,GACF;AAEJ;AAEA,IAAO,gBAAQ;;;ADpFf,IAAOC,iBAAQ;","names":["Modal_default","createDebug","cn","NextModal","NextModalContent","NextModalHeader","NextModalBody","NextModalFooter","Modal_default"]}

package/dist/Modal/index.d.cts

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

package/dist/Modal/index.d.ts

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

package/dist/Modal/index.js

@@ -0,0 +1,10 @@
+import {
+  Modal_default
+} from "../chunk-EYUTNORZ.js";
+
+// src/Modal/index.ts
+var Modal_default2 = Modal_default;
+export {
+  Modal_default2 as default
+};
+//# sourceMappingURL=index.js.map

package/dist/Modal/index.js.map

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