@fuf-stack/pixels 0.29.2 → 0.30.0

package/dist/{chunk-VHEIRVBB.cjs → chunk-ZXGEK67F.cjs}

@@ -1,4 +1,8 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }// src/Accordion/Accordion.tsx
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _chunkD4TLDLEXcjs = require('./chunk-D4TLDLEX.cjs');
+
+// src/Accordion/Accordion.tsx
 
 
 
@@ -77,10 +81,9 @@ var Accordion = ({
       variant,
       children: accordionItems.map((item, index) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
         _accordion.AccordionItem,
-        {
-          isDisabled: disabled || _optionalChain([item, 'optionalAccess', _ => _.disabled]),
-          ...item
-        },
+        _chunkD4TLDLEXcjs.__spreadValues.call(void 0, {
+          isDisabled: disabled || (item == null ? void 0 : item.disabled)
+        }, item),
         index
       ))
     }
@@ -96,4 +99,4 @@ var Accordion_default2 = Accordion_default;
 
 
 exports.accordionVariants = accordionVariants; exports.Accordion_default = Accordion_default; exports.Accordion_default2 = Accordion_default2;
-//# sourceMappingURL=chunk-VHEIRVBB.cjs.map
+//# sourceMappingURL=chunk-ZXGEK67F.cjs.map

package/dist/chunk-ZXGEK67F.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/pixels/pixels/packages/pixels/dist/chunk-ZXGEK67F.cjs","../src/Accordion/Accordion.tsx","../src/Accordion/index.ts"],"names":["Accordion_default"],"mappings":"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","file":"/home/runner/work/pixels/pixels/packages/pixels/dist/chunk-ZXGEK67F.cjs","sourcesContent":[null,"import type { TVClassName, TVProps } from '@fuf-stack/pixel-utils';\nimport type { DividerProps } from '@nextui-org/divider';\nimport type { ReactNode } from 'react';\n\nimport {\n  Accordion as NextAccordion,\n  AccordionItem as NextAccordionItem,\n} from '@nextui-org/accordion';\n\nimport { tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\n\n// accordion styling variants\n// see: https://nextui.org/docs/components/accordion#accordion-item-slots\nexport const accordionVariants = tv({\n  slots: {\n    base: '',\n    content: 'px-4',\n    heading: 'px-4',\n    indicator: '',\n    startContent: '',\n    subtitle: '',\n    title: '',\n    titleWrapper: '',\n    trigger: '',\n    // outer accordion wrapper\n    wrapper: 'px-0',\n  },\n  variants: {\n    indicatorLeft: {\n      true: {\n        content: 'pl-7',\n        indicator: '-rotate-180 data-[open=true]:-rotate-90',\n        trigger: 'flex-row-reverse',\n      },\n    },\n    showDivider: {\n      true: {\n        wrapper: 'divide-y divide-solid divide-divider',\n      },\n    },\n    showBottomTopDivider: {\n      true: {\n        wrapper: 'border-b border-t border-solid border-divider',\n      },\n    },\n  },\n});\n\nexport interface AccordionItemProps {\n  /** Content of the accordion item */\n  children: ReactNode;\n  /** Disables the accordion item */\n  disabled?: boolean;\n  /** Accordion item title */\n  title: ReactNode;\n  /** Accordion item subtitle */\n  subtitle?: ReactNode;\n}\n\ntype VariantProps = TVProps<typeof accordionVariants>;\ntype ClassName = TVClassName<typeof accordionVariants>;\n\nexport interface AccordionProps extends VariantProps {\n  /** Props for AccordionItems, will render the accordion items programmatically */\n  accordionItems: AccordionItemProps[];\n  /** CSS class name */\n  className?: ClassName;\n  /** Array of keys for the AccordionItem(s) to be expanded by default */\n  defaultSelectedKeys?: undefined | 'all' | Iterable<number | string>;\n  /** Disables the Accordion */\n  disabled?: boolean;\n  /** Array of keys for the AccordionItems to disable */\n  disabledKeys?: Iterable<number | string>;\n  /** Force always one AccordionItem to be open. */\n  disallowEmptySelection?: boolean;\n  /** props for styling the Divider */\n  dividerProps?: DividerProps;\n  /** Hide the expanded/collapsed indicator icon */\n  hideIndicator?: boolean;\n  /** Callback function for when a Accordion Item is expanded or collapsed */\n  onSelectionChange?: (keys: 'all' | Iterable<number | string>) => unknown;\n  /** Selected keys (controlled) */\n  selectedKeys?: undefined | 'all' | Iterable<number | string>;\n  /** Set whether multiple or only a single AccordionItems can be expanded */\n  selectionMode?: 'single' | 'multiple';\n  /** Enable or disable the divider between each AccordionItem */\n  showDivider?: boolean;\n  /** Style variant of the Accordion */\n  variant?: 'light' | 'shadow' | 'bordered' | 'splitted';\n}\n\n/**\n * Accordion component based on [NextUI Accordion](https://nextui.org/docs/components/accordion)\n */\nconst Accordion = ({\n  accordionItems,\n  className: _className = undefined,\n  defaultSelectedKeys = [],\n  disabled = false,\n  disabledKeys = [],\n  disallowEmptySelection = false,\n  dividerProps = {},\n  indicatorLeft = false,\n  onSelectionChange = undefined,\n  selectedKeys = undefined,\n  selectionMode = 'multiple',\n  showDivider = true,\n  variant = 'light',\n}: AccordionProps) => {\n  // itemClasses from className slots\n  const variants = accordionVariants({\n    indicatorLeft,\n    showDivider: showDivider && variant !== 'splitted',\n    showBottomTopDivider: showDivider && variant === 'light',\n  });\n  const classNames = variantsToClassNames(variants, _className, 'wrapper');\n\n  return (\n    <NextAccordion\n      className={classNames.wrapper}\n      defaultSelectedKeys={defaultSelectedKeys}\n      disabledKeys={disabledKeys}\n      disallowEmptySelection={disallowEmptySelection}\n      dividerProps={dividerProps}\n      isDisabled={disabled}\n      itemClasses={classNames}\n      onSelectionChange={onSelectionChange}\n      selectedKeys={selectedKeys}\n      selectionMode={selectionMode}\n      showDivider={false}\n      variant={variant}\n    >\n      {accordionItems.map((item, index) => (\n        <NextAccordionItem\n          // eslint-disable-next-line react/no-array-index-key\n          key={index}\n          isDisabled={disabled || item?.disabled}\n          // eslint-disable-next-line react/jsx-props-no-spreading\n          {...item}\n        />\n      ))}\n    </NextAccordion>\n  );\n};\n\nexport default Accordion;\n","import Accordion, { accordionVariants } from './Accordion';\n\nexport type { AccordionProps, AccordionItemProps } from './Accordion';\n\nexport { Accordion, accordionVariants };\n\nexport default Accordion;\n"]}

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,24 +1,28 @@
 "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 _chunkVAJODF7Zcjs = require('./chunk-VAJODF7Z.cjs');
+var _chunkVG5A2YZEcjs = require('./chunk-VG5A2YZE.cjs');
 
 
-var _chunkY3SLMQYAcjs = require('./chunk-Y3SLMQYA.cjs');
-require('./chunk-D5HC5WLB.cjs');
+var _chunk2WDAJ6ERcjs = require('./chunk-2WDAJ6ER.cjs');
+require('./chunk-BXPBP3PC.cjs');
 
 
 
@@ -26,24 +30,20 @@ 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 _chunkRJAVAHBKcjs = require('./chunk-RJAVAHBK.cjs');
+var _chunkNVNT4PMScjs = require('./chunk-NVNT4PMS.cjs');
 
 
 
@@ -52,8 +52,8 @@ 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 = _chunkVAJODF7Zcjs.Modal_default; exports.Popover = _chunkY3SLMQYAcjs.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 = _chunkVAJODF7Zcjs.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;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"}
+{"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,10 +5,10 @@ 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-DZHeIvQc.cjs';
+export { M as Modal, a as ModalProps, m as modalVariants } from './Modal-CSOPzGYj.cjs';
 export { _ as Popover, P as PopoverProps } from './Popover-By7zSUnV.cjs';
 export { b as TabProps, T as Tabs, a as TabsProps, t as tabsVariants } from './Tabs-CfFvBC99.cjs';
 export { T as Tooltip, a as TooltipProps, t as tooltipPlacementOptions } from './Tooltip-DS3pM5Cq.cjs';
@@ -23,4 +23,5 @@ import '@nextui-org/badge';
 import '@nextui-org/button';
 import '@nextui-org/system';
 import '@nextui-org/chip';
+import '@nextui-org/modal';
 import '@nextui-org/popover';

package/dist/index.d.ts

@@ -5,10 +5,10 @@ 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-DZHeIvQc.js';
+export { M as Modal, a as ModalProps, m as modalVariants } from './Modal-CSOPzGYj.js';
 export { _ as Popover, P as PopoverProps } from './Popover-By7zSUnV.js';
 export { b as TabProps, T as Tabs, a as TabsProps, t as tabsVariants } from './Tabs-CfFvBC99.js';
 export { T as Tooltip, a as TooltipProps, t as tooltipPlacementOptions } from './Tooltip-DS3pM5Cq.js';
@@ -23,4 +23,5 @@ import '@nextui-org/badge';
 import '@nextui-org/button';
 import '@nextui-org/system';
 import '@nextui-org/chip';
+import '@nextui-org/modal';
 import '@nextui-org/popover';

package/dist/index.js

@@ -1,49 +1,49 @@
+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-F2SRHLNC.js";
+} from "./chunk-CQW46JPO.js";
 import {
   Popover_default
-} from "./chunk-VU64Z744.js";
-import "./chunk-BAPBIOOG.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";
 import {
   Breadcrumb_default,
   breadcrumbVariants
-} from "./chunk-RMLPCTDU.js";
+} from "./chunk-LPCCBJ2T.js";
 import {
   ButtonGroup_default,
   Button_default,
@@ -52,8 +52,8 @@ import {
 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.2",
+  "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,37 +125,38 @@
     "react-dom": ">=18"
   },
   "dependencies": {
-    "@nextui-org/avatar": "2.2.4",
-    "@nextui-org/accordion": "2.2.4",
-    "@nextui-org/badge": "2.2.3",
-    "@nextui-org/breadcrumbs": "2.2.4",
-    "@nextui-org/button": "2.2.6",
-    "@nextui-org/card": "2.2.6",
-    "@nextui-org/chip": "2.2.4",
-    "@nextui-org/divider": "2.2.4",
-    "@nextui-org/dropdown": "2.3.6",
-    "@nextui-org/modal": "2.2.4",
-    "@nextui-org/popover": "2.3.6",
-    "@nextui-org/scroll-shadow": "2.3.3",
-    "@nextui-org/system": "2.4.4",
-    "@nextui-org/theme": "2.4.3",
-    "@nextui-org/tabs": "2.2.4",
-    "@nextui-org/tooltip": "2.2.4",
-    "framer-motion": "11.13.5",
+    "@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",
     "react-dom": "19.0.0",
     "@repo/storybook-config": "0.0.1",
-    "@repo/tsup-config": "0.0.1",
     "@repo/tailwind-config": "0.0.1",
+    "@repo/tsup-config": "0.0.1",
     "@repo/vite-config": "0.0.1"
   },
   "scripts": {

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