@fuf-stack/pixels 0.4.0 → 0.5.1

package/dist/chunk-7VAHMR2W.js

@@ -0,0 +1,82 @@
+// src/Modal/Modal.tsx
+import {
+  Modal as NextModal,
+  ModalBody as NextModalBody,
+  ModalContent as NextModalContent,
+  ModalFooter as NextModalFooter,
+  ModalHeader as NextModalHeader
+} from "@nextui-org/modal";
+import { tv } from "tailwind-variants";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var modalVariants = tv({
+  slots: {
+    backdrop: "",
+    base: "",
+    body: "",
+    closeButton: "",
+    footer: "",
+    header: "",
+    wrapper: ""
+  },
+  variants: {
+    size: {
+      sm: { base: "max-w-sm" },
+      md: { base: "max-w-md" },
+      lg: { base: "max-w-lg" },
+      xl: { base: "max-w-5xl" },
+      full: { base: "h-[80dvh] max-w-full" }
+    }
+  }
+});
+var Modal = ({
+  children = null,
+  className = void 0,
+  footer = void 0,
+  header = void 0,
+  isOpen,
+  onClose,
+  size = "md",
+  testId = void 0
+}) => {
+  const variants = modalVariants({ size });
+  const classNameObj = typeof className === "object" && className || {};
+  const classNames = {
+    backdrop: variants.backdrop({ className: classNameObj.backdrop }),
+    base: variants.base({
+      className: classNameObj.base || className
+    }),
+    body: variants.body({ className: classNameObj.body }),
+    closeButton: variants.closeButton({ className: classNameObj.closeButton }),
+    footer: variants.footer({ className: classNameObj.footer }),
+    header: variants.header({ className: classNameObj.header }),
+    wrapper: variants.wrapper({ className: classNameObj.wrapper })
+  };
+  return /* @__PURE__ */ jsx(
+    NextModal,
+    {
+      backdrop: "opaque",
+      classNames,
+      "data-testid": testId,
+      isOpen,
+      onClose,
+      placement: "center",
+      scrollBehavior: "inside",
+      children: /* @__PURE__ */ jsx(NextModalContent, { "data-testid": testId ? `modal_${testId}` : "modal", children: () => /* @__PURE__ */ jsxs(Fragment, { children: [
+        header && /* @__PURE__ */ jsx(NextModalHeader, { children: header }),
+        /* @__PURE__ */ jsx(NextModalBody, { children }),
+        footer && /* @__PURE__ */ jsx(NextModalFooter, { children: footer })
+      ] }) })
+    }
+  );
+};
+var Modal_default = Modal;
+
+// src/Modal/index.ts
+var Modal_default2 = Modal_default;
+
+export {
+  modalVariants,
+  Modal_default,
+  Modal_default2
+};
+//# sourceMappingURL=chunk-7VAHMR2W.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/Modal/Modal.tsx","../src/Modal/index.ts"],"sourcesContent":["import type { ReactNode } from 'react';\nimport type { VariantProps } from 'tailwind-variants';\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 { tv } from 'tailwind-variants';\n\n// modal variants\nexport const modalVariants = tv({\n  slots: {\n    backdrop: '',\n    base: '',\n    body: '',\n    closeButton: '',\n    footer: '',\n    header: '',\n    wrapper: '',\n  },\n  variants: {\n    size: {\n      sm: { base: 'max-w-sm' },\n      md: { base: 'max-w-md' },\n      lg: { base: 'max-w-lg' },\n      xl: { base: 'max-w-5xl' },\n      full: { base: 'h-[80dvh] max-w-full' },\n    },\n  },\n});\n\ntype ModalVariantProps = VariantProps<typeof modalVariants>;\ntype ModalVariantSlots = Partial<\n  Record<keyof ReturnType<typeof modalVariants>, string>\n>;\n\nexport interface ModalProps extends ModalVariantProps {\n  /** modal body content */\n  children?: ReactNode;\n  /** CSS class name */\n  className?: string | ModalVariantSlots;\n  /** modal footer */\n  footer?: ReactNode;\n  /** modal header */\n  header?: ReactNode;\n  /** open state (controlled) */\n  isOpen: boolean;\n  /** close event handler */\n  onClose: () => void;\n  /** modal size */\n  size?: ModalVariantProps['size'];\n  /** HTML data-testid attribute used in e2e tests */\n  testId?: string;\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  header = undefined,\n  isOpen,\n  onClose,\n  size = 'md',\n  testId = undefined,\n}: ModalProps) => {\n  // classNames from slots\n  const variants = modalVariants({ size });\n  const classNameObj = (typeof className === 'object' && className) || {};\n  const classNames = {\n    backdrop: variants.backdrop({ className: classNameObj.backdrop }),\n    base: variants.base({\n      className: classNameObj.base || (className as string),\n    }),\n    body: variants.body({ className: classNameObj.body }),\n    closeButton: variants.closeButton({ className: classNameObj.closeButton }),\n    footer: variants.footer({ className: classNameObj.footer }),\n    header: variants.header({ className: classNameObj.header }),\n    wrapper: variants.wrapper({ className: classNameObj.wrapper }),\n  };\n\n  return (\n    <NextModal\n      backdrop=\"opaque\"\n      classNames={classNames}\n      data-testid={testId}\n      isOpen={isOpen}\n      onClose={onClose}\n      placement=\"center\"\n      scrollBehavior=\"inside\"\n    >\n      <NextModalContent data-testid={testId ? `modal_${testId}` : 'modal'}>\n        {() => (\n          <>\n            {header && <NextModalHeader>{header}</NextModalHeader>}\n            <NextModalBody>{children}</NextModalBody>\n            {footer && <NextModalFooter>{footer}</NextModalFooter>}\n          </>\n        )}\n      </NextModalContent>\n    </NextModal>\n  );\n};\n\nexport default Modal;\n","import Modal, { modalVariants } from './Modal';\n\nexport type { ModalProps } from './Modal';\n\nexport { Modal, modalVariants };\n\nexport default Modal;\n"],"mappings":";AAGA;AAAA,EACE,SAAS;AAAA,EACT,aAAa;AAAA,EACb,gBAAgB;AAAA,EAChB,eAAe;AAAA,EACf,eAAe;AAAA,OACV;AACP,SAAS,UAAU;AAwFT,mBACa,KADb;AArFH,IAAM,gBAAgB,GAAG;AAAA,EAC9B,OAAO;AAAA,IACL,UAAU;AAAA,IACV,MAAM;AAAA,IACN,MAAM;AAAA,IACN,aAAa;AAAA,IACb,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AAAA,EACA,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,IAAI,EAAE,MAAM,WAAW;AAAA,MACvB,IAAI,EAAE,MAAM,WAAW;AAAA,MACvB,IAAI,EAAE,MAAM,WAAW;AAAA,MACvB,IAAI,EAAE,MAAM,YAAY;AAAA,MACxB,MAAM,EAAE,MAAM,uBAAuB;AAAA,IACvC;AAAA,EACF;AACF,CAAC;AA6BD,IAAM,QAAQ,CAAC;AAAA,EACb,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,SAAS;AAAA,EACT,SAAS;AAAA,EACT;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP,SAAS;AACX,MAAkB;AAEhB,QAAM,WAAW,cAAc,EAAE,KAAK,CAAC;AACvC,QAAM,eAAgB,OAAO,cAAc,YAAY,aAAc,CAAC;AACtE,QAAM,aAAa;AAAA,IACjB,UAAU,SAAS,SAAS,EAAE,WAAW,aAAa,SAAS,CAAC;AAAA,IAChE,MAAM,SAAS,KAAK;AAAA,MAClB,WAAW,aAAa,QAAS;AAAA,IACnC,CAAC;AAAA,IACD,MAAM,SAAS,KAAK,EAAE,WAAW,aAAa,KAAK,CAAC;AAAA,IACpD,aAAa,SAAS,YAAY,EAAE,WAAW,aAAa,YAAY,CAAC;AAAA,IACzE,QAAQ,SAAS,OAAO,EAAE,WAAW,aAAa,OAAO,CAAC;AAAA,IAC1D,QAAQ,SAAS,OAAO,EAAE,WAAW,aAAa,OAAO,CAAC;AAAA,IAC1D,SAAS,SAAS,QAAQ,EAAE,WAAW,aAAa,QAAQ,CAAC;AAAA,EAC/D;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,UAAS;AAAA,MACT;AAAA,MACA,eAAa;AAAA,MACb;AAAA,MACA;AAAA,MACA,WAAU;AAAA,MACV,gBAAe;AAAA,MAEf,8BAAC,oBAAiB,eAAa,SAAS,SAAS,MAAM,KAAK,SACzD,gBACC,iCACG;AAAA,kBAAU,oBAAC,mBAAiB,kBAAO;AAAA,QACpC,oBAAC,iBAAe,UAAS;AAAA,QACxB,UAAU,oBAAC,mBAAiB,kBAAO;AAAA,SACtC,GAEJ;AAAA;AAAA,EACF;AAEJ;AAEA,IAAO,gBAAQ;;;ACvGf,IAAOA,iBAAQ;","names":["Modal_default"]}

package/dist/{chunk-YUOFNPJO.cjs → chunk-B35F4645.cjs}

@@ -1,9 +1,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }// src/Popover/Popover.tsx
 var _popover = require('@nextui-org/popover');
 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:Popover");
 var Popover_default = ({
   children = null,
   className = void 0,
@@ -14,7 +12,6 @@ var Popover_default = ({
   testId = void 0,
   title = void 0
 }) => {
-  debug("Popover");
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
     _popover.Popover,
     {
@@ -43,4 +40,4 @@ var Popover_default2 = Popover_default;
 
 
 exports.Popover_default = Popover_default; exports.Popover_default2 = Popover_default2;
-//# sourceMappingURL=chunk-YUOFNPJO.cjs.map
+//# sourceMappingURL=chunk-B35F4645.cjs.map

package/dist/chunk-B35F4645.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/Popover/Popover.tsx","../src/Popover/index.ts"],"names":["Popover_default"],"mappings":";AAGA,SAAS,SAAS,gBAAgB,sBAAsB;AACxD,OAAO,QAAQ;AA8CP,cAKI,YALJ;AAtBR,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,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,4BAAC,kBAAe,WAAW,GAAG,SAAS,GAAG,eAAa,QAGrD,8BAAC,YAAQ,UAAS,GACpB;AAAA,QACA,oBAAC,kBAAe,eAAa,eAC3B,+BAAC,SAAI,WAAU,gCACZ;AAAA,mBACC,qBAAC,SACE;AAAA;AAAA,YACD,oBAAC,QAAG;AAAA,aACN;AAAA,UAED;AAAA,WACH,GACF;AAAA;AAAA;AAAA,EACF;AAEJ;;;AC3DA,IAAOA,mBAAQ","sourcesContent":["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';\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  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","import Popover from './Popover';\n\nexport type { PopoverProps } from './Popover';\n\nexport { Popover };\n\nexport default Popover;\n"]}

package/dist/{chunk-L5OZDDU7.cjs → chunk-HHTTNYDC.cjs}

@@ -9,9 +9,7 @@ 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;
@@ -37,7 +35,6 @@ var Menu = ({
   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
@@ -81,4 +78,4 @@ var Menu_default2 = Menu_default;
 
 
 exports.Menu_default = Menu_default; exports.Menu_default2 = Menu_default2;
-//# sourceMappingURL=chunk-L5OZDDU7.cjs.map
+//# sourceMappingURL=chunk-HHTTNYDC.cjs.map

package/dist/chunk-HHTTNYDC.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;AAkEb,cAwBE,YAxBF;AAdF,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,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;;;ACzIf,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';\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  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, MenuItem, MenuSection } from './Menu';\n\nexport { Menu };\n\nexport default Menu;\n"]}

package/dist/{chunk-VZW4TVTX.js → chunk-VOXYQARK.js}

@@ -9,9 +9,7 @@ import {
   DropdownTrigger as NextDropdownTrigger
 } from "@nextui-org/dropdown";
 import cn from "classnames";
-import createDebug from "debug";
 import { jsx, jsxs } from "react/jsx-runtime";
-var debug = createDebug("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;
@@ -37,7 +35,6 @@ var Menu = ({
   isDisabled = false,
   items
 }) => {
-  debug("Menu", { items });
   return /* @__PURE__ */ jsxs(NextDropdown, { isDisabled, children: [
     /* @__PURE__ */ jsx(NextDropdownTrigger, { className: cn(className), "data-testid": testId, children: children ? (
       // eslint-disable-next-line react/button-has-type
@@ -81,4 +78,4 @@ export {
   Menu_default,
   Menu_default2
 };
-//# sourceMappingURL=chunk-VZW4TVTX.js.map
+//# sourceMappingURL=chunk-VOXYQARK.js.map

package/dist/chunk-VOXYQARK.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/Menu/Menu.tsx","../src/Menu/index.ts"],"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';\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  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, MenuItem, MenuSection } from './Menu';\n\nexport { Menu };\n\nexport default Menu;\n"],"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;AAkEb,cAwBE,YAxBF;AAdF,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,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;;;ACzIf,IAAOA,gBAAQ;","names":["Menu_default"]}

package/dist/chunk-WL6ENU44.cjs

@@ -0,0 +1,74 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/Card/Card.tsx
+
+
+
+
+
+var _card = require('@nextui-org/card');
+var _divider = require('@nextui-org/divider');
+var _tailwindvariants = require('tailwind-variants');
+var _jsxruntime = require('react/jsx-runtime');
+var cardVariants = _tailwindvariants.tv.call(void 0, {
+  slots: {
+    base: "border border-divider",
+    body: "",
+    divider: "my-0 border-divider",
+    footer: "",
+    header: "text-base font-semibold"
+  }
+});
+var Card = ({
+  children = null,
+  className = void 0,
+  testId = void 0,
+  header = void 0,
+  footer = void 0
+}) => {
+  const variants = cardVariants();
+  const classNameObj = typeof className === "object" && className || {};
+  const classNames = {
+    base: variants.base({
+      className: classNameObj.base || className
+    }),
+    header: variants.header({ className: classNameObj.header }),
+    body: variants.body({ className: classNameObj.body }),
+    footer: variants.footer({ className: classNameObj.footer })
+  };
+  const divider = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _divider.Divider,
+    {
+      className: variants.divider({ className: classNameObj.divider })
+    }
+  );
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    _card.Card,
+    {
+      classNames,
+      "data-testid": testId && `card_${testId}`,
+      fullWidth: true,
+      radius: "sm",
+      shadow: "none",
+      children: [
+        header && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _card.CardHeader, { "data-testid": testId && `card_header_${testId}`, children: header }),
+          divider
+        ] }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _card.CardBody, { "data-testid": testId && `card_body_${testId}`, children }),
+        footer && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+          divider,
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _card.CardFooter, { "data-testid": testId && `card_footer_${testId}`, children: footer })
+        ] })
+      ]
+    }
+  );
+};
+var Card_default = Card;
+
+// src/Card/index.ts
+var Card_default2 = Card_default;
+
+
+
+
+exports.Card_default = Card_default; exports.Card_default2 = Card_default2;
+//# sourceMappingURL=chunk-WL6ENU44.cjs.map

package/dist/chunk-WL6ENU44.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/Card/Card.tsx","../src/Card/index.ts"],"names":["Card_default"],"mappings":";AAGA;AAAA,EACE,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ,cAAc;AAAA,EACd,cAAc;AAAA,OACT;AACP,SAAS,WAAW,mBAAmB;AACvC,SAAS,UAAU;AAsDf,SAcI,UAdJ,KAcI,YAdJ;AAnDG,IAAM,eAAe,GAAG;AAAA,EAC7B,OAAO;AAAA,IACL,MAAM;AAAA,IACN,MAAM;AAAA,IACN,SAAS;AAAA,IACT,QAAQ;AAAA,IACR,QAAQ;AAAA,EACV;AACF,CAAC;AAuBD,IAAM,OAAO,CAAC;AAAA,EACZ,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,SAAS;AAAA,EACT,SAAS;AAAA,EACT,SAAS;AACX,MAAiB;AAEf,QAAM,WAAW,aAAa;AAC9B,QAAM,eAAgB,OAAO,cAAc,YAAY,aAAc,CAAC;AACtE,QAAM,aAAa;AAAA,IACjB,MAAM,SAAS,KAAK;AAAA,MAClB,WAAW,aAAa,QAAS;AAAA,IACnC,CAAC;AAAA,IACD,QAAQ,SAAS,OAAO,EAAE,WAAW,aAAa,OAAO,CAAC;AAAA,IAC1D,MAAM,SAAS,KAAK,EAAE,WAAW,aAAa,KAAK,CAAC;AAAA,IACpD,QAAQ,SAAS,OAAO,EAAE,WAAW,aAAa,OAAO,CAAC;AAAA,EAC5D;AAEA,QAAM,UACJ;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,SAAS,QAAQ,EAAE,WAAW,aAAa,QAAQ,CAAC;AAAA;AAAA,EACjE;AAGF,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,eAAa,UAAU,QAAQ,MAAM;AAAA,MACrC,WAAS;AAAA,MACT,QAAO;AAAA,MACP,QAAO;AAAA,MAEN;AAAA,kBACC,iCACE;AAAA,8BAAC,kBAAe,eAAa,UAAU,eAAe,MAAM,IACzD,kBACH;AAAA,UACC;AAAA,WACH;AAAA,QAEF,oBAAC,gBAAa,eAAa,UAAU,aAAa,MAAM,IACrD,UACH;AAAA,QACC,UACC,iCACG;AAAA;AAAA,UACD,oBAAC,kBAAe,eAAa,UAAU,eAAe,MAAM,IACzD,kBACH;AAAA,WACF;AAAA;AAAA;AAAA,EAEJ;AAEJ;AAEA,IAAO,eAAQ;;;AC9Ff,IAAOA,gBAAQ","sourcesContent":["import type { ReactNode } from 'react';\nimport type { VariantProps } from 'tailwind-variants';\n\nimport {\n  Card as NextCard,\n  CardBody as NextCardBody,\n  CardFooter as NextCardFooter,\n  CardHeader as NextCardHeader,\n} from '@nextui-org/card';\nimport { Divider as NextDivider } from '@nextui-org/divider';\nimport { tv } from 'tailwind-variants';\n\n// card styling variants\nexport const cardVariants = tv({\n  slots: {\n    base: 'border border-divider',\n    body: '',\n    divider: 'my-0 border-divider',\n    footer: '',\n    header: 'text-base font-semibold',\n  },\n});\n\ntype CardVariantProps = VariantProps<typeof cardVariants>;\ntype CardVariantSlots = Partial<\n  Record<keyof ReturnType<typeof cardVariants>, string>\n>;\n\nexport interface CardProps extends CardVariantProps {\n  /** card body content */\n  children?: ReactNode;\n  /** CSS class name */\n  className?: string | CardVariantSlots;\n  /** footer content */\n  footer?: ReactNode;\n  /** header content */\n  header?: ReactNode;\n  /** HTML data-testid attribute used in e2e tests */\n  testId?: string;\n}\n\n/**\n * Card component based on [NextUI Card](https://nextui.org/docs/components/card)\n */\nconst Card = ({\n  children = null,\n  className = undefined,\n  testId = undefined,\n  header = undefined,\n  footer = undefined,\n}: CardProps) => {\n  // classNames from slots\n  const variants = cardVariants();\n  const classNameObj = (typeof className === 'object' && className) || {};\n  const classNames = {\n    base: variants.base({\n      className: classNameObj.base || (className as string),\n    }),\n    header: variants.header({ className: classNameObj.header }),\n    body: variants.body({ className: classNameObj.body }),\n    footer: variants.footer({ className: classNameObj.footer }),\n  };\n\n  const divider = (\n    <NextDivider\n      className={variants.divider({ className: classNameObj.divider })}\n    />\n  );\n\n  return (\n    <NextCard\n      classNames={classNames}\n      data-testid={testId && `card_${testId}`}\n      fullWidth\n      radius=\"sm\"\n      shadow=\"none\"\n    >\n      {header && (\n        <>\n          <NextCardHeader data-testid={testId && `card_header_${testId}`}>\n            {header}\n          </NextCardHeader>\n          {divider}\n        </>\n      )}\n      <NextCardBody data-testid={testId && `card_body_${testId}`}>\n        {children}\n      </NextCardBody>\n      {footer && (\n        <>\n          {divider}\n          <NextCardFooter data-testid={testId && `card_footer_${testId}`}>\n            {footer}\n          </NextCardFooter>\n        </>\n      )}\n    </NextCard>\n  );\n};\n\nexport default Card;\n","import Card from './Card';\n\nexport type { CardProps } from './Card';\n\nexport { Card };\n\nexport default Card;\n"]}

package/dist/chunk-YO6VJ2OU.cjs

@@ -0,0 +1,82 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/Modal/Modal.tsx
+
+
+
+
+
+
+var _modal = require('@nextui-org/modal');
+var _tailwindvariants = require('tailwind-variants');
+var _jsxruntime = require('react/jsx-runtime');
+var modalVariants = _tailwindvariants.tv.call(void 0, {
+  slots: {
+    backdrop: "",
+    base: "",
+    body: "",
+    closeButton: "",
+    footer: "",
+    header: "",
+    wrapper: ""
+  },
+  variants: {
+    size: {
+      sm: { base: "max-w-sm" },
+      md: { base: "max-w-md" },
+      lg: { base: "max-w-lg" },
+      xl: { base: "max-w-5xl" },
+      full: { base: "h-[80dvh] max-w-full" }
+    }
+  }
+});
+var Modal = ({
+  children = null,
+  className = void 0,
+  footer = void 0,
+  header = void 0,
+  isOpen,
+  onClose,
+  size = "md",
+  testId = void 0
+}) => {
+  const variants = modalVariants({ size });
+  const classNameObj = typeof className === "object" && className || {};
+  const classNames = {
+    backdrop: variants.backdrop({ className: classNameObj.backdrop }),
+    base: variants.base({
+      className: classNameObj.base || className
+    }),
+    body: variants.body({ className: classNameObj.body }),
+    closeButton: variants.closeButton({ className: classNameObj.closeButton }),
+    footer: variants.footer({ className: classNameObj.footer }),
+    header: variants.header({ className: classNameObj.header }),
+    wrapper: variants.wrapper({ className: classNameObj.wrapper })
+  };
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _modal.Modal,
+    {
+      backdrop: "opaque",
+      classNames,
+      "data-testid": testId,
+      isOpen,
+      onClose,
+      placement: "center",
+      scrollBehavior: "inside",
+      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _modal.ModalContent, { "data-testid": testId ? `modal_${testId}` : "modal", children: () => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+        header && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _modal.ModalHeader, { children: header }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _modal.ModalBody, { children }),
+        footer && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _modal.ModalFooter, { children: footer })
+      ] }) })
+    }
+  );
+};
+var Modal_default = Modal;
+
+// src/Modal/index.ts
+var Modal_default2 = Modal_default;
+
+
+
+
+
+exports.modalVariants = modalVariants; exports.Modal_default = Modal_default; exports.Modal_default2 = Modal_default2;
+//# sourceMappingURL=chunk-YO6VJ2OU.cjs.map

package/dist/chunk-YO6VJ2OU.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/Modal/Modal.tsx","../src/Modal/index.ts"],"names":["Modal_default"],"mappings":";AAGA;AAAA,EACE,SAAS;AAAA,EACT,aAAa;AAAA,EACb,gBAAgB;AAAA,EAChB,eAAe;AAAA,EACf,eAAe;AAAA,OACV;AACP,SAAS,UAAU;AAwFT,mBACa,KADb;AArFH,IAAM,gBAAgB,GAAG;AAAA,EAC9B,OAAO;AAAA,IACL,UAAU;AAAA,IACV,MAAM;AAAA,IACN,MAAM;AAAA,IACN,aAAa;AAAA,IACb,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AAAA,EACA,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,IAAI,EAAE,MAAM,WAAW;AAAA,MACvB,IAAI,EAAE,MAAM,WAAW;AAAA,MACvB,IAAI,EAAE,MAAM,WAAW;AAAA,MACvB,IAAI,EAAE,MAAM,YAAY;AAAA,MACxB,MAAM,EAAE,MAAM,uBAAuB;AAAA,IACvC;AAAA,EACF;AACF,CAAC;AA6BD,IAAM,QAAQ,CAAC;AAAA,EACb,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,SAAS;AAAA,EACT,SAAS;AAAA,EACT;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP,SAAS;AACX,MAAkB;AAEhB,QAAM,WAAW,cAAc,EAAE,KAAK,CAAC;AACvC,QAAM,eAAgB,OAAO,cAAc,YAAY,aAAc,CAAC;AACtE,QAAM,aAAa;AAAA,IACjB,UAAU,SAAS,SAAS,EAAE,WAAW,aAAa,SAAS,CAAC;AAAA,IAChE,MAAM,SAAS,KAAK;AAAA,MAClB,WAAW,aAAa,QAAS;AAAA,IACnC,CAAC;AAAA,IACD,MAAM,SAAS,KAAK,EAAE,WAAW,aAAa,KAAK,CAAC;AAAA,IACpD,aAAa,SAAS,YAAY,EAAE,WAAW,aAAa,YAAY,CAAC;AAAA,IACzE,QAAQ,SAAS,OAAO,EAAE,WAAW,aAAa,OAAO,CAAC;AAAA,IAC1D,QAAQ,SAAS,OAAO,EAAE,WAAW,aAAa,OAAO,CAAC;AAAA,IAC1D,SAAS,SAAS,QAAQ,EAAE,WAAW,aAAa,QAAQ,CAAC;AAAA,EAC/D;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,UAAS;AAAA,MACT;AAAA,MACA,eAAa;AAAA,MACb;AAAA,MACA;AAAA,MACA,WAAU;AAAA,MACV,gBAAe;AAAA,MAEf,8BAAC,oBAAiB,eAAa,SAAS,SAAS,MAAM,KAAK,SACzD,gBACC,iCACG;AAAA,kBAAU,oBAAC,mBAAiB,kBAAO;AAAA,QACpC,oBAAC,iBAAe,UAAS;AAAA,QACxB,UAAU,oBAAC,mBAAiB,kBAAO;AAAA,SACtC,GAEJ;AAAA;AAAA,EACF;AAEJ;AAEA,IAAO,gBAAQ;;;ACvGf,IAAOA,iBAAQ","sourcesContent":["import type { ReactNode } from 'react';\nimport type { VariantProps } from 'tailwind-variants';\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 { tv } from 'tailwind-variants';\n\n// modal variants\nexport const modalVariants = tv({\n  slots: {\n    backdrop: '',\n    base: '',\n    body: '',\n    closeButton: '',\n    footer: '',\n    header: '',\n    wrapper: '',\n  },\n  variants: {\n    size: {\n      sm: { base: 'max-w-sm' },\n      md: { base: 'max-w-md' },\n      lg: { base: 'max-w-lg' },\n      xl: { base: 'max-w-5xl' },\n      full: { base: 'h-[80dvh] max-w-full' },\n    },\n  },\n});\n\ntype ModalVariantProps = VariantProps<typeof modalVariants>;\ntype ModalVariantSlots = Partial<\n  Record<keyof ReturnType<typeof modalVariants>, string>\n>;\n\nexport interface ModalProps extends ModalVariantProps {\n  /** modal body content */\n  children?: ReactNode;\n  /** CSS class name */\n  className?: string | ModalVariantSlots;\n  /** modal footer */\n  footer?: ReactNode;\n  /** modal header */\n  header?: ReactNode;\n  /** open state (controlled) */\n  isOpen: boolean;\n  /** close event handler */\n  onClose: () => void;\n  /** modal size */\n  size?: ModalVariantProps['size'];\n  /** HTML data-testid attribute used in e2e tests */\n  testId?: string;\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  header = undefined,\n  isOpen,\n  onClose,\n  size = 'md',\n  testId = undefined,\n}: ModalProps) => {\n  // classNames from slots\n  const variants = modalVariants({ size });\n  const classNameObj = (typeof className === 'object' && className) || {};\n  const classNames = {\n    backdrop: variants.backdrop({ className: classNameObj.backdrop }),\n    base: variants.base({\n      className: classNameObj.base || (className as string),\n    }),\n    body: variants.body({ className: classNameObj.body }),\n    closeButton: variants.closeButton({ className: classNameObj.closeButton }),\n    footer: variants.footer({ className: classNameObj.footer }),\n    header: variants.header({ className: classNameObj.header }),\n    wrapper: variants.wrapper({ className: classNameObj.wrapper }),\n  };\n\n  return (\n    <NextModal\n      backdrop=\"opaque\"\n      classNames={classNames}\n      data-testid={testId}\n      isOpen={isOpen}\n      onClose={onClose}\n      placement=\"center\"\n      scrollBehavior=\"inside\"\n    >\n      <NextModalContent data-testid={testId ? `modal_${testId}` : 'modal'}>\n        {() => (\n          <>\n            {header && <NextModalHeader>{header}</NextModalHeader>}\n            <NextModalBody>{children}</NextModalBody>\n            {footer && <NextModalFooter>{footer}</NextModalFooter>}\n          </>\n        )}\n      </NextModalContent>\n    </NextModal>\n  );\n};\n\nexport default Modal;\n","import Modal, { modalVariants } from './Modal';\n\nexport type { ModalProps } from './Modal';\n\nexport { Modal, modalVariants };\n\nexport default Modal;\n"]}

package/dist/index.cjs

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkWTKZJFQVcjs = require('./chunk-WTKZJFQV.cjs');
+var _chunkWL6ENU44cjs = require('./chunk-WL6ENU44.cjs');
 
 
 var _chunkMBKSGWDJcjs = require('./chunk-MBKSGWDJ.cjs');
@@ -12,14 +12,14 @@ var _chunkIAE5EJ7Zcjs = require('./chunk-IAE5EJ7Z.cjs');
 var _chunkBMKGS5PKcjs = require('./chunk-BMKGS5PK.cjs');
 
 
-var _chunkL5OZDDU7cjs = require('./chunk-L5OZDDU7.cjs');
+var _chunkHHTTNYDCcjs = require('./chunk-HHTTNYDC.cjs');
 
 
 
-var _chunkBPJAPVB5cjs = require('./chunk-BPJAPVB5.cjs');
+var _chunkYO6VJ2OUcjs = require('./chunk-YO6VJ2OU.cjs');
 
 
-var _chunkYUOFNPJOcjs = require('./chunk-YUOFNPJO.cjs');
+var _chunkB35F4645cjs = require('./chunk-B35F4645.cjs');
 
 
 
@@ -105,5 +105,5 @@ var useLocalStorage_default = useLocalStorage;
 
 
 
-exports.Button = _chunkIAE5EJ7Zcjs.Button_default; exports.Card = _chunkWTKZJFQVcjs.Card_default; exports.Json = _chunkMBKSGWDJcjs.Json_default; exports.Label = _chunkBMKGS5PKcjs.Label_default; exports.Menu = _chunkL5OZDDU7cjs.Menu_default; exports.Modal = _chunkBPJAPVB5cjs.Modal_default; exports.Popover = _chunkYUOFNPJOcjs.Popover_default; exports.Tooltip = _chunkJ6F42VLAcjs.Tooltip_default; exports.modalSizeOptions = _chunkBPJAPVB5cjs.modalSizeOptions; exports.tooltipPlacementOptions = _chunkJ6F42VLAcjs.tooltipPlacementOptions; exports.useDebounce = useDebounce_default; exports.useLocalStorage = useLocalStorage_default;
+exports.Button = _chunkIAE5EJ7Zcjs.Button_default; exports.Card = _chunkWL6ENU44cjs.Card_default; exports.Json = _chunkMBKSGWDJcjs.Json_default; exports.Label = _chunkBMKGS5PKcjs.Label_default; exports.Menu = _chunkHHTTNYDCcjs.Menu_default; exports.Modal = _chunkYO6VJ2OUcjs.Modal_default; exports.Popover = _chunkB35F4645cjs.Popover_default; exports.Tooltip = _chunkJ6F42VLAcjs.Tooltip_default; exports.modalVariants = _chunkYO6VJ2OUcjs.modalVariants; exports.tooltipPlacementOptions = _chunkJ6F42VLAcjs.tooltipPlacementOptions; exports.useDebounce = useDebounce_default; exports.useLocalStorage = useLocalStorage_default;
 //# sourceMappingURL=index.cjs.map

package/dist/index.d.cts

@@ -1,10 +1,10 @@
 import { Dispatch, SetStateAction } from 'react';
 export { B as Button, a as ButtonProps } from './Button-BgDaXYKX.cjs';
-export { C as Card, a as CardProps } from './Card-Cl_I4L8G.cjs';
+export { C as Card, a as CardProps } from './Card-C3mjLa6d.cjs';
 export { J as Json, a as JsonProps } from './Json-ClGDcbcp.cjs';
 export { L as Label, a as LabelProps } from './Label-DzZDW95M.cjs';
 export { M as Menu, b as MenuItem, a as MenuProps, c as MenuSection } from './Menu-CG5mVVnv.cjs';
-export { M as Modal, a as ModalProps, m as modalSizeOptions } from './Modal-DWZB1uTb.cjs';
+export { M as Modal, a as ModalProps, m as modalVariants } from './Modal-Ck13vTaf.cjs';
 export { _ as Popover, P as PopoverProps } from './Popover-DbTTk7_N.cjs';
 export { T as Tooltip, a as TooltipProps, t as tooltipPlacementOptions } from './Tooltip-D4znH2L3.cjs';
 import 'react/jsx-runtime';

package/dist/index.d.ts

@@ -1,10 +1,10 @@
 import { Dispatch, SetStateAction } from 'react';
 export { B as Button, a as ButtonProps } from './Button-BgDaXYKX.js';
-export { C as Card, a as CardProps } from './Card-Cl_I4L8G.js';
+export { C as Card, a as CardProps } from './Card-C3mjLa6d.js';
 export { J as Json, a as JsonProps } from './Json-ClGDcbcp.js';
 export { L as Label, a as LabelProps } from './Label-DzZDW95M.js';
 export { M as Menu, b as MenuItem, a as MenuProps, c as MenuSection } from './Menu-CG5mVVnv.js';
-export { M as Modal, a as ModalProps, m as modalSizeOptions } from './Modal-DWZB1uTb.js';
+export { M as Modal, a as ModalProps, m as modalVariants } from './Modal-Ck13vTaf.js';
 export { _ as Popover, P as PopoverProps } from './Popover-DbTTk7_N.js';
 export { T as Tooltip, a as TooltipProps, t as tooltipPlacementOptions } from './Tooltip-D4znH2L3.js';
 import 'react/jsx-runtime';

package/dist/index.js

@@ -1,6 +1,6 @@
 import {
   Card_default
-} from "./chunk-VQ5Q33MY.js";
+} from "./chunk-2BPC6HYE.js";
 import {
   Json_default
 } from "./chunk-CNELFUYE.js";
@@ -12,14 +12,14 @@ import {
 } from "./chunk-S2WOGSQV.js";
 import {
   Menu_default
-} from "./chunk-VZW4TVTX.js";
+} from "./chunk-VOXYQARK.js";
 import {
   Modal_default,
-  modalSizeOptions
-} from "./chunk-CTP2PZYD.js";
+  modalVariants
+} from "./chunk-7VAHMR2W.js";
 import {
   Popover_default
-} from "./chunk-V2C3KFMP.js";
+} from "./chunk-6G5VTF6K.js";
 import {
   Tooltip_default,
   tooltipPlacementOptions
@@ -101,7 +101,7 @@ export {
   Modal_default as Modal,
   Popover_default as Popover,
   Tooltip_default as Tooltip,
-  modalSizeOptions,
+  modalVariants,
   tooltipPlacementOptions,
   useDebounce_default as useDebounce,
   useLocalStorage_default as useLocalStorage

package/package.json

@@ -2,7 +2,7 @@
   "name": "@fuf-stack/pixels",
   "description": "fuf react component library",
   "author": "Hannes Tiede",
-  "version": "0.4.0",
+  "version": "0.5.1",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.cjs",
@@ -86,7 +86,6 @@
     "@nextui-org/system": "2.1.2",
     "@nextui-org/tooltip": "2.0.33",
     "classnames": "2.5.1",
-    "debug": "4.3.4",
     "react": "18.2.0",
     "react-dom": "18.2.0",
     "react-icons": "5.1.0",
@@ -98,10 +97,10 @@
     "@types/debug": "4.1.12",
     "@types/react": "18.2.79",
     "@types/react-dom": "18.2.25",
-    "@repo/storybook-config": "0.0.1",
     "@repo/tailwind-config": "0.0.1",
+    "@repo/vite-config": "0.0.1",
     "@repo/tsup-config": "0.0.1",
-    "@repo/vite-config": "0.0.1"
+    "@repo/storybook-config": "0.0.1"
   },
   "scripts": {
     "build": "tsup --config node_modules/@repo/tsup-config/config.ts",

package/dist/Modal-DWZB1uTb.d.cts

@@ -1,29 +0,0 @@
-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 { Modal as M, type ModalProps as a, modalSizeOptions as m };

package/dist/Modal-DWZB1uTb.d.ts

@@ -1,29 +0,0 @@
-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 { Modal as M, type ModalProps as a, modalSizeOptions as m };

package/dist/chunk-BPJAPVB5.cjs

@@ -1,62 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }// src/Modal/Modal.tsx
-
-
-
-
-
-
-var _modal = require('@nextui-org/modal');
-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: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__ */ _jsxruntime.jsx.call(void 0, "div", { className: _classnames2.default.call(void 0, className), "data-testid": testId, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _modal.Modal,
-    {
-      backdrop: "opaque",
-      classNames: {
-        base: _classnames2.default.call(void 0, 
-          {
-            "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__ */ _jsxruntime.jsx.call(void 0, _modal.ModalContent, { "data-testid": testId ? `${testId}_modal` : "modal", children: () => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
-        title && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _modal.ModalHeader, { children: title }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _modal.ModalBody, { className: "bg-ex-background", children }),
-        footer && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _modal.ModalFooter, { children: footer })
-      ] }) })
-    }
-  ) });
-};
-var Modal_default = Modal;
-
-// src/Modal/index.ts
-var Modal_default2 = Modal_default;
-
-
-
-
-
-exports.modalSizeOptions = modalSizeOptions; exports.Modal_default = Modal_default; exports.Modal_default2 = Modal_default2;
-//# sourceMappingURL=chunk-BPJAPVB5.cjs.map