@fuf-stack/pixels 0.8.0 → 0.8.2

package/dist/Accordion/index.cjs

@@ -1,10 +1,10 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _chunk76NO7Z2Kcjs = require('../chunk-76NO7Z2K.cjs');
-require('../chunk-AT5DS6MS.cjs');
+var _chunk62KW2NGGcjs = require('../chunk-62KW2NGG.cjs');
+require('../chunk-DZUJEN5N.cjs');
 
 
 
-exports.Accordion = _chunk76NO7Z2Kcjs.Accordion_default; exports.default = _chunk76NO7Z2Kcjs.Accordion_default2;
+exports.Accordion = _chunk62KW2NGGcjs.Accordion_default; exports.default = _chunk62KW2NGGcjs.Accordion_default2;
 //# sourceMappingURL=index.cjs.map

package/dist/Accordion/index.d.cts

@@ -1,8 +1,9 @@
-import { A as Accordion } from '../Accordion-BvSR7OIG.cjs';
-export { a as AccordionProps } from '../Accordion-BvSR7OIG.cjs';
+import { A as Accordion } from '../Accordion-BpHE_MAv.cjs';
+export { b as AccordionItemProps, a as AccordionProps } from '../Accordion-BpHE_MAv.cjs';
 import 'react/jsx-runtime';
 import '@nextui-org/accordion';
 import '@nextui-org/divider';
+import 'react';
 
 
 

package/dist/Accordion/index.d.ts

@@ -1,8 +1,9 @@
-import { A as Accordion } from '../Accordion-BvSR7OIG.js';
-export { a as AccordionProps } from '../Accordion-BvSR7OIG.js';
+import { A as Accordion } from '../Accordion-BpHE_MAv.js';
+export { b as AccordionItemProps, a as AccordionProps } from '../Accordion-BpHE_MAv.js';
 import 'react/jsx-runtime';
 import '@nextui-org/accordion';
 import '@nextui-org/divider';
+import 'react';
 
 
 

package/dist/Accordion/index.js

@@ -1,8 +1,8 @@
 import {
   Accordion_default,
   Accordion_default2
-} from "../chunk-AJ77XV7P.js";
-import "../chunk-LQ2VYIYD.js";
+} from "../chunk-EHOYK4HG.js";
+import "../chunk-5WRI5ZAA.js";
 export {
   Accordion_default as Accordion,
   Accordion_default2 as default

package/dist/{Accordion-BvSR7OIG.d.cts → Accordion-BpHE_MAv.d.cts}

@@ -1,18 +1,29 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { AccordionItemProps } from '@nextui-org/accordion';
+import { AccordionProps as AccordionProps$1 } from '@nextui-org/accordion';
 import { DividerProps } from '@nextui-org/divider';
+import { ReactNode } from 'react';
 
+interface AccordionItemProps {
+    /** Content of the accordion item */
+    children: ReactNode;
+    /** Disables the accordion item */
+    disabled?: boolean;
+    /** Accordion item title */
+    title: ReactNode;
+}
 interface AccordionProps {
-    /** Props for AccordionItems */
+    /** Props for AccordionItems, will render the accordion items programmatically */
     accordionItems?: AccordionItemProps[];
+    /** Render accordion items directly as children */
+    children?: AccordionProps$1['children'];
     /** CSS class name */
     className?: string;
     /** Array of keys for the AccordionItem(s) to be expanded by default */
-    defaultSelectedKeys: undefined | 'all' | Iterable<number | string>;
+    defaultSelectedKeys?: undefined | 'all' | Iterable<number | string>;
     /** Disables the Accordion */
     disabled?: boolean;
     /** Array of keys for the AccordionItems to disable */
-    disabledKeys: Iterable<number | string>;
+    disabledKeys?: Iterable<number | string>;
     /** Force always one AccordionItem to be open. */
     disallowEmptySelection?: boolean;
     /** props for styling the Divider */
@@ -20,17 +31,17 @@ interface AccordionProps {
     /** Hide the expanded/collapsed indicator icon */
     hideIndicator?: boolean;
     /** Callback function for when a Accordion Item is expanded or collapsed */
-    onSelectionChange: (keys: 'all' | Iterable<number | string>) => unknown;
+    onSelectionChange?: (keys: 'all' | Iterable<number | string>) => unknown;
     /** Set whether multiple or only a single AccordionItems can be expanded */
-    selectionMode: 'single' | 'multiple';
-    /** enable or disable the divider between each AccordionItem */
+    selectionMode?: 'single' | 'multiple';
+    /** Enable or disable the divider between each AccordionItem */
     showDivider?: boolean;
-    /** style variant of the Accordion */
+    /** Style variant of the Accordion */
     variant?: 'light' | 'shadow' | 'bordered' | 'splitted';
 }
 /**
  * Accordion component based on [NextUI Accordion](https://nextui.org/docs/components/accordion)
  */
-declare const Accordion: ({ accordionItems, className, defaultSelectedKeys, disabled, disabledKeys, disallowEmptySelection, dividerProps, selectionMode, showDivider, variant, }: AccordionProps) => react_jsx_runtime.JSX.Element;
+declare const Accordion: ({ accordionItems, className, defaultSelectedKeys, disabled, disabledKeys, disallowEmptySelection, dividerProps, onSelectionChange, selectionMode, showDivider, variant, }: AccordionProps) => react_jsx_runtime.JSX.Element;
 
-export { Accordion as A, type AccordionProps as a };
+export { Accordion as A, type AccordionProps as a, type AccordionItemProps as b };

package/dist/{Accordion-BvSR7OIG.d.ts → Accordion-BpHE_MAv.d.ts}

@@ -1,18 +1,29 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { AccordionItemProps } from '@nextui-org/accordion';
+import { AccordionProps as AccordionProps$1 } from '@nextui-org/accordion';
 import { DividerProps } from '@nextui-org/divider';
+import { ReactNode } from 'react';
 
+interface AccordionItemProps {
+    /** Content of the accordion item */
+    children: ReactNode;
+    /** Disables the accordion item */
+    disabled?: boolean;
+    /** Accordion item title */
+    title: ReactNode;
+}
 interface AccordionProps {
-    /** Props for AccordionItems */
+    /** Props for AccordionItems, will render the accordion items programmatically */
     accordionItems?: AccordionItemProps[];
+    /** Render accordion items directly as children */
+    children?: AccordionProps$1['children'];
     /** CSS class name */
     className?: string;
     /** Array of keys for the AccordionItem(s) to be expanded by default */
-    defaultSelectedKeys: undefined | 'all' | Iterable<number | string>;
+    defaultSelectedKeys?: undefined | 'all' | Iterable<number | string>;
     /** Disables the Accordion */
     disabled?: boolean;
     /** Array of keys for the AccordionItems to disable */
-    disabledKeys: Iterable<number | string>;
+    disabledKeys?: Iterable<number | string>;
     /** Force always one AccordionItem to be open. */
     disallowEmptySelection?: boolean;
     /** props for styling the Divider */
@@ -20,17 +31,17 @@ interface AccordionProps {
     /** Hide the expanded/collapsed indicator icon */
     hideIndicator?: boolean;
     /** Callback function for when a Accordion Item is expanded or collapsed */
-    onSelectionChange: (keys: 'all' | Iterable<number | string>) => unknown;
+    onSelectionChange?: (keys: 'all' | Iterable<number | string>) => unknown;
     /** Set whether multiple or only a single AccordionItems can be expanded */
-    selectionMode: 'single' | 'multiple';
-    /** enable or disable the divider between each AccordionItem */
+    selectionMode?: 'single' | 'multiple';
+    /** Enable or disable the divider between each AccordionItem */
     showDivider?: boolean;
-    /** style variant of the Accordion */
+    /** Style variant of the Accordion */
     variant?: 'light' | 'shadow' | 'bordered' | 'splitted';
 }
 /**
  * Accordion component based on [NextUI Accordion](https://nextui.org/docs/components/accordion)
  */
-declare const Accordion: ({ accordionItems, className, defaultSelectedKeys, disabled, disabledKeys, disallowEmptySelection, dividerProps, selectionMode, showDivider, variant, }: AccordionProps) => react_jsx_runtime.JSX.Element;
+declare const Accordion: ({ accordionItems, className, defaultSelectedKeys, disabled, disabledKeys, disallowEmptySelection, dividerProps, onSelectionChange, selectionMode, showDivider, variant, }: AccordionProps) => react_jsx_runtime.JSX.Element;
 
-export { Accordion as A, type AccordionProps as a };
+export { Accordion as A, type AccordionProps as a, type AccordionItemProps as b };

package/dist/Avatar/index.cjs

@@ -2,7 +2,7 @@
 
 
 var _chunkXGHRKDIMcjs = require('../chunk-XGHRKDIM.cjs');
-require('../chunk-AT5DS6MS.cjs');
+require('../chunk-DZUJEN5N.cjs');
 
 
 

package/dist/Avatar/index.js

@@ -2,7 +2,7 @@ import {
   Avatar_default,
   Avatar_default2
 } from "../chunk-SFGC6YVH.js";
-import "../chunk-LQ2VYIYD.js";
+import "../chunk-5WRI5ZAA.js";
 export {
   Avatar_default as Avatar,
   Avatar_default2 as default

package/dist/AvatarGroup/index.cjs

@@ -3,7 +3,7 @@
 
 var _chunkEJSTUBPUcjs = require('../chunk-EJSTUBPU.cjs');
 require('../chunk-XGHRKDIM.cjs');
-require('../chunk-AT5DS6MS.cjs');
+require('../chunk-DZUJEN5N.cjs');
 
 
 

package/dist/AvatarGroup/index.js

@@ -3,7 +3,7 @@ import {
   AvatarGroup_default2
 } from "../chunk-LAGUJC5D.js";
 import "../chunk-SFGC6YVH.js";
-import "../chunk-LQ2VYIYD.js";
+import "../chunk-5WRI5ZAA.js";
 export {
   AvatarGroup_default as AvatarGroup,
   AvatarGroup_default2 as default

package/dist/Button/index.cjs

@@ -3,7 +3,7 @@
 
 
 var _chunkND4VZZVUcjs = require('../chunk-ND4VZZVU.cjs');
-require('../chunk-AT5DS6MS.cjs');
+require('../chunk-DZUJEN5N.cjs');
 
 
 

package/dist/Button/index.js

@@ -3,7 +3,7 @@ import {
   Button_default2,
   buttonVariants
 } from "../chunk-HYXTFS4R.js";
-import "../chunk-LQ2VYIYD.js";
+import "../chunk-5WRI5ZAA.js";
 export {
   Button_default as Button,
   buttonVariants,

package/dist/Card/index.cjs

@@ -3,7 +3,7 @@
 
 
 var _chunkGIM2W4JHcjs = require('../chunk-GIM2W4JH.cjs');
-require('../chunk-AT5DS6MS.cjs');
+require('../chunk-DZUJEN5N.cjs');
 
 
 

package/dist/Card/index.js

@@ -3,7 +3,7 @@ import {
   Card_default2,
   cardVariants
 } from "../chunk-IEZVKZFP.js";
-import "../chunk-LQ2VYIYD.js";
+import "../chunk-5WRI5ZAA.js";
 export {
   Card_default as Card,
   cardVariants,

package/dist/Json/index.cjs

@@ -1,11 +1,11 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _chunkQ4LIVHSUcjs = require('../chunk-Q4LIVHSU.cjs');
+var _chunkWW6N27GLcjs = require('../chunk-WW6N27GL.cjs');
 require('../chunk-ND4VZZVU.cjs');
-require('../chunk-AT5DS6MS.cjs');
+require('../chunk-DZUJEN5N.cjs');
 
 
 
-exports.Json = _chunkQ4LIVHSUcjs.Json_default; exports.default = _chunkQ4LIVHSUcjs.Json_default2;
+exports.Json = _chunkWW6N27GLcjs.Json_default; exports.default = _chunkWW6N27GLcjs.Json_default2;
 //# sourceMappingURL=index.cjs.map

package/dist/Json/index.js

@@ -1,9 +1,9 @@
 import {
   Json_default,
   Json_default2
-} from "../chunk-RBKIZCPJ.js";
+} from "../chunk-A544WWIO.js";
 import "../chunk-HYXTFS4R.js";
-import "../chunk-LQ2VYIYD.js";
+import "../chunk-5WRI5ZAA.js";
 export {
   Json_default as Json,
   Json_default2 as default

package/dist/Label/index.cjs

@@ -2,7 +2,7 @@
 
 
 var _chunkBMKGS5PKcjs = require('../chunk-BMKGS5PK.cjs');
-require('../chunk-AT5DS6MS.cjs');
+require('../chunk-DZUJEN5N.cjs');
 
 
 

package/dist/Label/index.js

@@ -2,7 +2,7 @@ import {
   Label_default,
   Label_default2
 } from "../chunk-S2WOGSQV.js";
-import "../chunk-LQ2VYIYD.js";
+import "../chunk-5WRI5ZAA.js";
 export {
   Label_default as Label,
   Label_default2 as default

package/dist/Menu/index.cjs

@@ -2,7 +2,7 @@
 
 
 var _chunkHHTTNYDCcjs = require('../chunk-HHTTNYDC.cjs');
-require('../chunk-AT5DS6MS.cjs');
+require('../chunk-DZUJEN5N.cjs');
 
 
 

package/dist/Menu/index.js

@@ -2,7 +2,7 @@ import {
   Menu_default,
   Menu_default2
 } from "../chunk-VOXYQARK.js";
-import "../chunk-LQ2VYIYD.js";
+import "../chunk-5WRI5ZAA.js";
 export {
   Menu_default as Menu,
   Menu_default2 as default

package/dist/Modal/index.cjs

@@ -3,7 +3,7 @@
 
 
 var _chunkX2MUU2ZIcjs = require('../chunk-X2MUU2ZI.cjs');
-require('../chunk-AT5DS6MS.cjs');
+require('../chunk-DZUJEN5N.cjs');
 
 
 

package/dist/Modal/index.js

@@ -3,7 +3,7 @@ import {
   Modal_default2,
   modalVariants
 } from "../chunk-O6OLR36Y.js";
-import "../chunk-LQ2VYIYD.js";
+import "../chunk-5WRI5ZAA.js";
 export {
   Modal_default as Modal,
   Modal_default2 as default,

package/dist/Popover/index.cjs

@@ -2,7 +2,7 @@
 
 
 var _chunkB35F4645cjs = require('../chunk-B35F4645.cjs');
-require('../chunk-AT5DS6MS.cjs');
+require('../chunk-DZUJEN5N.cjs');
 
 
 

package/dist/Popover/index.js

@@ -2,7 +2,7 @@ import {
   Popover_default,
   Popover_default2
 } from "../chunk-6G5VTF6K.js";
-import "../chunk-LQ2VYIYD.js";
+import "../chunk-5WRI5ZAA.js";
 export {
   Popover_default as Popover,
   Popover_default2 as default

package/dist/Tooltip/index.cjs

@@ -3,7 +3,7 @@
 
 
 var _chunkBSBPQXNGcjs = require('../chunk-BSBPQXNG.cjs');
-require('../chunk-AT5DS6MS.cjs');
+require('../chunk-DZUJEN5N.cjs');
 
 
 

package/dist/Tooltip/index.js

@@ -3,7 +3,7 @@ import {
   Tooltip_default2,
   tooltipPlacementOptions
 } from "../chunk-236GX7PP.js";
-import "../chunk-LQ2VYIYD.js";
+import "../chunk-5WRI5ZAA.js";
 export {
   Tooltip_default as Tooltip,
   Tooltip_default2 as default,

package/dist/{chunk-LQ2VYIYD.js → chunk-5WRI5ZAA.js}

@@ -28,4 +28,4 @@ export {
   __commonJS,
   __toESM
 };
-//# sourceMappingURL=chunk-LQ2VYIYD.js.map
+//# sourceMappingURL=chunk-5WRI5ZAA.js.map

package/dist/{chunk-76NO7Z2K.cjs → chunk-62KW2NGG.cjs}

@@ -12,7 +12,8 @@ var Accordion = ({
   disabledKeys = [],
   disallowEmptySelection = false,
   dividerProps = {},
-  selectionMode = "single",
+  onSelectionChange = void 0,
+  selectionMode = "multiple",
   showDivider = true,
   variant = "light"
 }) => {
@@ -20,14 +21,15 @@ var Accordion = ({
     _accordion.Accordion,
     {
       className,
-      variant,
-      selectionMode,
+      defaultSelectedKeys,
+      disabledKeys,
+      disallowEmptySelection,
+      dividerProps,
       isDisabled: disabled,
+      onSelectionChange,
+      selectionMode,
       showDivider,
-      dividerProps,
-      disallowEmptySelection,
-      disabledKeys,
-      defaultSelectedKeys,
+      variant,
       children: accordionItems.map((item, index) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
         _accordion.AccordionItem,
         {
@@ -48,4 +50,4 @@ var Accordion_default2 = Accordion_default;
 
 
 exports.Accordion_default = Accordion_default; exports.Accordion_default2 = Accordion_default2;
-//# sourceMappingURL=chunk-76NO7Z2K.cjs.map
+//# sourceMappingURL=chunk-62KW2NGG.cjs.map

package/dist/chunk-62KW2NGG.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/Accordion/Accordion.tsx","../src/Accordion/index.ts"],"names":["Accordion_default"],"mappings":";AAIA;AAAA,EACE;AAAA,EACA,aAAa;AAAA,OACR;AAsEC;AA3BR,IAAM,YAAY,CAAC;AAAA,EACjB,iBAAiB,CAAC;AAAA,EAClB,YAAY;AAAA,EACZ,sBAAsB,CAAC;AAAA,EACvB,WAAW;AAAA,EACX,eAAe,CAAC;AAAA,EAChB,yBAAyB;AAAA,EACzB,eAAe,CAAC;AAAA,EAChB,oBAAoB;AAAA,EACpB,gBAAgB;AAAA,EAChB,cAAc;AAAA,EACd,UAAU;AACZ,MAAsB;AACpB,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,YAAY;AAAA,MACZ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MAEC,yBAAe,IAAI,CAAC,MAAM,UACzB;AAAA,QAAC;AAAA;AAAA,UAGC,YAAY,YAAY,MAAM;AAAA,UAE7B,GAAG;AAAA;AAAA,QAHC;AAAA,MAIP,CACD;AAAA;AAAA,EACH;AAEJ;AAEA,IAAO,oBAAQ;;;ACnFf,IAAOA,qBAAQ","sourcesContent":["import type { AccordionProps as NextAccordionProps } from '@nextui-org/accordion';\nimport type { DividerProps } from '@nextui-org/divider';\nimport type { ReactNode } from 'react';\n\nimport {\n  AccordionItem,\n  Accordion as NextAccordion,\n} from '@nextui-org/accordion';\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}\n\nexport interface AccordionProps {\n  /** Props for AccordionItems, will render the accordion items programmatically */\n  accordionItems?: AccordionItemProps[];\n  /** Render accordion items directly as children */\n  children?: NextAccordionProps['children'];\n  /** CSS class name */\n  className?: string;\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  /** 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 = '',\n  defaultSelectedKeys = [],\n  disabled = false,\n  disabledKeys = [],\n  disallowEmptySelection = false,\n  dividerProps = {},\n  onSelectionChange = undefined,\n  selectionMode = 'multiple',\n  showDivider = true,\n  variant = 'light',\n}: AccordionProps) => {\n  return (\n    <NextAccordion\n      className={className}\n      defaultSelectedKeys={defaultSelectedKeys}\n      disabledKeys={disabledKeys}\n      disallowEmptySelection={disallowEmptySelection}\n      dividerProps={dividerProps}\n      isDisabled={disabled}\n      onSelectionChange={onSelectionChange}\n      selectionMode={selectionMode}\n      showDivider={showDivider}\n      variant={variant}\n    >\n      {accordionItems.map((item, index) => (\n        <AccordionItem\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 from './Accordion';\n\nexport type { AccordionProps, AccordionItemProps } from './Accordion';\n\nexport { Accordion };\n\nexport default Accordion;\n"]}