@fuf-stack/pixels 0.18.1 → 0.20.0

package/dist/Accordion/index.cjs

@@ -2,11 +2,11 @@
 
 
 
-var _chunkJ5XN2HATcjs = require('../chunk-J5XN2HAT.cjs');
+var _chunkJU7O2LCJcjs = require('../chunk-JU7O2LCJ.cjs');
 require('../chunk-DZUJEN5N.cjs');
 
 
 
 
-exports.Accordion = _chunkJ5XN2HATcjs.Accordion_default; exports.accordionVariants = _chunkJ5XN2HATcjs.accordionVariants; exports.default = _chunkJ5XN2HATcjs.Accordion_default2;
+exports.Accordion = _chunkJU7O2LCJcjs.Accordion_default; exports.accordionVariants = _chunkJU7O2LCJcjs.accordionVariants; exports.default = _chunkJU7O2LCJcjs.Accordion_default2;
 //# sourceMappingURL=index.cjs.map

package/dist/Accordion/index.d.cts

@@ -1,5 +1,5 @@
-import { A as Accordion } from '../Accordion-Drlhs2y_.cjs';
-export { c as AccordionItemProps, b as AccordionProps, a as accordionVariants } from '../Accordion-Drlhs2y_.cjs';
+import { A as Accordion } from '../Accordion-DkShJasa.cjs';
+export { c as AccordionItemProps, b as AccordionProps, a as accordionVariants } from '../Accordion-DkShJasa.cjs';
 import 'react/jsx-runtime';
 import 'tailwind-variants';
 import 'tailwind-variants/dist/config.js';

package/dist/Accordion/index.d.ts

@@ -1,5 +1,5 @@
-import { A as Accordion } from '../Accordion-Drlhs2y_.js';
-export { c as AccordionItemProps, b as AccordionProps, a as accordionVariants } from '../Accordion-Drlhs2y_.js';
+import { A as Accordion } from '../Accordion-DkShJasa.js';
+export { c as AccordionItemProps, b as AccordionProps, a as accordionVariants } from '../Accordion-DkShJasa.js';
 import 'react/jsx-runtime';
 import 'tailwind-variants';
 import 'tailwind-variants/dist/config.js';

package/dist/Accordion/index.js

@@ -2,7 +2,7 @@ import {
   Accordion_default,
   Accordion_default2,
   accordionVariants
-} from "../chunk-G5YPY6KS.js";
+} from "../chunk-7SK2BLZJ.js";
 import "../chunk-5WRI5ZAA.js";
 export {
   Accordion_default as Accordion,

package/dist/{Accordion-Drlhs2y_.d.cts → Accordion-DkShJasa.d.cts}

@@ -18,6 +18,11 @@ declare const accordionVariants: tailwind_variants.TVReturnType<{
             wrapper: string;
         };
     };
+    showBottomTopDivider: {
+        true: {
+            wrapper: string;
+        };
+    };
 }, {
     base: string;
     content: string;
@@ -42,6 +47,11 @@ declare const accordionVariants: tailwind_variants.TVReturnType<{
             wrapper: string;
         };
     };
+    showBottomTopDivider: {
+        true: {
+            wrapper: string;
+        };
+    };
 }, {
     indicatorLeft: {
         true: {
@@ -55,6 +65,11 @@ declare const accordionVariants: tailwind_variants.TVReturnType<{
             wrapper: string;
         };
     };
+    showBottomTopDivider: {
+        true: {
+            wrapper: string;
+        };
+    };
 }>, {
     indicatorLeft: {
         true: {
@@ -68,6 +83,11 @@ declare const accordionVariants: tailwind_variants.TVReturnType<{
             wrapper: string;
         };
     };
+    showBottomTopDivider: {
+        true: {
+            wrapper: string;
+        };
+    };
 }, {
     base: string;
     content: string;
@@ -92,6 +112,11 @@ declare const accordionVariants: tailwind_variants.TVReturnType<{
             wrapper: string;
         };
     };
+    showBottomTopDivider: {
+        true: {
+            wrapper: string;
+        };
+    };
 }, {
     base: string;
     content: string;
@@ -116,6 +141,11 @@ declare const accordionVariants: tailwind_variants.TVReturnType<{
             wrapper: string;
         };
     };
+    showBottomTopDivider: {
+        true: {
+            wrapper: string;
+        };
+    };
 }, {
     indicatorLeft: {
         true: {
@@ -129,6 +159,11 @@ declare const accordionVariants: tailwind_variants.TVReturnType<{
             wrapper: string;
         };
     };
+    showBottomTopDivider: {
+        true: {
+            wrapper: string;
+        };
+    };
 }>, unknown, unknown, undefined>>;
 interface AccordionItemProps {
     /** Content of the accordion item */

package/dist/{Accordion-Drlhs2y_.d.ts → Accordion-DkShJasa.d.ts}

@@ -18,6 +18,11 @@ declare const accordionVariants: tailwind_variants.TVReturnType<{
             wrapper: string;
         };
     };
+    showBottomTopDivider: {
+        true: {
+            wrapper: string;
+        };
+    };
 }, {
     base: string;
     content: string;
@@ -42,6 +47,11 @@ declare const accordionVariants: tailwind_variants.TVReturnType<{
             wrapper: string;
         };
     };
+    showBottomTopDivider: {
+        true: {
+            wrapper: string;
+        };
+    };
 }, {
     indicatorLeft: {
         true: {
@@ -55,6 +65,11 @@ declare const accordionVariants: tailwind_variants.TVReturnType<{
             wrapper: string;
         };
     };
+    showBottomTopDivider: {
+        true: {
+            wrapper: string;
+        };
+    };
 }>, {
     indicatorLeft: {
         true: {
@@ -68,6 +83,11 @@ declare const accordionVariants: tailwind_variants.TVReturnType<{
             wrapper: string;
         };
     };
+    showBottomTopDivider: {
+        true: {
+            wrapper: string;
+        };
+    };
 }, {
     base: string;
     content: string;
@@ -92,6 +112,11 @@ declare const accordionVariants: tailwind_variants.TVReturnType<{
             wrapper: string;
         };
     };
+    showBottomTopDivider: {
+        true: {
+            wrapper: string;
+        };
+    };
 }, {
     base: string;
     content: string;
@@ -116,6 +141,11 @@ declare const accordionVariants: tailwind_variants.TVReturnType<{
             wrapper: string;
         };
     };
+    showBottomTopDivider: {
+        true: {
+            wrapper: string;
+        };
+    };
 }, {
     indicatorLeft: {
         true: {
@@ -129,6 +159,11 @@ declare const accordionVariants: tailwind_variants.TVReturnType<{
             wrapper: string;
         };
     };
+    showBottomTopDivider: {
+        true: {
+            wrapper: string;
+        };
+    };
 }>, unknown, unknown, undefined>>;
 interface AccordionItemProps {
     /** Content of the accordion item */

package/dist/Popover/index.cjs

@@ -1,10 +1,11 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _chunkG5HQ6QYEcjs = require('../chunk-G5HQ6QYE.cjs');
+var _chunkDARKAVXBcjs = require('../chunk-DARKAVXB.cjs');
+require('../chunk-UYNMOCDD.cjs');
 require('../chunk-DZUJEN5N.cjs');
 
 
 
-exports.Popover = _chunkG5HQ6QYEcjs.Popover_default; exports.default = _chunkG5HQ6QYEcjs.Popover_default2;
+exports.Popover = _chunkDARKAVXBcjs.Popover_default; exports.default = _chunkDARKAVXBcjs.Popover_default2;
 //# sourceMappingURL=index.cjs.map

package/dist/Popover/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["/home/runner/work/uniform/uniform/packages/pixels/dist/Popover/index.cjs"],"names":[],"mappings":"AAAA;AACE;AACA;AACF,yDAA8B;AAC9B,iCAA8B;AAC9B;AACE;AACA;AACF,0GAAC","file":"/home/runner/work/uniform/uniform/packages/pixels/dist/Popover/index.cjs"}
+{"version":3,"sources":["/home/runner/work/uniform/uniform/packages/pixels/dist/Popover/index.cjs"],"names":[],"mappings":"AAAA;AACE;AACA;AACF,yDAA8B;AAC9B,iCAA8B;AAC9B,iCAA8B;AAC9B;AACE;AACA;AACF,0GAAC","file":"/home/runner/work/uniform/uniform/packages/pixels/dist/Popover/index.cjs"}

package/dist/Popover/index.d.cts

@@ -1,6 +1,9 @@
-import { _ as _default } from '../Popover-Di3Lkb0m.cjs';
-export { P as PopoverProps } from '../Popover-Di3Lkb0m.cjs';
+import { _ as _default } from '../Popover-DIRJ5iQj.cjs';
+export { P as PopoverProps } from '../Popover-DIRJ5iQj.cjs';
 import 'react/jsx-runtime';
+import 'tailwind-variants/dist/config.js';
+import 'tailwind-variants';
+import '@fuf-stack/pixel-utils';
 import '@nextui-org/popover';
 import 'react';
 

package/dist/Popover/index.d.ts

@@ -1,6 +1,9 @@
-import { _ as _default } from '../Popover-Di3Lkb0m.js';
-export { P as PopoverProps } from '../Popover-Di3Lkb0m.js';
+import { _ as _default } from '../Popover-DIRJ5iQj.js';
+export { P as PopoverProps } from '../Popover-DIRJ5iQj.js';
 import 'react/jsx-runtime';
+import 'tailwind-variants/dist/config.js';
+import 'tailwind-variants';
+import '@fuf-stack/pixel-utils';
 import '@nextui-org/popover';
 import 'react';
 

package/dist/Popover/index.js

@@ -1,7 +1,8 @@
 import {
   Popover_default,
   Popover_default2
-} from "../chunk-BHXDMYO4.js";
+} from "../chunk-TGIUA5N3.js";
+import "../chunk-IBB2U3AH.js";
 import "../chunk-5WRI5ZAA.js";
 export {
   Popover_default as Popover,

package/dist/Popover-DIRJ5iQj.d.cts

@@ -0,0 +1,111 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as tailwind_variants_dist_config_js from 'tailwind-variants/dist/config.js';
+import * as tailwind_variants from 'tailwind-variants';
+import { TVProps, TVClassName } from '@fuf-stack/pixel-utils';
+import { PopoverProps as PopoverProps$1 } from '@nextui-org/popover';
+import { ReactNode } from 'react';
+
+declare const popoverVariants: tailwind_variants.TVReturnType<{
+    [key: string]: {
+        [key: string]: tailwind_variants.ClassValue | {
+            body?: tailwind_variants.ClassValue;
+            content?: tailwind_variants.ClassValue;
+            footer?: tailwind_variants.ClassValue;
+            header?: tailwind_variants.ClassValue;
+            trigger?: tailwind_variants.ClassValue;
+        };
+    };
+} | {
+    [x: string]: {
+        [x: string]: tailwind_variants.ClassValue | {
+            body?: tailwind_variants.ClassValue;
+            content?: tailwind_variants.ClassValue;
+            footer?: tailwind_variants.ClassValue;
+            header?: tailwind_variants.ClassValue;
+            trigger?: tailwind_variants.ClassValue;
+        };
+    };
+} | {}, {
+    body: string;
+    content: string;
+    footer: string;
+    header: string;
+    trigger: string;
+}, undefined, tailwind_variants_dist_config_js.TVConfig<unknown, {
+    [key: string]: {
+        [key: string]: tailwind_variants.ClassValue | {
+            body?: tailwind_variants.ClassValue;
+            content?: tailwind_variants.ClassValue;
+            footer?: tailwind_variants.ClassValue;
+            header?: tailwind_variants.ClassValue;
+            trigger?: tailwind_variants.ClassValue;
+        };
+    };
+} | {}>, {
+    [key: string]: {
+        [key: string]: tailwind_variants.ClassValue | {
+            body?: tailwind_variants.ClassValue;
+            content?: tailwind_variants.ClassValue;
+            footer?: tailwind_variants.ClassValue;
+            header?: tailwind_variants.ClassValue;
+            trigger?: tailwind_variants.ClassValue;
+        };
+    };
+} | {}, {
+    body: string;
+    content: string;
+    footer: string;
+    header: string;
+    trigger: string;
+}, tailwind_variants.TVReturnType<unknown, {
+    body: string;
+    content: string;
+    footer: string;
+    header: string;
+    trigger: string;
+}, undefined, tailwind_variants_dist_config_js.TVConfig<unknown, {
+    [key: string]: {
+        [key: string]: tailwind_variants.ClassValue | {
+            body?: tailwind_variants.ClassValue;
+            content?: tailwind_variants.ClassValue;
+            footer?: tailwind_variants.ClassValue;
+            header?: tailwind_variants.ClassValue;
+            trigger?: tailwind_variants.ClassValue;
+        };
+    };
+} | {}>, unknown, unknown, undefined>>;
+type VariantProps = TVProps<typeof popoverVariants>;
+type ClassName = TVClassName<typeof popoverVariants>;
+interface PopoverProps extends VariantProps {
+    /** child components */
+    children?: ReactNode;
+    /** CSS class name */
+    className?: ClassName;
+    /** content of the popover */
+    content: ReactNode;
+    /** HTML data-testid attribute used in e2e tests */
+    contentTestId?: string;
+    /** popover footer */
+    footer?: ReactNode;
+    /** use as controlled component  */
+    openControlled?: {
+        open: boolean;
+        setOpen: (open: boolean) => void;
+    };
+    /** placement of the popover relative to its trigger reference */
+    placement?: PopoverProps$1['placement'];
+    /** The container element in which the overlay portal will be placed. */
+    portalContainer?: PopoverProps$1['portalContainer'];
+    /** Whether to block scrolling outside the popover */
+    shouldBlockScroll?: boolean;
+    /** HTML data-testid attribute used in e2e tests */
+    testId?: string;
+    /** popover title */
+    title?: ReactNode;
+}
+/**
+ * Popover component based on [NextUI Card](https://nextui.org/docs/components/popover)
+ */
+declare const _default: ({ children, className: _className, content, contentTestId, footer, openControlled, placement, portalContainer, shouldBlockScroll, testId, title, }: PopoverProps) => react_jsx_runtime.JSX.Element;
+
+export { type PopoverProps as P, _default as _ };

package/dist/Popover-DIRJ5iQj.d.ts

@@ -0,0 +1,111 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as tailwind_variants_dist_config_js from 'tailwind-variants/dist/config.js';
+import * as tailwind_variants from 'tailwind-variants';
+import { TVProps, TVClassName } from '@fuf-stack/pixel-utils';
+import { PopoverProps as PopoverProps$1 } from '@nextui-org/popover';
+import { ReactNode } from 'react';
+
+declare const popoverVariants: tailwind_variants.TVReturnType<{
+    [key: string]: {
+        [key: string]: tailwind_variants.ClassValue | {
+            body?: tailwind_variants.ClassValue;
+            content?: tailwind_variants.ClassValue;
+            footer?: tailwind_variants.ClassValue;
+            header?: tailwind_variants.ClassValue;
+            trigger?: tailwind_variants.ClassValue;
+        };
+    };
+} | {
+    [x: string]: {
+        [x: string]: tailwind_variants.ClassValue | {
+            body?: tailwind_variants.ClassValue;
+            content?: tailwind_variants.ClassValue;
+            footer?: tailwind_variants.ClassValue;
+            header?: tailwind_variants.ClassValue;
+            trigger?: tailwind_variants.ClassValue;
+        };
+    };
+} | {}, {
+    body: string;
+    content: string;
+    footer: string;
+    header: string;
+    trigger: string;
+}, undefined, tailwind_variants_dist_config_js.TVConfig<unknown, {
+    [key: string]: {
+        [key: string]: tailwind_variants.ClassValue | {
+            body?: tailwind_variants.ClassValue;
+            content?: tailwind_variants.ClassValue;
+            footer?: tailwind_variants.ClassValue;
+            header?: tailwind_variants.ClassValue;
+            trigger?: tailwind_variants.ClassValue;
+        };
+    };
+} | {}>, {
+    [key: string]: {
+        [key: string]: tailwind_variants.ClassValue | {
+            body?: tailwind_variants.ClassValue;
+            content?: tailwind_variants.ClassValue;
+            footer?: tailwind_variants.ClassValue;
+            header?: tailwind_variants.ClassValue;
+            trigger?: tailwind_variants.ClassValue;
+        };
+    };
+} | {}, {
+    body: string;
+    content: string;
+    footer: string;
+    header: string;
+    trigger: string;
+}, tailwind_variants.TVReturnType<unknown, {
+    body: string;
+    content: string;
+    footer: string;
+    header: string;
+    trigger: string;
+}, undefined, tailwind_variants_dist_config_js.TVConfig<unknown, {
+    [key: string]: {
+        [key: string]: tailwind_variants.ClassValue | {
+            body?: tailwind_variants.ClassValue;
+            content?: tailwind_variants.ClassValue;
+            footer?: tailwind_variants.ClassValue;
+            header?: tailwind_variants.ClassValue;
+            trigger?: tailwind_variants.ClassValue;
+        };
+    };
+} | {}>, unknown, unknown, undefined>>;
+type VariantProps = TVProps<typeof popoverVariants>;
+type ClassName = TVClassName<typeof popoverVariants>;
+interface PopoverProps extends VariantProps {
+    /** child components */
+    children?: ReactNode;
+    /** CSS class name */
+    className?: ClassName;
+    /** content of the popover */
+    content: ReactNode;
+    /** HTML data-testid attribute used in e2e tests */
+    contentTestId?: string;
+    /** popover footer */
+    footer?: ReactNode;
+    /** use as controlled component  */
+    openControlled?: {
+        open: boolean;
+        setOpen: (open: boolean) => void;
+    };
+    /** placement of the popover relative to its trigger reference */
+    placement?: PopoverProps$1['placement'];
+    /** The container element in which the overlay portal will be placed. */
+    portalContainer?: PopoverProps$1['portalContainer'];
+    /** Whether to block scrolling outside the popover */
+    shouldBlockScroll?: boolean;
+    /** HTML data-testid attribute used in e2e tests */
+    testId?: string;
+    /** popover title */
+    title?: ReactNode;
+}
+/**
+ * Popover component based on [NextUI Card](https://nextui.org/docs/components/popover)
+ */
+declare const _default: ({ children, className: _className, content, contentTestId, footer, openControlled, placement, portalContainer, shouldBlockScroll, testId, title, }: PopoverProps) => react_jsx_runtime.JSX.Element;
+
+export { type PopoverProps as P, _default as _ };

package/dist/ScrollShadow/index.cjs

@@ -0,0 +1,12 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _chunkUYNMOCDDcjs = require('../chunk-UYNMOCDD.cjs');
+require('../chunk-DZUJEN5N.cjs');
+
+// src/ScrollShadow/index.ts
+var ScrollShadow_default2 = _chunkUYNMOCDDcjs.ScrollShadow_default;
+
+
+
+exports.ScrollShadow = _chunkUYNMOCDDcjs.ScrollShadow_default; exports.default = ScrollShadow_default2;
+//# sourceMappingURL=index.cjs.map

package/dist/ScrollShadow/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/uniform/uniform/packages/pixels/dist/ScrollShadow/index.cjs","../../src/ScrollShadow/index.ts"],"names":["ScrollShadow_default"],"mappings":"AAAA;AACE;AACF,yDAA8B;AAC9B,iCAA8B;AAC9B;AACA;ACCA,IAAOA,sBAAAA,EAAQ,sCAAA;ADCf;AACE;AACA;AACF,uGAAC","file":"/home/runner/work/uniform/uniform/packages/pixels/dist/ScrollShadow/index.cjs","sourcesContent":[null,"import ScrollShadow from './ScrollShadow';\n\nexport type { ScrollShadowProps } from './ScrollShadow';\n\nexport { ScrollShadow };\n\nexport default ScrollShadow;\n"]}

package/dist/ScrollShadow/index.d.cts

@@ -0,0 +1,17 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode } from 'react';
+
+interface ScrollShadowProps {
+    /** child components */
+    children?: ReactNode;
+    /** CSS class name */
+    className?: string | string[];
+    /** content of the scroll box */
+    testId?: string;
+}
+/**
+ * Scroll Shadow component based on [NextUI Card](https://nextui.org/docs/components/scroll-shadow)
+ */
+declare const _default: ({ children, className, testId, }: ScrollShadowProps) => react_jsx_runtime.JSX.Element;
+
+export { _default as ScrollShadow, type ScrollShadowProps, _default as default };

package/dist/ScrollShadow/index.d.ts

@@ -0,0 +1,17 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode } from 'react';
+
+interface ScrollShadowProps {
+    /** child components */
+    children?: ReactNode;
+    /** CSS class name */
+    className?: string | string[];
+    /** content of the scroll box */
+    testId?: string;
+}
+/**
+ * Scroll Shadow component based on [NextUI Card](https://nextui.org/docs/components/scroll-shadow)
+ */
+declare const _default: ({ children, className, testId, }: ScrollShadowProps) => react_jsx_runtime.JSX.Element;
+
+export { _default as ScrollShadow, type ScrollShadowProps, _default as default };

package/dist/ScrollShadow/index.js

@@ -0,0 +1,12 @@
+import {
+  ScrollShadow_default
+} from "../chunk-IBB2U3AH.js";
+import "../chunk-5WRI5ZAA.js";
+
+// src/ScrollShadow/index.ts
+var ScrollShadow_default2 = ScrollShadow_default;
+export {
+  ScrollShadow_default as ScrollShadow,
+  ScrollShadow_default2 as default
+};
+//# sourceMappingURL=index.js.map

package/dist/ScrollShadow/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/ScrollShadow/index.ts"],"sourcesContent":["import ScrollShadow from './ScrollShadow';\n\nexport type { ScrollShadowProps } from './ScrollShadow';\n\nexport { ScrollShadow };\n\nexport default ScrollShadow;\n"],"mappings":";;;;;;AAMA,IAAOA,wBAAQ;","names":["ScrollShadow_default"]}

package/dist/{chunk-G5YPY6KS.js → chunk-7SK2BLZJ.js}

@@ -31,6 +31,11 @@ var accordionVariants = tv({
       true: {
         wrapper: "divide-y divide-solid divide-divider"
       }
+    },
+    showBottomTopDivider: {
+      true: {
+        wrapper: "border-b border-t border-solid border-divider"
+      }
     }
   }
 });
@@ -50,7 +55,8 @@ var Accordion = ({
 }) => {
   const variants = accordionVariants({
     indicatorLeft,
-    showDivider: showDivider && variant !== "splitted"
+    showDivider: showDivider && variant !== "splitted",
+    showBottomTopDivider: showDivider && variant === "light"
   });
   const classNames = variantsToClassNames(variants, _className, "wrapper");
   return /* @__PURE__ */ jsx(
@@ -88,4 +94,4 @@ export {
   Accordion_default,
   Accordion_default2
 };
-//# sourceMappingURL=chunk-G5YPY6KS.js.map
+//# sourceMappingURL=chunk-7SK2BLZJ.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/Accordion/Accordion.tsx","../src/Accordion/index.ts"],"sourcesContent":["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  /** 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  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      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"],"mappings":";AAIA;AAAA,EACE,aAAa;AAAA,EACb,iBAAiB;AAAA,OACZ;AAEP,SAAS,IAAI,4BAA4B;AAwHjC;AApHD,IAAM,oBAAoB,GAAG;AAAA,EAClC,OAAO;AAAA,IACL,MAAM;AAAA,IACN,SAAS;AAAA,IACT,SAAS;AAAA,IACT,WAAW;AAAA,IACX,cAAc;AAAA,IACd,UAAU;AAAA,IACV,OAAO;AAAA,IACP,cAAc;AAAA,IACd,SAAS;AAAA;AAAA,IAET,SAAS;AAAA,EACX;AAAA,EACA,UAAU;AAAA,IACR,eAAe;AAAA,MACb,MAAM;AAAA,QACJ,SAAS;AAAA,QACT,WAAW;AAAA,QACX,SAAS;AAAA,MACX;AAAA,IACF;AAAA,IACA,aAAa;AAAA,MACX,MAAM;AAAA,QACJ,SAAS;AAAA,MACX;AAAA,IACF;AAAA,IACA,sBAAsB;AAAA,MACpB,MAAM;AAAA,QACJ,SAAS;AAAA,MACX;AAAA,IACF;AAAA,EACF;AACF,CAAC;AA8CD,IAAM,YAAY,CAAC;AAAA,EACjB,iBAAiB,CAAC;AAAA,EAClB,WAAW,aAAa;AAAA,EACxB,sBAAsB,CAAC;AAAA,EACvB,WAAW;AAAA,EACX,eAAe,CAAC;AAAA,EAChB,yBAAyB;AAAA,EACzB,eAAe,CAAC;AAAA,EAChB,gBAAgB;AAAA,EAChB,oBAAoB;AAAA,EACpB,gBAAgB;AAAA,EAChB,cAAc;AAAA,EACd,UAAU;AACZ,MAAsB;AAEpB,QAAM,WAAW,kBAAkB;AAAA,IACjC;AAAA,IACA,aAAa,eAAe,YAAY;AAAA,IACxC,sBAAsB,eAAe,YAAY;AAAA,EACnD,CAAC;AACD,QAAM,aAAa,qBAAqB,UAAU,YAAY,SAAS;AAEvE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,WAAW;AAAA,MACtB;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,YAAY;AAAA,MACZ,aAAa;AAAA,MACb;AAAA,MACA;AAAA,MACA,aAAa;AAAA,MACb;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;;;ACvIf,IAAOA,qBAAQ;","names":["Accordion_default"]}

package/dist/chunk-DARKAVXB.cjs

@@ -0,0 +1,68 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _chunkUYNMOCDDcjs = require('./chunk-UYNMOCDD.cjs');
+
+// src/Popover/Popover.tsx
+var _popover = require('@nextui-org/popover');
+var _pixelutils = require('@fuf-stack/pixel-utils');
+var _jsxruntime = require('react/jsx-runtime');
+var popoverVariants = _pixelutils.tv.call(void 0, {
+  slots: {
+    body: "w-full px-2.5 py-1",
+    content: "flex max-h-[80vh] w-[400px] flex-col p-0",
+    footer: "w-full px-2.5 py-1",
+    header: "w-full px-2.5 py-1",
+    trigger: ""
+  }
+});
+var Popover_default = ({
+  children = null,
+  className: _className = void 0,
+  content,
+  contentTestId = void 0,
+  footer = void 0,
+  openControlled = void 0,
+  placement = "top",
+  portalContainer = void 0,
+  shouldBlockScroll = void 0,
+  testId = void 0,
+  title = void 0
+}) => {
+  const variants = popoverVariants();
+  const className = _pixelutils.variantsToClassNames.call(void 0, variants, _className, "trigger");
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    _popover.Popover,
+    {
+      classNames: className,
+      placement,
+      portalContainer,
+      radius: "sm",
+      shouldBlockScroll,
+      showArrow: true,
+      ...openControlled ? { isOpen: openControlled.open, onOpenChange: openControlled.setOpen } : {},
+      children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _popover.PopoverTrigger, { "data-testid": testId, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "button", { children }) }),
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _popover.PopoverContent, { "data-testid": contentTestId, children: [
+          title && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: className.header, children: [
+            title,
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "hr", {})
+          ] }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkUYNMOCDDcjs.ScrollShadow_default, { className: className.body, children: content }),
+          footer && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: className.footer, children: [
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "hr", {}),
+            footer
+          ] })
+        ] })
+      ]
+    }
+  );
+};
+
+// src/Popover/index.ts
+var Popover_default2 = Popover_default;
+
+
+
+
+exports.Popover_default = Popover_default; exports.Popover_default2 = Popover_default2;
+//# sourceMappingURL=chunk-DARKAVXB.cjs.map

package/dist/chunk-DARKAVXB.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/uniform/uniform/packages/pixels/dist/chunk-DARKAVXB.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,0CAAA;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/uniform/uniform/packages/pixels/dist/chunk-DARKAVXB.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] w-[400px] 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-IBB2U3AH.js

@@ -0,0 +1,14 @@
+// src/ScrollShadow/ScrollShadow.tsx
+import { ScrollShadow } from "@nextui-org/scroll-shadow";
+import { cn } from "@fuf-stack/pixel-utils";
+import { jsx } from "react/jsx-runtime";
+var ScrollShadow_default = ({
+  children = null,
+  className = void 0,
+  testId = void 0
+}) => /* @__PURE__ */ jsx(ScrollShadow, { className: cn(className), "data-testId": testId, children });
+
+export {
+  ScrollShadow_default
+};
+//# sourceMappingURL=chunk-IBB2U3AH.js.map

package/dist/chunk-IBB2U3AH.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ScrollShadow/ScrollShadow.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport { ScrollShadow } from '@nextui-org/scroll-shadow';\n\nimport { cn } from '@fuf-stack/pixel-utils';\n\nexport interface ScrollShadowProps {\n  /** child components */\n  children?: ReactNode;\n  /** CSS class name */\n  className?: string | string[];\n  /** content of the scroll box */\n  testId?: string;\n}\n\n/**\n * Scroll Shadow component based on [NextUI Card](https://nextui.org/docs/components/scroll-shadow)\n */\nexport default ({\n  children = null,\n  className = undefined,\n  testId = undefined,\n}: ScrollShadowProps) => (\n  <ScrollShadow className={cn(className)} data-testId={testId}>\n    {children}\n  </ScrollShadow>\n);\n"],"mappings":";AAEA,SAAS,oBAAoB;AAE7B,SAAS,UAAU;AAmBjB;AALF,IAAO,uBAAQ,CAAC;AAAA,EACd,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,SAAS;AACX,MACE,oBAAC,gBAAa,WAAW,GAAG,SAAS,GAAG,eAAa,QAClD,UACH;","names":[]}

package/dist/{chunk-J5XN2HAT.cjs → chunk-JU7O2LCJ.cjs}

@@ -31,6 +31,11 @@ var accordionVariants = _pixelutils.tv.call(void 0, {
       true: {
         wrapper: "divide-y divide-solid divide-divider"
       }
+    },
+    showBottomTopDivider: {
+      true: {
+        wrapper: "border-b border-t border-solid border-divider"
+      }
     }
   }
 });
@@ -50,7 +55,8 @@ var Accordion = ({
 }) => {
   const variants = accordionVariants({
     indicatorLeft,
-    showDivider: showDivider && variant !== "splitted"
+    showDivider: showDivider && variant !== "splitted",
+    showBottomTopDivider: showDivider && variant === "light"
   });
   const classNames = _pixelutils.variantsToClassNames.call(void 0, variants, _className, "wrapper");
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
@@ -88,4 +94,4 @@ var Accordion_default2 = Accordion_default;
 
 
 exports.accordionVariants = accordionVariants; exports.Accordion_default = Accordion_default; exports.Accordion_default2 = Accordion_default2;
-//# sourceMappingURL=chunk-J5XN2HAT.cjs.map
+//# sourceMappingURL=chunk-JU7O2LCJ.cjs.map

package/dist/chunk-JU7O2LCJ.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/uniform/uniform/packages/pixels/dist/chunk-JU7O2LCJ.cjs","../src/Accordion/Accordion.tsx","../src/Accordion/index.ts"],"names":["Accordion_default"],"mappings":"AAAA;ACIA;AACE;AACA;AAAiB,kDACZ;AAEP,oDAAyC;AAwHjC,+CAAA;AApHD,IAAM,kBAAA,EAAoB,4BAAA;AAAG,EAClC,KAAA,EAAO;AAAA,IACL,IAAA,EAAM,EAAA;AAAA,IACN,OAAA,EAAS,MAAA;AAAA,IACT,OAAA,EAAS,MAAA;AAAA,IACT,SAAA,EAAW,EAAA;AAAA,IACX,YAAA,EAAc,EAAA;AAAA,IACd,QAAA,EAAU,EAAA;AAAA,IACV,KAAA,EAAO,EAAA;AAAA,IACP,YAAA,EAAc,EAAA;AAAA,IACd,OAAA,EAAS,EAAA;AAAA;AAAA,IAET,OAAA,EAAS;AAAA,EACX,CAAA;AAAA,EACA,QAAA,EAAU;AAAA,IACR,aAAA,EAAe;AAAA,MACb,IAAA,EAAM;AAAA,QACJ,OAAA,EAAS,MAAA;AAAA,QACT,SAAA,EAAW,yCAAA;AAAA,QACX,OAAA,EAAS;AAAA,MACX;AAAA,IACF,CAAA;AAAA,IACA,WAAA,EAAa;AAAA,MACX,IAAA,EAAM;AAAA,QACJ,OAAA,EAAS;AAAA,MACX;AAAA,IACF,CAAA;AAAA,IACA,oBAAA,EAAsB;AAAA,MACpB,IAAA,EAAM;AAAA,QACJ,OAAA,EAAS;AAAA,MACX;AAAA,IACF;AAAA,EACF;AACF,CAAC,CAAA;AA8CD,IAAM,UAAA,EAAY,CAAC;AAAA,EACjB,eAAA,EAAiB,CAAC,CAAA;AAAA,EAClB,SAAA,EAAW,WAAA,EAAa,KAAA,CAAA;AAAA,EACxB,oBAAA,EAAsB,CAAC,CAAA;AAAA,EACvB,SAAA,EAAW,KAAA;AAAA,EACX,aAAA,EAAe,CAAC,CAAA;AAAA,EAChB,uBAAA,EAAyB,KAAA;AAAA,EACzB,aAAA,EAAe,CAAC,CAAA;AAAA,EAChB,cAAA,EAAgB,KAAA;AAAA,EAChB,kBAAA,EAAoB,KAAA,CAAA;AAAA,EACpB,cAAA,EAAgB,UAAA;AAAA,EAChB,YAAA,EAAc,IAAA;AAAA,EACd,QAAA,EAAU;AACZ,CAAA,EAAA,GAAsB;AAEpB,EAAA,MAAM,SAAA,EAAW,iBAAA,CAAkB;AAAA,IACjC,aAAA;AAAA,IACA,WAAA,EAAa,YAAA,GAAe,QAAA,IAAY,UAAA;AAAA,IACxC,oBAAA,EAAsB,YAAA,GAAe,QAAA,IAAY;AAAA,EACnD,CAAC,CAAA;AACD,EAAA,MAAM,WAAA,EAAa,8CAAA,QAAqB,EAAU,UAAA,EAAY,SAAS,CAAA;AAEvE,EAAA,uBACE,6BAAA;AAAA,IAAC,oBAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,UAAA,CAAW,OAAA;AAAA,MACtB,mBAAA;AAAA,MACA,YAAA;AAAA,MACA,sBAAA;AAAA,MACA,YAAA;AAAA,MACA,UAAA,EAAY,QAAA;AAAA,MACZ,WAAA,EAAa,UAAA;AAAA,MACb,iBAAA;AAAA,MACA,aAAA;AAAA,MACA,WAAA,EAAa,KAAA;AAAA,MACb,OAAA;AAAA,MAEC,QAAA,EAAA,cAAA,CAAe,GAAA,CAAI,CAAC,IAAA,EAAM,KAAA,EAAA,mBACzB,6BAAA;AAAA,QAAC,wBAAA;AAAA,QAAA;AAAA,UAGC,UAAA,EAAY,SAAA,mBAAY,IAAA,2BAAM,UAAA;AAAA,UAE7B,GAAG;AAAA,QAAA,CAAA;AAAA,QAHC;AAAA,MAIP,CACD;AAAA,IAAA;AAAA,EACH,CAAA;AAEJ,CAAA;AAEA,IAAO,kBAAA,EAAQ,SAAA;ADtDf;AACA;AElFA,IAAOA,mBAAAA,EAAQ,iBAAA;AFoFf;AACA;AACE;AACA;AACA;AACF,8IAAC","file":"/home/runner/work/uniform/uniform/packages/pixels/dist/chunk-JU7O2LCJ.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  /** 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  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      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/chunk-TGIUA5N3.js

@@ -0,0 +1,68 @@
+import {
+  ScrollShadow_default
+} from "./chunk-IBB2U3AH.js";
+
+// src/Popover/Popover.tsx
+import { Popover, PopoverContent, PopoverTrigger } from "@nextui-org/popover";
+import { tv, variantsToClassNames } from "@fuf-stack/pixel-utils";
+import { jsx, jsxs } from "react/jsx-runtime";
+var popoverVariants = tv({
+  slots: {
+    body: "w-full px-2.5 py-1",
+    content: "flex max-h-[80vh] w-[400px] flex-col p-0",
+    footer: "w-full px-2.5 py-1",
+    header: "w-full px-2.5 py-1",
+    trigger: ""
+  }
+});
+var Popover_default = ({
+  children = null,
+  className: _className = void 0,
+  content,
+  contentTestId = void 0,
+  footer = void 0,
+  openControlled = void 0,
+  placement = "top",
+  portalContainer = void 0,
+  shouldBlockScroll = void 0,
+  testId = void 0,
+  title = void 0
+}) => {
+  const variants = popoverVariants();
+  const className = variantsToClassNames(variants, _className, "trigger");
+  return /* @__PURE__ */ jsxs(
+    Popover,
+    {
+      classNames: className,
+      placement,
+      portalContainer,
+      radius: "sm",
+      shouldBlockScroll,
+      showArrow: true,
+      ...openControlled ? { isOpen: openControlled.open, onOpenChange: openControlled.setOpen } : {},
+      children: [
+        /* @__PURE__ */ jsx(PopoverTrigger, { "data-testid": testId, children: /* @__PURE__ */ jsx("button", { children }) }),
+        /* @__PURE__ */ jsxs(PopoverContent, { "data-testid": contentTestId, children: [
+          title && /* @__PURE__ */ jsxs("div", { className: className.header, children: [
+            title,
+            /* @__PURE__ */ jsx("hr", {})
+          ] }),
+          /* @__PURE__ */ jsx(ScrollShadow_default, { className: className.body, children: content }),
+          footer && /* @__PURE__ */ jsxs("div", { className: className.footer, children: [
+            /* @__PURE__ */ jsx("hr", {}),
+            footer
+          ] })
+        ] })
+      ]
+    }
+  );
+};
+
+// src/Popover/index.ts
+var Popover_default2 = Popover_default;
+
+export {
+  Popover_default,
+  Popover_default2
+};
+//# sourceMappingURL=chunk-TGIUA5N3.js.map

package/dist/chunk-TGIUA5N3.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/Popover/Popover.tsx","../src/Popover/index.ts"],"sourcesContent":["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] w-[400px] 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"],"mappings":";;;;;AAIA,SAAS,SAAS,gBAAgB,sBAAsB;AAExD,SAAS,IAAI,4BAA4B;AA+EjC,cAIE,YAJF;AA1ED,IAAM,kBAAkB,GAAG;AAAA,EAChC,OAAO;AAAA,IACL,MAAM;AAAA,IACN,SAAS;AAAA,IACT,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AACF,CAAC;AAiCD,IAAO,kBAAQ,CAAC;AAAA,EACd,WAAW;AAAA,EACX,WAAW,aAAa;AAAA,EACxB;AAAA,EACA,gBAAgB;AAAA,EAChB,SAAS;AAAA,EACT,iBAAiB;AAAA,EACjB,YAAY;AAAA,EACZ,kBAAkB;AAAA,EAClB,oBAAoB;AAAA,EACpB,SAAS;AAAA,EACT,QAAQ;AACV,MAAoB;AAElB,QAAM,WAAW,gBAAgB;AACjC,QAAM,YAAY,qBAAqB,UAAU,YAAY,SAAS;AAEtE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,YAAY;AAAA,MACZ;AAAA,MACA;AAAA,MACA,QAAO;AAAA,MACP;AAAA,MACA,WAAS;AAAA,MAER,GAAI,iBACD,EAAE,QAAQ,eAAe,MAAM,cAAc,eAAe,QAAQ,IACpE,CAAC;AAAA,MAEL;AAAA,4BAAC,kBAAe,eAAa,QAG3B,8BAAC,YAAQ,UAAS,GACpB;AAAA,QACA,qBAAC,kBAAe,eAAa,eAC1B;AAAA,mBACC,qBAAC,SAAI,WAAW,UAAU,QACvB;AAAA;AAAA,YACD,oBAAC,QAAG;AAAA,aACN;AAAA,UAEF,oBAAC,wBAAa,WAAW,UAAU,MAAO,mBAAQ;AAAA,UACjD,UACC,qBAAC,SAAI,WAAW,UAAU,QACxB;AAAA,gCAAC,QAAG;AAAA,YACH;AAAA,aACH;AAAA,WAEJ;AAAA;AAAA;AAAA,EACF;AAEJ;;;AClGA,IAAOA,mBAAQ;","names":["Popover_default"]}

package/dist/chunk-UYNMOCDD.cjs

@@ -0,0 +1,14 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/ScrollShadow/ScrollShadow.tsx
+var _scrollshadow = require('@nextui-org/scroll-shadow');
+var _pixelutils = require('@fuf-stack/pixel-utils');
+var _jsxruntime = require('react/jsx-runtime');
+var ScrollShadow_default = ({
+  children = null,
+  className = void 0,
+  testId = void 0
+}) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _scrollshadow.ScrollShadow, { className: _pixelutils.cn.call(void 0, className), "data-testId": testId, children });
+
+
+
+exports.ScrollShadow_default = ScrollShadow_default;
+//# sourceMappingURL=chunk-UYNMOCDD.cjs.map

package/dist/chunk-UYNMOCDD.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/uniform/uniform/packages/pixels/dist/chunk-UYNMOCDD.cjs","../src/ScrollShadow/ScrollShadow.tsx"],"names":[],"mappings":"AAAA;ACEA,yDAA6B;AAE7B,oDAAmB;AAmBjB,+CAAA;AALF,IAAO,qBAAA,EAAQ,CAAC;AAAA,EACd,SAAA,EAAW,IAAA;AAAA,EACX,UAAA,EAAY,KAAA,CAAA;AAAA,EACZ,OAAA,EAAS,KAAA;AACX,CAAA,EAAA,mBACE,6BAAA,0BAAC,EAAA,EAAa,SAAA,EAAW,4BAAA,SAAY,CAAA,EAAG,aAAA,EAAa,MAAA,EAClD,SAAA,CACH,CAAA;ADhBF;AACA;AACE;AACF,oDAAC","file":"/home/runner/work/uniform/uniform/packages/pixels/dist/chunk-UYNMOCDD.cjs","sourcesContent":[null,"import type { ReactNode } from 'react';\n\nimport { ScrollShadow } from '@nextui-org/scroll-shadow';\n\nimport { cn } from '@fuf-stack/pixel-utils';\n\nexport interface ScrollShadowProps {\n  /** child components */\n  children?: ReactNode;\n  /** CSS class name */\n  className?: string | string[];\n  /** content of the scroll box */\n  testId?: string;\n}\n\n/**\n * Scroll Shadow component based on [NextUI Card](https://nextui.org/docs/components/scroll-shadow)\n */\nexport default ({\n  children = null,\n  className = undefined,\n  testId = undefined,\n}: ScrollShadowProps) => (\n  <ScrollShadow className={cn(className)} data-testId={testId}>\n    {children}\n  </ScrollShadow>\n);\n"]}

package/dist/index.cjs

@@ -7,7 +7,8 @@ var _chunkMJNISFGXcjs = require('./chunk-MJNISFGX.cjs');
 var _chunkVAJODF7Zcjs = require('./chunk-VAJODF7Z.cjs');
 
 
-var _chunkG5HQ6QYEcjs = require('./chunk-G5HQ6QYE.cjs');
+var _chunkDARKAVXBcjs = require('./chunk-DARKAVXB.cjs');
+require('./chunk-UYNMOCDD.cjs');
 
 
 
@@ -19,7 +20,7 @@ var _chunkMWNBYTRNcjs = require('./chunk-MWNBYTRN.cjs');
 
 
 
-var _chunkJ5XN2HATcjs = require('./chunk-J5XN2HAT.cjs');
+var _chunkJU7O2LCJcjs = require('./chunk-JU7O2LCJ.cjs');
 
 
 var _chunkXWBSCU2Lcjs = require('./chunk-XWBSCU2L.cjs');
@@ -64,5 +65,5 @@ require('./chunk-DZUJEN5N.cjs');
 
 
 
-exports.Accordion = _chunkJ5XN2HATcjs.Accordion_default; exports.Avatar = _chunkHVLEV6BGcjs.Avatar_default; exports.AvatarGroup = _chunkXWBSCU2Lcjs.AvatarGroup_default; exports.Badge = _chunkU2JEMXXJcjs.Badge_default; exports.Button = _chunkLOFZNVCNcjs.Button_default; exports.Card = _chunkJPALSO5Ecjs.Card_default; exports.Json = _chunkHZB6EOPGcjs.Json_default; exports.Label = _chunkYTQJ6FZKcjs.Label_default; exports.Menu = _chunkMJNISFGXcjs.Menu_default; exports.Modal = _chunkVAJODF7Zcjs.Modal_default; exports.Popover = _chunkG5HQ6QYEcjs.Popover_default; exports.Tooltip = _chunkSOA74MSLcjs.Tooltip_default; exports.accordionVariants = _chunkJ5XN2HATcjs.accordionVariants; exports.buttonVariants = _chunkLOFZNVCNcjs.buttonVariants; exports.cardVariants = _chunkJPALSO5Ecjs.cardVariants; exports.modalVariants = _chunkVAJODF7Zcjs.modalVariants; exports.tooltipPlacementOptions = _chunkSOA74MSLcjs.tooltipPlacementOptions; exports.useDebounce = _chunkMWNBYTRNcjs.useDebounce; exports.useLocalStorage = _chunkMWNBYTRNcjs.useLocalStorage;
+exports.Accordion = _chunkJU7O2LCJcjs.Accordion_default; exports.Avatar = _chunkHVLEV6BGcjs.Avatar_default; exports.AvatarGroup = _chunkXWBSCU2Lcjs.AvatarGroup_default; exports.Badge = _chunkU2JEMXXJcjs.Badge_default; exports.Button = _chunkLOFZNVCNcjs.Button_default; exports.Card = _chunkJPALSO5Ecjs.Card_default; exports.Json = _chunkHZB6EOPGcjs.Json_default; exports.Label = _chunkYTQJ6FZKcjs.Label_default; exports.Menu = _chunkMJNISFGXcjs.Menu_default; exports.Modal = _chunkVAJODF7Zcjs.Modal_default; exports.Popover = _chunkDARKAVXBcjs.Popover_default; exports.Tooltip = _chunkSOA74MSLcjs.Tooltip_default; exports.accordionVariants = _chunkJU7O2LCJcjs.accordionVariants; exports.buttonVariants = _chunkLOFZNVCNcjs.buttonVariants; exports.cardVariants = _chunkJPALSO5Ecjs.cardVariants; exports.modalVariants = _chunkVAJODF7Zcjs.modalVariants; exports.tooltipPlacementOptions = _chunkSOA74MSLcjs.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/uniform/uniform/packages/pixels/dist/index.cjs"],"names":[],"mappings":"AAAA;AACE;AACF,wDAA6B;AAC7B;AACE;AACA;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;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;AACF,wDAA6B;AAC7B;AACE;AACA;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B,gCAA6B;AAC7B;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACF,ghCAAC","file":"/home/runner/work/uniform/uniform/packages/pixels/dist/index.cjs"}
+{"version":3,"sources":["/home/runner/work/uniform/uniform/packages/pixels/dist/index.cjs"],"names":[],"mappings":"AAAA;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;AACF,wDAA6B;AAC7B;AACE;AACA;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B,gCAA6B;AAC7B;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACF,ghCAAC","file":"/home/runner/work/uniform/uniform/packages/pixels/dist/index.cjs"}

package/dist/index.d.cts

@@ -1,4 +1,4 @@
-export { A as Accordion, c as AccordionItemProps, b as AccordionProps, a as accordionVariants } from './Accordion-Drlhs2y_.cjs';
+export { A as Accordion, c as AccordionItemProps, b as AccordionProps, a as accordionVariants } from './Accordion-DkShJasa.cjs';
 export { A as Avatar, a as AvatarProps } from './Avatar-D9P8JKS3.cjs';
 export { A as AvatarGroup, a as AvatarGroupProps } from './AvatarGroup--VjSSnOk.cjs';
 export { A as Badge, B as BadgeProps } from './Badge-2JMThgzp.cjs';
@@ -8,7 +8,7 @@ export { J as Json, a as JsonProps } from './Json-ClGDcbcp.cjs';
 export { L as Label, a as LabelProps } from './Label-DAK6glI0.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 { _ as Popover, P as PopoverProps } from './Popover-Di3Lkb0m.cjs';
+export { _ as Popover, P as PopoverProps } from './Popover-DIRJ5iQj.cjs';
 export { T as Tooltip, a as TooltipProps, t as tooltipPlacementOptions } from './Tooltip-BuPzZLuE.cjs';
 export { useDebounce, useLocalStorage } from './hooks/index.cjs';
 import 'react/jsx-runtime';

package/dist/index.d.ts

@@ -1,4 +1,4 @@
-export { A as Accordion, c as AccordionItemProps, b as AccordionProps, a as accordionVariants } from './Accordion-Drlhs2y_.js';
+export { A as Accordion, c as AccordionItemProps, b as AccordionProps, a as accordionVariants } from './Accordion-DkShJasa.js';
 export { A as Avatar, a as AvatarProps } from './Avatar-D9P8JKS3.js';
 export { A as AvatarGroup, a as AvatarGroupProps } from './AvatarGroup-DFiQyyO7.js';
 export { A as Badge, B as BadgeProps } from './Badge-2JMThgzp.js';
@@ -8,7 +8,7 @@ export { J as Json, a as JsonProps } from './Json-ClGDcbcp.js';
 export { L as Label, a as LabelProps } from './Label-DAK6glI0.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 { _ as Popover, P as PopoverProps } from './Popover-Di3Lkb0m.js';
+export { _ as Popover, P as PopoverProps } from './Popover-DIRJ5iQj.js';
 export { T as Tooltip, a as TooltipProps, t as tooltipPlacementOptions } from './Tooltip-BuPzZLuE.js';
 export { useDebounce, useLocalStorage } from './hooks/index.js';
 import 'react/jsx-runtime';

package/dist/index.js

@@ -7,7 +7,8 @@ import {
 } from "./chunk-F2SRHLNC.js";
 import {
   Popover_default
-} from "./chunk-BHXDMYO4.js";
+} from "./chunk-TGIUA5N3.js";
+import "./chunk-IBB2U3AH.js";
 import {
   Tooltip_default,
   tooltipPlacementOptions
@@ -19,7 +20,7 @@ import {
 import {
   Accordion_default,
   accordionVariants
-} from "./chunk-G5YPY6KS.js";
+} from "./chunk-7SK2BLZJ.js";
 import {
   AvatarGroup_default
 } from "./chunk-6XDNBFGH.js";

package/package.json

@@ -2,7 +2,7 @@
   "name": "@fuf-stack/pixels",
   "description": "fuf core react component library",
   "author": "Hannes Tiede",
-  "version": "0.18.1",
+  "version": "0.20.0",
   "type": "module",
   "main": "./dist/index.cjs",
   "module": "./dist/index.js",
@@ -74,6 +74,11 @@
       "require": "./dist/Popover/index.cjs",
       "types": "./dist/Popover/index.d.ts"
     },
+    "./ScrollShadow": {
+      "import": "./dist/ScrollShadow/index.js",
+      "require": "./dist/ScrollShadow/index.cjs",
+      "types": "./dist/ScrollShadow/index.d.ts"
+    },
     "./Tooltip": {
       "import": "./dist/Tooltip/index.js",
       "require": "./dist/Tooltip/index.cjs",
@@ -115,6 +120,7 @@
     "@nextui-org/dropdown": "2.1.26",
     "@nextui-org/modal": "2.0.36",
     "@nextui-org/popover": "2.1.24",
+    "@nextui-org/scroll-shadow": "2.1.19",
     "@nextui-org/system": "2.2.2",
     "@nextui-org/theme": "2.2.6",
     "@nextui-org/tooltip": "2.0.36",
@@ -129,9 +135,9 @@
     "@uiw/react-json-view": "2.0.0-alpha.26",
     "react": "18.3.1",
     "react-dom": "18.3.1",
+    "@repo/storybook-config": "0.0.1",
     "@repo/tailwind-config": "0.0.1",
     "@repo/tsup-config": "0.0.1",
-    "@repo/storybook-config": "0.0.1",
     "@repo/vite-config": "0.0.1"
   },
   "scripts": {

package/dist/Popover-Di3Lkb0m.d.cts

@@ -1,33 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { PopoverProps as PopoverProps$1 } from '@nextui-org/popover';
-import { ReactNode } from 'react';
-
-interface PopoverProps {
-    /** child components */
-    children?: ReactNode;
-    /** CSS class name */
-    className?: string | string[];
-    /** content of the popover */
-    content: ReactNode;
-    /** HTML data-testid attribute used in e2e tests */
-    contentTestId?: string;
-    /** use as controlled component  */
-    openControlled?: {
-        open: boolean;
-        setOpen: (open: boolean) => void;
-    };
-    /** placement of the popover relative to its trigger reference */
-    placement?: PopoverProps$1['placement'];
-    /** The container element in which the overlay portal will be placed. */
-    portalContainer?: PopoverProps$1['portalContainer'];
-    /** HTML data-testid attribute used in e2e tests */
-    testId?: string;
-    /** popover title */
-    title?: ReactNode;
-}
-/**
- * Popover component based on [NextUI Card](https://nextui.org/docs/components/popover)
- */
-declare const _default: ({ children, className, content, contentTestId, openControlled, placement, portalContainer, testId, title, }: PopoverProps) => react_jsx_runtime.JSX.Element;
-
-export { type PopoverProps as P, _default as _ };

package/dist/Popover-Di3Lkb0m.d.ts

@@ -1,33 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { PopoverProps as PopoverProps$1 } from '@nextui-org/popover';
-import { ReactNode } from 'react';
-
-interface PopoverProps {
-    /** child components */
-    children?: ReactNode;
-    /** CSS class name */
-    className?: string | string[];
-    /** content of the popover */
-    content: ReactNode;
-    /** HTML data-testid attribute used in e2e tests */
-    contentTestId?: string;
-    /** use as controlled component  */
-    openControlled?: {
-        open: boolean;
-        setOpen: (open: boolean) => void;
-    };
-    /** placement of the popover relative to its trigger reference */
-    placement?: PopoverProps$1['placement'];
-    /** The container element in which the overlay portal will be placed. */
-    portalContainer?: PopoverProps$1['portalContainer'];
-    /** HTML data-testid attribute used in e2e tests */
-    testId?: string;
-    /** popover title */
-    title?: ReactNode;
-}
-/**
- * Popover component based on [NextUI Card](https://nextui.org/docs/components/popover)
- */
-declare const _default: ({ children, className, content, contentTestId, openControlled, placement, portalContainer, testId, title, }: PopoverProps) => react_jsx_runtime.JSX.Element;
-
-export { type PopoverProps as P, _default as _ };

package/dist/chunk-BHXDMYO4.js

@@ -1,45 +0,0 @@
-// src/Popover/Popover.tsx
-import { Popover, PopoverContent, PopoverTrigger } from "@nextui-org/popover";
-import { cn } from "@fuf-stack/pixel-utils";
-import { jsx, jsxs } from "react/jsx-runtime";
-var Popover_default = ({
-  children = null,
-  className = void 0,
-  content,
-  contentTestId = void 0,
-  openControlled = void 0,
-  placement = "top",
-  portalContainer = void 0,
-  testId = void 0,
-  title = void 0
-}) => {
-  return /* @__PURE__ */ jsxs(
-    Popover,
-    {
-      placement,
-      portalContainer,
-      radius: "sm",
-      showArrow: true,
-      ...openControlled ? { isOpen: openControlled.open, onOpenChange: openControlled.setOpen } : {},
-      children: [
-        /* @__PURE__ */ jsx(PopoverTrigger, { className: cn(className), "data-testid": testId, children: /* @__PURE__ */ jsx("button", { children }) }),
-        /* @__PURE__ */ jsx(PopoverContent, { "data-testid": contentTestId, children: /* @__PURE__ */ jsxs("div", { className: "max-h-[80vh] overflow-y-auto", children: [
-          title && /* @__PURE__ */ jsxs("div", { children: [
-            title,
-            /* @__PURE__ */ jsx("hr", {})
-          ] }),
-          content
-        ] }) })
-      ]
-    }
-  );
-};
-
-// src/Popover/index.ts
-var Popover_default2 = Popover_default;
-
-export {
-  Popover_default,
-  Popover_default2
-};
-//# sourceMappingURL=chunk-BHXDMYO4.js.map

package/dist/chunk-BHXDMYO4.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/Popover/Popover.tsx","../src/Popover/index.ts"],"sourcesContent":["import type { PopoverProps as NextPopoverProps } from '@nextui-org/popover';\nimport type { ReactNode } from 'react';\n\nimport { Popover, PopoverContent, PopoverTrigger } from '@nextui-org/popover';\n\nimport { cn } from '@fuf-stack/pixel-utils';\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  /** 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  /** 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  openControlled = undefined,\n  placement = 'top',\n  portalContainer = undefined,\n  testId = undefined,\n  title = undefined,\n}: PopoverProps) => {\n  return (\n    <Popover\n      placement={placement}\n      portalContainer={portalContainer}\n      radius=\"sm\"\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 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"],"mappings":";AAGA,SAAS,SAAS,gBAAgB,sBAAsB;AAExD,SAAS,UAAU;AAmDX,cAKI,YALJ;AAzBR,IAAO,kBAAQ,CAAC;AAAA,EACd,WAAW;AAAA,EACX,YAAY;AAAA,EACZ;AAAA,EACA,gBAAgB;AAAA,EAChB,iBAAiB;AAAA,EACjB,YAAY;AAAA,EACZ,kBAAkB;AAAA,EAClB,SAAS;AAAA,EACT,QAAQ;AACV,MAAoB;AAClB,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA,QAAO;AAAA,MACP,WAAS;AAAA,MAER,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;;;ACjEA,IAAOA,mBAAQ;","names":["Popover_default"]}

package/dist/chunk-G5HQ6QYE.cjs

@@ -1,45 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/Popover/Popover.tsx
-var _popover = require('@nextui-org/popover');
-var _pixelutils = require('@fuf-stack/pixel-utils');
-var _jsxruntime = require('react/jsx-runtime');
-var Popover_default = ({
-  children = null,
-  className = void 0,
-  content,
-  contentTestId = void 0,
-  openControlled = void 0,
-  placement = "top",
-  portalContainer = void 0,
-  testId = void 0,
-  title = void 0
-}) => {
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-    _popover.Popover,
-    {
-      placement,
-      portalContainer,
-      radius: "sm",
-      showArrow: true,
-      ...openControlled ? { isOpen: openControlled.open, onOpenChange: openControlled.setOpen } : {},
-      children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _popover.PopoverTrigger, { className: _pixelutils.cn.call(void 0, className), "data-testid": testId, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "button", { children }) }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _popover.PopoverContent, { "data-testid": contentTestId, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "max-h-[80vh] overflow-y-auto", children: [
-          title && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { children: [
-            title,
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "hr", {})
-          ] }),
-          content
-        ] }) })
-      ]
-    }
-  );
-};
-
-// src/Popover/index.ts
-var Popover_default2 = Popover_default;
-
-
-
-
-exports.Popover_default = Popover_default; exports.Popover_default2 = Popover_default2;
-//# sourceMappingURL=chunk-G5HQ6QYE.cjs.map

package/dist/chunk-G5HQ6QYE.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/home/runner/work/uniform/uniform/packages/pixels/dist/chunk-G5HQ6QYE.cjs","../src/Popover/Popover.tsx","../src/Popover/index.ts"],"names":["Popover_default"],"mappings":"AAAA;ACGA,8CAAwD;AAExD,oDAAmB;AAmDX,+CAAA;AAzBR,IAAO,gBAAA,EAAQ,CAAC;AAAA,EACd,SAAA,EAAW,IAAA;AAAA,EACX,UAAA,EAAY,KAAA,CAAA;AAAA,EACZ,OAAA;AAAA,EACA,cAAA,EAAgB,KAAA,CAAA;AAAA,EAChB,eAAA,EAAiB,KAAA,CAAA;AAAA,EACjB,UAAA,EAAY,KAAA;AAAA,EACZ,gBAAA,EAAkB,KAAA,CAAA;AAAA,EAClB,OAAA,EAAS,KAAA,CAAA;AAAA,EACT,MAAA,EAAQ,KAAA;AACV,CAAA,EAAA,GAAoB;AAClB,EAAA,uBACE,8BAAA;AAAA,IAAC,gBAAA;AAAA,IAAA;AAAA,MACC,SAAA;AAAA,MACA,eAAA;AAAA,MACA,MAAA,EAAO,IAAA;AAAA,MACP,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,SAAA,EAAW,4BAAA,SAAY,CAAA,EAAG,aAAA,EAAa,MAAA,EAGrD,QAAA,kBAAA,6BAAA,QAAC,EAAA,EAAQ,SAAA,CAAS,EAAA,CACpB,CAAA;AAAA,wBACA,6BAAA,uBAAC,EAAA,EAAe,aAAA,EAAa,aAAA,EAC3B,QAAA,kBAAA,8BAAA,KAAC,EAAA,EAAI,SAAA,EAAU,8BAAA,EACZ,QAAA,EAAA;AAAA,UAAA,MAAA,mBACC,8BAAA,KAAC,EAAA,EACE,QAAA,EAAA;AAAA,YAAA,KAAA;AAAA,4BACD,6BAAA,IAAC,EAAA,CAAA,CAAG;AAAA,UAAA,EAAA,CACN,CAAA;AAAA,UAED;AAAA,QAAA,EAAA,CACH,EAAA,CACF;AAAA,MAAA;AAAA,IAAA;AAAA,EACF,CAAA;AAEJ,CAAA;ADnCA;AACA;AE/BA,IAAOA,iBAAAA,EAAQ,eAAA;AFiCf;AACA;AACE;AACA;AACF,uFAAC","file":"/home/runner/work/uniform/uniform/packages/pixels/dist/chunk-G5HQ6QYE.cjs","sourcesContent":[null,"import type { PopoverProps as NextPopoverProps } from '@nextui-org/popover';\nimport type { ReactNode } from 'react';\n\nimport { Popover, PopoverContent, PopoverTrigger } from '@nextui-org/popover';\n\nimport { cn } from '@fuf-stack/pixel-utils';\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  /** 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  /** 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  openControlled = undefined,\n  placement = 'top',\n  portalContainer = undefined,\n  testId = undefined,\n  title = undefined,\n}: PopoverProps) => {\n  return (\n    <Popover\n      placement={placement}\n      portalContainer={portalContainer}\n      radius=\"sm\"\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 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-G5YPY6KS.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/Accordion/Accordion.tsx","../src/Accordion/index.ts"],"sourcesContent":["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  },\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  /** 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  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  });\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      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"],"mappings":";AAIA;AAAA,EACE,aAAa;AAAA,EACb,iBAAiB;AAAA,OACZ;AAEP,SAAS,IAAI,4BAA4B;AAkHjC;AA9GD,IAAM,oBAAoB,GAAG;AAAA,EAClC,OAAO;AAAA,IACL,MAAM;AAAA,IACN,SAAS;AAAA,IACT,SAAS;AAAA,IACT,WAAW;AAAA,IACX,cAAc;AAAA,IACd,UAAU;AAAA,IACV,OAAO;AAAA,IACP,cAAc;AAAA,IACd,SAAS;AAAA;AAAA,IAET,SAAS;AAAA,EACX;AAAA,EACA,UAAU;AAAA,IACR,eAAe;AAAA,MACb,MAAM;AAAA,QACJ,SAAS;AAAA,QACT,WAAW;AAAA,QACX,SAAS;AAAA,MACX;AAAA,IACF;AAAA,IACA,aAAa;AAAA,MACX,MAAM;AAAA,QACJ,SAAS;AAAA,MACX;AAAA,IACF;AAAA,EACF;AACF,CAAC;AA8CD,IAAM,YAAY,CAAC;AAAA,EACjB,iBAAiB,CAAC;AAAA,EAClB,WAAW,aAAa;AAAA,EACxB,sBAAsB,CAAC;AAAA,EACvB,WAAW;AAAA,EACX,eAAe,CAAC;AAAA,EAChB,yBAAyB;AAAA,EACzB,eAAe,CAAC;AAAA,EAChB,gBAAgB;AAAA,EAChB,oBAAoB;AAAA,EACpB,gBAAgB;AAAA,EAChB,cAAc;AAAA,EACd,UAAU;AACZ,MAAsB;AAEpB,QAAM,WAAW,kBAAkB;AAAA,IACjC;AAAA,IACA,aAAa,eAAe,YAAY;AAAA,EAC1C,CAAC;AACD,QAAM,aAAa,qBAAqB,UAAU,YAAY,SAAS;AAEvE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,WAAW;AAAA,MACtB;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,YAAY;AAAA,MACZ,aAAa;AAAA,MACb;AAAA,MACA;AAAA,MACA,aAAa;AAAA,MACb;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;;;ACjIf,IAAOA,qBAAQ;","names":["Accordion_default"]}

package/dist/chunk-J5XN2HAT.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/home/runner/work/uniform/uniform/packages/pixels/dist/chunk-J5XN2HAT.cjs","../src/Accordion/Accordion.tsx","../src/Accordion/index.ts"],"names":["Accordion_default"],"mappings":"AAAA;ACIA;AACE;AACA;AAAiB,kDACZ;AAEP,oDAAyC;AAkHjC,+CAAA;AA9GD,IAAM,kBAAA,EAAoB,4BAAA;AAAG,EAClC,KAAA,EAAO;AAAA,IACL,IAAA,EAAM,EAAA;AAAA,IACN,OAAA,EAAS,MAAA;AAAA,IACT,OAAA,EAAS,MAAA;AAAA,IACT,SAAA,EAAW,EAAA;AAAA,IACX,YAAA,EAAc,EAAA;AAAA,IACd,QAAA,EAAU,EAAA;AAAA,IACV,KAAA,EAAO,EAAA;AAAA,IACP,YAAA,EAAc,EAAA;AAAA,IACd,OAAA,EAAS,EAAA;AAAA;AAAA,IAET,OAAA,EAAS;AAAA,EACX,CAAA;AAAA,EACA,QAAA,EAAU;AAAA,IACR,aAAA,EAAe;AAAA,MACb,IAAA,EAAM;AAAA,QACJ,OAAA,EAAS,MAAA;AAAA,QACT,SAAA,EAAW,yCAAA;AAAA,QACX,OAAA,EAAS;AAAA,MACX;AAAA,IACF,CAAA;AAAA,IACA,WAAA,EAAa;AAAA,MACX,IAAA,EAAM;AAAA,QACJ,OAAA,EAAS;AAAA,MACX;AAAA,IACF;AAAA,EACF;AACF,CAAC,CAAA;AA8CD,IAAM,UAAA,EAAY,CAAC;AAAA,EACjB,eAAA,EAAiB,CAAC,CAAA;AAAA,EAClB,SAAA,EAAW,WAAA,EAAa,KAAA,CAAA;AAAA,EACxB,oBAAA,EAAsB,CAAC,CAAA;AAAA,EACvB,SAAA,EAAW,KAAA;AAAA,EACX,aAAA,EAAe,CAAC,CAAA;AAAA,EAChB,uBAAA,EAAyB,KAAA;AAAA,EACzB,aAAA,EAAe,CAAC,CAAA;AAAA,EAChB,cAAA,EAAgB,KAAA;AAAA,EAChB,kBAAA,EAAoB,KAAA,CAAA;AAAA,EACpB,cAAA,EAAgB,UAAA;AAAA,EAChB,YAAA,EAAc,IAAA;AAAA,EACd,QAAA,EAAU;AACZ,CAAA,EAAA,GAAsB;AAEpB,EAAA,MAAM,SAAA,EAAW,iBAAA,CAAkB;AAAA,IACjC,aAAA;AAAA,IACA,WAAA,EAAa,YAAA,GAAe,QAAA,IAAY;AAAA,EAC1C,CAAC,CAAA;AACD,EAAA,MAAM,WAAA,EAAa,8CAAA,QAAqB,EAAU,UAAA,EAAY,SAAS,CAAA;AAEvE,EAAA,uBACE,6BAAA;AAAA,IAAC,oBAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,UAAA,CAAW,OAAA;AAAA,MACtB,mBAAA;AAAA,MACA,YAAA;AAAA,MACA,sBAAA;AAAA,MACA,YAAA;AAAA,MACA,UAAA,EAAY,QAAA;AAAA,MACZ,WAAA,EAAa,UAAA;AAAA,MACb,iBAAA;AAAA,MACA,aAAA;AAAA,MACA,WAAA,EAAa,KAAA;AAAA,MACb,OAAA;AAAA,MAEC,QAAA,EAAA,cAAA,CAAe,GAAA,CAAI,CAAC,IAAA,EAAM,KAAA,EAAA,mBACzB,6BAAA;AAAA,QAAC,wBAAA;AAAA,QAAA;AAAA,UAGC,UAAA,EAAY,SAAA,mBAAY,IAAA,2BAAM,UAAA;AAAA,UAE7B,GAAG;AAAA,QAAA,CAAA;AAAA,QAHC;AAAA,MAIP,CACD;AAAA,IAAA;AAAA,EACH,CAAA;AAEJ,CAAA;AAEA,IAAO,kBAAA,EAAQ,SAAA;ADtDf;AACA;AE5EA,IAAOA,mBAAAA,EAAQ,iBAAA;AF8Ef;AACA;AACE;AACA;AACA;AACF,8IAAC","file":"/home/runner/work/uniform/uniform/packages/pixels/dist/chunk-J5XN2HAT.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  },\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  /** 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  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  });\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      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"]}