@fuf-stack/pixels 0.29.3 → 0.30.0

package/dist/hooks/index.cjs

@@ -2,7 +2,7 @@
 
 
 var _chunkMWNBYTRNcjs = require('../chunk-MWNBYTRN.cjs');
-require('../chunk-DZUJEN5N.cjs');
+require('../chunk-D4TLDLEX.cjs');
 
 
 

package/dist/hooks/index.js

@@ -2,7 +2,7 @@ import {
   useDebounce,
   useLocalStorage
 } from "../chunk-USOEZROT.js";
-import "../chunk-5WRI5ZAA.js";
+import "../chunk-J7N2552D.js";
 export {
   useDebounce,
   useLocalStorage

package/dist/index.cjs

@@ -1,23 +1,27 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
+var _chunkRMA57Q6Kcjs = require('./chunk-RMA57Q6K.cjs');
+
+
+
 var _chunkMWNBYTRNcjs = require('./chunk-MWNBYTRN.cjs');
 
 
-var _chunkXFUHF75Zcjs = require('./chunk-XFUHF75Z.cjs');
+var _chunkOLKLIWBEcjs = require('./chunk-OLKLIWBE.cjs');
 
 
 var _chunkYTQJ6FZKcjs = require('./chunk-YTQJ6FZK.cjs');
 
 
-var _chunk5HEZFVFGcjs = require('./chunk-5HEZFVFG.cjs');
+var _chunkLY45VQ2Ecjs = require('./chunk-LY45VQ2E.cjs');
 
 
 
 var _chunkVG5A2YZEcjs = require('./chunk-VG5A2YZE.cjs');
 
 
-var _chunk37C63OKMcjs = require('./chunk-37C63OKM.cjs');
+var _chunk2WDAJ6ERcjs = require('./chunk-2WDAJ6ER.cjs');
 require('./chunk-BXPBP3PC.cjs');
 
 
@@ -26,34 +30,30 @@ var _chunkZ5OFNBWIcjs = require('./chunk-Z5OFNBWI.cjs');
 
 
 
-var _chunkRMA57Q6Kcjs = require('./chunk-RMA57Q6K.cjs');
-
+var _chunkZXGEK67Fcjs = require('./chunk-ZXGEK67F.cjs');
 
 
-var _chunkVHEIRVBBcjs = require('./chunk-VHEIRVBB.cjs');
+var _chunkU2JEMXXJcjs = require('./chunk-U2JEMXXJ.cjs');
 
 
-var _chunkOP6ST4KBcjs = require('./chunk-OP6ST4KB.cjs');
+var _chunk7XJHVFT3cjs = require('./chunk-7XJHVFT3.cjs');
 
 
 var _chunkHVLEV6BGcjs = require('./chunk-HVLEV6BG.cjs');
 
 
-var _chunkU2JEMXXJcjs = require('./chunk-U2JEMXXJ.cjs');
-
-
 
+var _chunkNVNT4PMScjs = require('./chunk-NVNT4PMS.cjs');
 
-var _chunk7TIFKRWYcjs = require('./chunk-7TIFKRWY.cjs');
 
 
 
-var _chunkRJAVAHBKcjs = require('./chunk-RJAVAHBK.cjs');
+var _chunk7TIFKRWYcjs = require('./chunk-7TIFKRWY.cjs');
 
 
 
-var _chunkJPALSO5Ecjs = require('./chunk-JPALSO5E.cjs');
-require('./chunk-DZUJEN5N.cjs');
+var _chunkAVYWDZ7Xcjs = require('./chunk-AVYWDZ7X.cjs');
+require('./chunk-D4TLDLEX.cjs');
 
 
 
@@ -79,5 +79,5 @@ require('./chunk-DZUJEN5N.cjs');
 
 
 
-exports.Accordion = _chunkVHEIRVBBcjs.Accordion_default; exports.Avatar = _chunkHVLEV6BGcjs.Avatar_default; exports.AvatarGroup = _chunkOP6ST4KBcjs.AvatarGroup_default; exports.Badge = _chunkU2JEMXXJcjs.Badge_default; exports.Breadcrumb = _chunkRJAVAHBKcjs.Breadcrumb_default; exports.Button = _chunk7TIFKRWYcjs.Button_default; exports.ButtonGroup = _chunk7TIFKRWYcjs.ButtonGroup_default; exports.Card = _chunkJPALSO5Ecjs.Card_default; exports.Json = _chunkXFUHF75Zcjs.Json_default; exports.Label = _chunkYTQJ6FZKcjs.Label_default; exports.Menu = _chunk5HEZFVFGcjs.Menu_default; exports.Modal = _chunkVG5A2YZEcjs.Modal_default; exports.Popover = _chunk37C63OKMcjs.Popover_default; exports.Tabs = _chunkZ5OFNBWIcjs.Tabs_default; exports.Tooltip = _chunkRMA57Q6Kcjs.Tooltip_default; exports.accordionVariants = _chunkVHEIRVBBcjs.accordionVariants; exports.breadcrumbVariants = _chunkRJAVAHBKcjs.breadcrumbVariants; exports.buttonVariants = _chunk7TIFKRWYcjs.buttonVariants; exports.cardVariants = _chunkJPALSO5Ecjs.cardVariants; exports.modalVariants = _chunkVG5A2YZEcjs.modalVariants; exports.tabsVariants = _chunkZ5OFNBWIcjs.tabsVariants; exports.tooltipPlacementOptions = _chunkRMA57Q6Kcjs.tooltipPlacementOptions; exports.useDebounce = _chunkMWNBYTRNcjs.useDebounce; exports.useLocalStorage = _chunkMWNBYTRNcjs.useLocalStorage;
+exports.Accordion = _chunkZXGEK67Fcjs.Accordion_default; exports.Avatar = _chunkHVLEV6BGcjs.Avatar_default; exports.AvatarGroup = _chunk7XJHVFT3cjs.AvatarGroup_default; exports.Badge = _chunkU2JEMXXJcjs.Badge_default; exports.Breadcrumb = _chunkNVNT4PMScjs.Breadcrumb_default; exports.Button = _chunk7TIFKRWYcjs.Button_default; exports.ButtonGroup = _chunk7TIFKRWYcjs.ButtonGroup_default; exports.Card = _chunkAVYWDZ7Xcjs.Card_default; exports.Json = _chunkOLKLIWBEcjs.Json_default; exports.Label = _chunkYTQJ6FZKcjs.Label_default; exports.Menu = _chunkLY45VQ2Ecjs.Menu_default; exports.Modal = _chunkVG5A2YZEcjs.Modal_default; exports.Popover = _chunk2WDAJ6ERcjs.Popover_default; exports.Tabs = _chunkZ5OFNBWIcjs.Tabs_default; exports.Tooltip = _chunkRMA57Q6Kcjs.Tooltip_default; exports.accordionVariants = _chunkZXGEK67Fcjs.accordionVariants; exports.breadcrumbVariants = _chunkNVNT4PMScjs.breadcrumbVariants; exports.buttonVariants = _chunk7TIFKRWYcjs.buttonVariants; exports.cardVariants = _chunkAVYWDZ7Xcjs.cardVariants; exports.modalVariants = _chunkVG5A2YZEcjs.modalVariants; exports.tabsVariants = _chunkZ5OFNBWIcjs.tabsVariants; exports.tooltipPlacementOptions = _chunkRMA57Q6Kcjs.tooltipPlacementOptions; exports.useDebounce = _chunkMWNBYTRNcjs.useDebounce; exports.useLocalStorage = _chunkMWNBYTRNcjs.useLocalStorage;
 //# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["/home/runner/work/pixels/pixels/packages/pixels/dist/index.cjs"],"names":[],"mappings":"AAAA;AACE;AACA;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACA;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B,gCAA6B;AAC7B;AACE;AACA;AACF,wDAA6B;AAC7B;AACE;AACA;AACF,wDAA6B;AAC7B;AACE;AACA;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACA;AACA;AACF,wDAA6B;AAC7B;AACE;AACA;AACF,wDAA6B;AAC7B;AACE;AACA;AACF,wDAA6B;AAC7B,gCAA6B;AAC7B;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACF,izCAAC","file":"/home/runner/work/pixels/pixels/packages/pixels/dist/index.cjs"}
+{"version":3,"sources":["/home/runner/work/pixels/pixels/packages/pixels/dist/index.cjs"],"names":[],"mappings":"AAAA;AACE;AACA;AACF,wDAA6B;AAC7B;AACE;AACA;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACA;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B,gCAA6B;AAC7B;AACE;AACA;AACF,wDAA6B;AAC7B;AACE;AACA;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACA;AACF,wDAA6B;AAC7B;AACE;AACA;AACA;AACF,wDAA6B;AAC7B;AACE;AACA;AACF,wDAA6B;AAC7B,gCAA6B;AAC7B;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACF,izCAAC","file":"/home/runner/work/pixels/pixels/packages/pixels/dist/index.cjs"}

package/dist/index.d.cts

@@ -5,7 +5,7 @@ export { A as Badge, B as BadgeProps } from './Badge-yzXn5LtZ.cjs';
 export { B as Breadcrumb, c as BreadcrumbItemProps, a as BreadcrumbProps, b as breadcrumbVariants } from './Breadcrumb-DHn8XeOY.cjs';
 export { B as Button, a as ButtonGroup, c as ButtonProps, b as buttonVariants } from './ButtonGroup-DIL5WB0f.cjs';
 export { C as Card, a as CardProps, c as cardVariants } from './Card-9RmJ_S7F.cjs';
-export { J as Json, a as JsonProps } from './Json-BbMeuEvE.cjs';
+export { J as Json, a as JsonProps } from './Json-DZue23GO.cjs';
 export { L as Label, a as LabelProps } from './Label-DSBpvzTK.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 modalVariants } from './Modal-CSOPzGYj.cjs';

package/dist/index.d.ts

@@ -5,7 +5,7 @@ export { A as Badge, B as BadgeProps } from './Badge-yzXn5LtZ.js';
 export { B as Breadcrumb, c as BreadcrumbItemProps, a as BreadcrumbProps, b as breadcrumbVariants } from './Breadcrumb-DHn8XeOY.js';
 export { B as Button, a as ButtonGroup, c as ButtonProps, b as buttonVariants } from './ButtonGroup-DIL5WB0f.js';
 export { C as Card, a as CardProps, c as cardVariants } from './Card-9RmJ_S7F.js';
-export { J as Json, a as JsonProps } from './Json-BbMeuEvE.js';
+export { J as Json, a as JsonProps } from './Json-DZue23GO.js';
 export { L as Label, a as LabelProps } from './Label-DSBpvzTK.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 modalVariants } from './Modal-CSOPzGYj.js';

package/dist/index.js

@@ -1,59 +1,59 @@
+import {
+  Tooltip_default,
+  tooltipPlacementOptions
+} from "./chunk-MJE4MLZY.js";
 import {
   useDebounce,
   useLocalStorage
 } from "./chunk-USOEZROT.js";
 import {
   Json_default
-} from "./chunk-C2BIHVLT.js";
+} from "./chunk-LCSYN3DI.js";
 import {
   Label_default
 } from "./chunk-7IGL67EH.js";
 import {
   Menu_default
-} from "./chunk-L2RCVUXK.js";
+} from "./chunk-7LABJBKF.js";
 import {
   Modal_default,
   modalVariants
 } from "./chunk-CQW46JPO.js";
 import {
   Popover_default
-} from "./chunk-JDLU5AUA.js";
+} from "./chunk-3QI2ODV2.js";
 import "./chunk-BUWMLU3E.js";
 import {
   Tabs_default,
   tabsVariants
 } from "./chunk-NCSINRHM.js";
-import {
-  Tooltip_default,
-  tooltipPlacementOptions
-} from "./chunk-MJE4MLZY.js";
 import {
   Accordion_default,
   accordionVariants
-} from "./chunk-EIOL2HNA.js";
+} from "./chunk-33DBA7U2.js";
+import {
+  Badge_default
+} from "./chunk-QTXKWCDV.js";
 import {
   AvatarGroup_default
-} from "./chunk-337S7HUF.js";
+} from "./chunk-XVCKJE3P.js";
 import {
   Avatar_default
 } from "./chunk-N6YMP2DX.js";
 import {
-  Badge_default
-} from "./chunk-QTXKWCDV.js";
+  Breadcrumb_default,
+  breadcrumbVariants
+} from "./chunk-LPCCBJ2T.js";
 import {
   ButtonGroup_default,
   Button_default,
   buttonVariants
 } from "./chunk-ODLZQXBE.js";
-import {
-  Breadcrumb_default,
-  breadcrumbVariants
-} from "./chunk-RMLPCTDU.js";
 import {
   Card_default,
   cardVariants
-} from "./chunk-APEDJG3R.js";
-import "./chunk-5WRI5ZAA.js";
+} from "./chunk-CZJKT7IC.js";
+import "./chunk-J7N2552D.js";
 export {
   Accordion_default as Accordion,
   Avatar_default as Avatar,

package/package.json

@@ -2,7 +2,7 @@
   "name": "@fuf-stack/pixels",
   "description": "fuf core react component library",
   "author": "Hannes Tiede",
-  "version": "0.29.3",
+  "version": "0.30.0",
   "type": "module",
   "main": "./dist/index.cjs",
   "module": "./dist/index.js",
@@ -84,6 +84,11 @@
       "import": "./dist/ScrollShadow/index.js",
       "require": "./dist/ScrollShadow/index.cjs"
     },
+    "./Table": {
+      "types": "./dist/Table/index.d.ts",
+      "import": "./dist/Table/index.js",
+      "require": "./dist/Table/index.cjs"
+    },
     "./Tabs": {
       "types": "./dist/Tabs/index.d.ts",
       "import": "./dist/Tabs/index.js",
@@ -120,30 +125,31 @@
     "react-dom": ">=18"
   },
   "dependencies": {
-    "@nextui-org/avatar": "2.2.4",
-    "@nextui-org/accordion": "2.2.5",
-    "@nextui-org/badge": "2.2.3",
-    "@nextui-org/breadcrumbs": "2.2.4",
-    "@nextui-org/button": "2.2.7",
-    "@nextui-org/card": "2.2.7",
-    "@nextui-org/chip": "2.2.4",
-    "@nextui-org/divider": "2.2.4",
-    "@nextui-org/dropdown": "2.3.7",
-    "@nextui-org/modal": "2.2.5",
-    "@nextui-org/popover": "2.3.7",
-    "@nextui-org/scroll-shadow": "2.3.3",
-    "@nextui-org/system": "2.4.4",
-    "@nextui-org/theme": "2.4.3",
-    "@nextui-org/tabs": "2.2.5",
-    "@nextui-org/tooltip": "2.2.5",
-    "framer-motion": "11.14.4",
+    "@nextui-org/avatar": "2.2.5",
+    "@nextui-org/accordion": "2.2.6",
+    "@nextui-org/badge": "2.2.4",
+    "@nextui-org/breadcrumbs": "2.2.5",
+    "@nextui-org/button": "2.2.8",
+    "@nextui-org/card": "2.2.8",
+    "@nextui-org/chip": "2.2.5",
+    "@nextui-org/divider": "2.2.5",
+    "@nextui-org/dropdown": "2.3.8",
+    "@nextui-org/modal": "2.2.6",
+    "@nextui-org/popover": "2.3.8",
+    "@nextui-org/scroll-shadow": "2.3.4",
+    "@nextui-org/system": "2.4.5",
+    "@nextui-org/table": "2.2.7",
+    "@nextui-org/theme": "2.4.4",
+    "@nextui-org/tabs": "2.2.6",
+    "@nextui-org/tooltip": "2.2.6",
+    "framer-motion": "11.15.0",
     "next-themes": "0.4.4",
     "react-icons": "5.4.0",
-    "@fuf-stack/pixel-utils": "0.4.2"
+    "@fuf-stack/pixel-utils": "0.4.3"
   },
   "devDependencies": {
     "@types/debug": "4.1.12",
-    "@types/react": "19.0.1",
+    "@types/react": "19.0.2",
     "@types/react-dom": "19.0.2",
     "@uiw/react-json-view": "2.0.0-alpha.30",
     "react": "19.0.0",

package/dist/Json-BbMeuEvE.d.cts

@@ -1,18 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-
-interface JsonProps {
-    /** CSS class name */
-    className?: string | string[] | null;
-    /** When set to true, all nodes will be collapsed by default. Use an integer value to collapse at a particular depth. */
-    collapsed?: boolean | number;
-    /** color scheme, if not provided will be determined by if body has dark class */
-    theme?: 'light' | 'dark';
-    /** Object to be visualized JSON string or object */
-    value: string | object;
-}
-/**
- * Json renderer based on [react-json-view](https://mac-s-g.github.io/react-json-view/demo/dist/)
- */
-declare const Json: ({ className, collapsed, value }: JsonProps) => react_jsx_runtime.JSX.Element;
-
-export { Json as J, type JsonProps as a };

package/dist/Json-BbMeuEvE.d.ts

@@ -1,18 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-
-interface JsonProps {
-    /** CSS class name */
-    className?: string | string[] | null;
-    /** When set to true, all nodes will be collapsed by default. Use an integer value to collapse at a particular depth. */
-    collapsed?: boolean | number;
-    /** color scheme, if not provided will be determined by if body has dark class */
-    theme?: 'light' | 'dark';
-    /** Object to be visualized JSON string or object */
-    value: string | object;
-}
-/**
- * Json renderer based on [react-json-view](https://mac-s-g.github.io/react-json-view/demo/dist/)
- */
-declare const Json: ({ className, collapsed, value }: JsonProps) => react_jsx_runtime.JSX.Element;
-
-export { Json as J, type JsonProps as a };

package/dist/chunk-37C63OKM.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/home/runner/work/pixels/pixels/packages/pixels/dist/chunk-37C63OKM.cjs","../src/Popover/Popover.tsx","../src/Popover/index.ts"],"names":["Popover_default"],"mappings":"AAAA;AACE;AACF,wDAA6B;AAC7B;AACA;ACAA,8CAAwD;AAExD,oDAAyC;AA+EjC,+CAAA;AA1ED,IAAM,gBAAA,EAAkB,4BAAA;AAAG,EAChC,KAAA,EAAO;AAAA,IACL,IAAA,EAAM,oBAAA;AAAA,IACN,OAAA,EAAS,gCAAA;AAAA,IACT,MAAA,EAAQ,oBAAA;AAAA,IACR,MAAA,EAAQ,oBAAA;AAAA,IACR,OAAA,EAAS;AAAA,EACX;AACF,CAAC,CAAA;AAiCD,IAAO,gBAAA,EAAQ,CAAC;AAAA,EACd,SAAA,EAAW,IAAA;AAAA,EACX,SAAA,EAAW,WAAA,EAAa,KAAA,CAAA;AAAA,EACxB,OAAA;AAAA,EACA,cAAA,EAAgB,KAAA,CAAA;AAAA,EAChB,OAAA,EAAS,KAAA,CAAA;AAAA,EACT,eAAA,EAAiB,KAAA,CAAA;AAAA,EACjB,UAAA,EAAY,KAAA;AAAA,EACZ,gBAAA,EAAkB,KAAA,CAAA;AAAA,EAClB,kBAAA,EAAoB,KAAA,CAAA;AAAA,EACpB,OAAA,EAAS,KAAA,CAAA;AAAA,EACT,MAAA,EAAQ,KAAA;AACV,CAAA,EAAA,GAAoB;AAElB,EAAA,MAAM,SAAA,EAAW,eAAA,CAAgB,CAAA;AACjC,EAAA,MAAM,UAAA,EAAY,8CAAA,QAAqB,EAAU,UAAA,EAAY,SAAS,CAAA;AAEtE,EAAA,uBACE,8BAAA;AAAA,IAAC,gBAAA;AAAA,IAAA;AAAA,MACC,UAAA,EAAY,SAAA;AAAA,MACZ,SAAA;AAAA,MACA,eAAA;AAAA,MACA,MAAA,EAAO,IAAA;AAAA,MACP,iBAAA;AAAA,MACA,SAAA,EAAS,IAAA;AAAA,MAER,GAAI,eAAA,EACD,EAAE,MAAA,EAAQ,cAAA,CAAe,IAAA,EAAM,YAAA,EAAc,cAAA,CAAe,QAAQ,EAAA,EACpE,CAAC,CAAA;AAAA,MAEL,QAAA,EAAA;AAAA,wBAAA,6BAAA,uBAAC,EAAA,EAAe,aAAA,EAAa,MAAA,EAG3B,QAAA,kBAAA,6BAAA,QAAC,EAAA,EAAQ,SAAA,CAAS,EAAA,CACpB,CAAA;AAAA,wBACA,8BAAA,uBAAC,EAAA,EAAe,aAAA,EAAa,aAAA,EAC1B,QAAA,EAAA;AAAA,UAAA,MAAA,mBACC,8BAAA,KAAC,EAAA,EAAI,SAAA,EAAW,SAAA,CAAU,MAAA,EACvB,QAAA,EAAA;AAAA,YAAA,KAAA;AAAA,4BACD,6BAAA,IAAC,EAAA,CAAA,CAAG;AAAA,UAAA,EAAA,CACN,CAAA;AAAA,0BAEF,6BAAA,sCAAC,EAAA,EAAa,SAAA,EAAW,SAAA,CAAU,IAAA,EAAO,QAAA,EAAA,QAAA,CAAQ,CAAA;AAAA,UACjD,OAAA,mBACC,8BAAA,KAAC,EAAA,EAAI,SAAA,EAAW,SAAA,CAAU,MAAA,EACxB,QAAA,EAAA;AAAA,4BAAA,6BAAA,IAAC,EAAA,CAAA,CAAG,CAAA;AAAA,YACH;AAAA,UAAA,EAAA,CACH;AAAA,QAAA,EAAA,CAEJ;AAAA,MAAA;AAAA,IAAA;AAAA,EACF,CAAA;AAEJ,CAAA;AD7CA;AACA;AEtDA,IAAOA,iBAAAA,EAAQ,eAAA;AFwDf;AACA;AACE;AACA;AACF,uFAAC","file":"/home/runner/work/pixels/pixels/packages/pixels/dist/chunk-37C63OKM.cjs","sourcesContent":[null,"import type { TVClassName, TVProps } from '@fuf-stack/pixel-utils';\nimport type { PopoverProps as NextPopoverProps } from '@nextui-org/popover';\nimport type { ReactNode } from 'react';\n\nimport { Popover, PopoverContent, PopoverTrigger } from '@nextui-org/popover';\n\nimport { tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\n\nimport ScrollShadow from '../ScrollShadow/ScrollShadow';\n\n// popover styling variants\nexport const popoverVariants = tv({\n  slots: {\n    body: 'w-full px-2.5 py-1',\n    content: 'flex max-h-[80vh] flex-col p-0',\n    footer: 'w-full px-2.5 py-1',\n    header: 'w-full px-2.5 py-1',\n    trigger: '',\n  },\n});\n\ntype VariantProps = TVProps<typeof popoverVariants>;\ntype ClassName = TVClassName<typeof popoverVariants>;\n\nexport interface PopoverProps extends VariantProps {\n  /** child components */\n  children?: ReactNode;\n  /** CSS class name */\n  className?: ClassName;\n  /** content of the popover */\n  content: ReactNode;\n  /** HTML data-testid attribute used in e2e tests */\n  contentTestId?: string;\n  /** popover footer */\n  footer?: ReactNode;\n  /** use as controlled component  */\n  openControlled?: { open: boolean; setOpen: (open: boolean) => void };\n  /** placement of the popover relative to its trigger reference */\n  placement?: NextPopoverProps['placement'];\n  /** The container element in which the overlay portal will be placed. */\n  portalContainer?: NextPopoverProps['portalContainer'];\n  /** Whether to block scrolling outside the popover */\n  shouldBlockScroll?: boolean;\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: _className = undefined,\n  content,\n  contentTestId = undefined,\n  footer = undefined,\n  openControlled = undefined,\n  placement = 'top',\n  portalContainer = undefined,\n  shouldBlockScroll = undefined,\n  testId = undefined,\n  title = undefined,\n}: PopoverProps) => {\n  // className from slots\n  const variants = popoverVariants();\n  const className = variantsToClassNames(variants, _className, 'trigger');\n\n  return (\n    <Popover\n      classNames={className}\n      placement={placement}\n      portalContainer={portalContainer}\n      radius=\"sm\"\n      shouldBlockScroll={shouldBlockScroll}\n      showArrow\n      // eslint-disable-next-line react/jsx-props-no-spreading\n      {...(openControlled\n        ? { isOpen: openControlled.open, onOpenChange: openControlled.setOpen }\n        : {})}\n    >\n      <PopoverTrigger 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        {title && (\n          <div className={className.header}>\n            {title}\n            <hr />\n          </div>\n        )}\n        <ScrollShadow className={className.body}>{content}</ScrollShadow>\n        {footer && (\n          <div className={className.footer}>\n            <hr />\n            {footer}\n          </div>\n        )}\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-5HEZFVFG.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/home/runner/work/pixels/pixels/packages/pixels/dist/chunk-5HEZFVFG.cjs","../src/Menu/Menu.tsx","../src/Menu/index.ts"],"names":["Menu_default"],"mappings":"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","file":"/home/runner/work/pixels/pixels/packages/pixels/dist/chunk-5HEZFVFG.cjs","sourcesContent":[null,"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';\n\nimport { cn } from '@fuf-stack/pixel-utils';\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                {(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"]}