@fuf-stack/pixels 0.18.1 → 0.19.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,10 +1,11 @@
1
1
  "use strict";Object.defineProperty(exports, "__esModule", {value: true});
2
2
 
3
3
 
4
- var _chunkG5HQ6QYEcjs = require('../chunk-G5HQ6QYE.cjs');
4
+ var _chunkBQJUB6VZcjs = require('../chunk-BQJUB6VZ.cjs');
5
+ require('../chunk-UYNMOCDD.cjs');
5
6
  require('../chunk-DZUJEN5N.cjs');
6
7
 
7
8
 
8
9
 
9
- exports.Popover = _chunkG5HQ6QYEcjs.Popover_default; exports.default = _chunkG5HQ6QYEcjs.Popover_default2;
10
+ exports.Popover = _chunkBQJUB6VZcjs.Popover_default; exports.default = _chunkBQJUB6VZcjs.Popover_default2;
10
11
  //# sourceMappingURL=index.cjs.map
@@ -1 +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"}
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,iCAA8B;AAC9B;AACE;AACA;AACF,0GAAC","file":"/home/runner/work/uniform/uniform/packages/pixels/dist/Popover/index.cjs"}
@@ -1,5 +1,5 @@
1
- import { _ as _default } from '../Popover-Di3Lkb0m.cjs';
2
- export { P as PopoverProps } from '../Popover-Di3Lkb0m.cjs';
1
+ import { _ as _default } from '../Popover-IYjW04NG.cjs';
2
+ export { P as PopoverProps } from '../Popover-IYjW04NG.cjs';
3
3
  import 'react/jsx-runtime';
4
4
  import '@nextui-org/popover';
5
5
  import 'react';
@@ -1,5 +1,5 @@
1
- import { _ as _default } from '../Popover-Di3Lkb0m.js';
2
- export { P as PopoverProps } from '../Popover-Di3Lkb0m.js';
1
+ import { _ as _default } from '../Popover-IYjW04NG.js';
2
+ export { P as PopoverProps } from '../Popover-IYjW04NG.js';
3
3
  import 'react/jsx-runtime';
4
4
  import '@nextui-org/popover';
5
5
  import 'react';
@@ -1,7 +1,8 @@
1
1
  import {
2
2
  Popover_default,
3
3
  Popover_default2
4
- } from "../chunk-BHXDMYO4.js";
4
+ } from "../chunk-QCPUMTFP.js";
5
+ import "../chunk-IBB2U3AH.js";
5
6
  import "../chunk-5WRI5ZAA.js";
6
7
  export {
7
8
  Popover_default as Popover,
@@ -11,6 +11,8 @@ interface PopoverProps {
11
11
  content: ReactNode;
12
12
  /** HTML data-testid attribute used in e2e tests */
13
13
  contentTestId?: string;
14
+ /** popover footer */
15
+ footer?: ReactNode;
14
16
  /** use as controlled component */
15
17
  openControlled?: {
16
18
  open: boolean;
@@ -20,6 +22,8 @@ interface PopoverProps {
20
22
  placement?: PopoverProps$1['placement'];
21
23
  /** The container element in which the overlay portal will be placed. */
22
24
  portalContainer?: PopoverProps$1['portalContainer'];
25
+ /** Whether to block scrolling outside the popover */
26
+ shouldBlockScroll?: boolean;
23
27
  /** HTML data-testid attribute used in e2e tests */
24
28
  testId?: string;
25
29
  /** popover title */
@@ -28,6 +32,6 @@ interface PopoverProps {
28
32
  /**
29
33
  * Popover component based on [NextUI Card](https://nextui.org/docs/components/popover)
30
34
  */
31
- declare const _default: ({ children, className, content, contentTestId, openControlled, placement, portalContainer, testId, title, }: PopoverProps) => react_jsx_runtime.JSX.Element;
35
+ declare const _default: ({ children, className, content, contentTestId, footer, openControlled, placement, portalContainer, shouldBlockScroll, testId, title, }: PopoverProps) => react_jsx_runtime.JSX.Element;
32
36
 
33
37
  export { type PopoverProps as P, _default as _ };
@@ -11,6 +11,8 @@ interface PopoverProps {
11
11
  content: ReactNode;
12
12
  /** HTML data-testid attribute used in e2e tests */
13
13
  contentTestId?: string;
14
+ /** popover footer */
15
+ footer?: ReactNode;
14
16
  /** use as controlled component */
15
17
  openControlled?: {
16
18
  open: boolean;
@@ -20,6 +22,8 @@ interface PopoverProps {
20
22
  placement?: PopoverProps$1['placement'];
21
23
  /** The container element in which the overlay portal will be placed. */
22
24
  portalContainer?: PopoverProps$1['portalContainer'];
25
+ /** Whether to block scrolling outside the popover */
26
+ shouldBlockScroll?: boolean;
23
27
  /** HTML data-testid attribute used in e2e tests */
24
28
  testId?: string;
25
29
  /** popover title */
@@ -28,6 +32,6 @@ interface PopoverProps {
28
32
  /**
29
33
  * Popover component based on [NextUI Card](https://nextui.org/docs/components/popover)
30
34
  */
31
- declare const _default: ({ children, className, content, contentTestId, openControlled, placement, portalContainer, testId, title, }: PopoverProps) => react_jsx_runtime.JSX.Element;
35
+ declare const _default: ({ children, className, content, contentTestId, footer, openControlled, placement, portalContainer, shouldBlockScroll, testId, title, }: PopoverProps) => react_jsx_runtime.JSX.Element;
32
36
 
33
37
  export { type PopoverProps as P, _default as _ };
@@ -0,0 +1,12 @@
1
+ "use strict";Object.defineProperty(exports, "__esModule", {value: true});
2
+
3
+ var _chunkUYNMOCDDcjs = require('../chunk-UYNMOCDD.cjs');
4
+ require('../chunk-DZUJEN5N.cjs');
5
+
6
+ // src/ScrollShadow/index.ts
7
+ var ScrollShadow_default2 = _chunkUYNMOCDDcjs.ScrollShadow_default;
8
+
9
+
10
+
11
+ exports.ScrollShadow = _chunkUYNMOCDDcjs.ScrollShadow_default; exports.default = ScrollShadow_default2;
12
+ //# sourceMappingURL=index.cjs.map
@@ -0,0 +1 @@
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"]}
@@ -0,0 +1,17 @@
1
+ import * as react_jsx_runtime from 'react/jsx-runtime';
2
+ import { ReactNode } from 'react';
3
+
4
+ interface ScrollShadowProps {
5
+ /** child components */
6
+ children?: ReactNode;
7
+ /** CSS class name */
8
+ className?: string | string[];
9
+ /** content of the scroll box */
10
+ testId?: string;
11
+ }
12
+ /**
13
+ * Scroll Shadow component based on [NextUI Card](https://nextui.org/docs/components/scroll-shadow)
14
+ */
15
+ declare const _default: ({ children, className, testId, }: ScrollShadowProps) => react_jsx_runtime.JSX.Element;
16
+
17
+ export { _default as ScrollShadow, type ScrollShadowProps, _default as default };
@@ -0,0 +1,17 @@
1
+ import * as react_jsx_runtime from 'react/jsx-runtime';
2
+ import { ReactNode } from 'react';
3
+
4
+ interface ScrollShadowProps {
5
+ /** child components */
6
+ children?: ReactNode;
7
+ /** CSS class name */
8
+ className?: string | string[];
9
+ /** content of the scroll box */
10
+ testId?: string;
11
+ }
12
+ /**
13
+ * Scroll Shadow component based on [NextUI Card](https://nextui.org/docs/components/scroll-shadow)
14
+ */
15
+ declare const _default: ({ children, className, testId, }: ScrollShadowProps) => react_jsx_runtime.JSX.Element;
16
+
17
+ export { _default as ScrollShadow, type ScrollShadowProps, _default as default };
@@ -0,0 +1,12 @@
1
+ import {
2
+ ScrollShadow_default
3
+ } from "../chunk-IBB2U3AH.js";
4
+ import "../chunk-5WRI5ZAA.js";
5
+
6
+ // src/ScrollShadow/index.ts
7
+ var ScrollShadow_default2 = ScrollShadow_default;
8
+ export {
9
+ ScrollShadow_default as ScrollShadow,
10
+ ScrollShadow_default2 as default
11
+ };
12
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
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"]}
@@ -1,4 +1,8 @@
1
- "use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/Popover/Popover.tsx
1
+ "use strict";Object.defineProperty(exports, "__esModule", {value: true});
2
+
3
+ var _chunkUYNMOCDDcjs = require('./chunk-UYNMOCDD.cjs');
4
+
5
+ // src/Popover/Popover.tsx
2
6
  var _popover = require('@nextui-org/popover');
3
7
  var _pixelutils = require('@fuf-stack/pixel-utils');
4
8
  var _jsxruntime = require('react/jsx-runtime');
@@ -7,28 +11,36 @@ var Popover_default = ({
7
11
  className = void 0,
8
12
  content,
9
13
  contentTestId = void 0,
14
+ footer = void 0,
10
15
  openControlled = void 0,
11
16
  placement = "top",
12
17
  portalContainer = void 0,
18
+ shouldBlockScroll = void 0,
13
19
  testId = void 0,
14
20
  title = void 0
15
21
  }) => {
16
22
  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
17
23
  _popover.Popover,
18
24
  {
25
+ classNames: { content: "p-0" },
19
26
  placement,
20
27
  portalContainer,
21
28
  radius: "sm",
29
+ shouldBlockScroll,
22
30
  showArrow: true,
23
31
  ...openControlled ? { isOpen: openControlled.open, onOpenChange: openControlled.setOpen } : {},
24
32
  children: [
25
33
  /* @__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 }) }),
26
- /* @__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: [
27
- title && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { children: [
34
+ /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _popover.PopoverContent, { "data-testid": contentTestId, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex max-h-[80vh] flex-col", children: [
35
+ title && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "px-2.5 py-1", children: [
28
36
  title,
29
37
  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "hr", {})
30
38
  ] }),
31
- content
39
+ /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkUYNMOCDDcjs.ScrollShadow_default, { className: "px-2.5 py-1", children: content }),
40
+ footer && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "px-2.5 py-1", children: [
41
+ /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "hr", {}),
42
+ footer
43
+ ] })
32
44
  ] }) })
33
45
  ]
34
46
  }
@@ -42,4 +54,4 @@ var Popover_default2 = Popover_default;
42
54
 
43
55
 
44
56
  exports.Popover_default = Popover_default; exports.Popover_default2 = Popover_default2;
45
- //# sourceMappingURL=chunk-G5HQ6QYE.cjs.map
57
+ //# sourceMappingURL=chunk-BQJUB6VZ.cjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["/home/runner/work/uniform/uniform/packages/pixels/dist/chunk-BQJUB6VZ.cjs","../src/Popover/Popover.tsx","../src/Popover/index.ts"],"names":["Popover_default"],"mappings":"AAAA;AACE;AACF,wDAA6B;AAC7B;AACA;ACDA,8CAAwD;AAExD,oDAAmB;AA6DX,+CAAA;AA7BR,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,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;AAClB,EAAA,uBACE,8BAAA;AAAA,IAAC,gBAAA;AAAA,IAAA;AAAA,MACC,UAAA,EAAY,EAAE,OAAA,EAAS,MAAM,CAAA;AAAA,MAC7B,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,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,4BAAA,EACZ,QAAA,EAAA;AAAA,UAAA,MAAA,mBACC,8BAAA,KAAC,EAAA,EAAI,SAAA,EAAU,aAAA,EACZ,QAAA,EAAA;AAAA,YAAA,KAAA;AAAA,4BACD,6BAAA,IAAC,EAAA,CAAA,CAAG;AAAA,UAAA,EAAA,CACN,CAAA;AAAA,0BAEF,6BAAA,sCAAC,EAAA,EAAa,SAAA,EAAU,aAAA,EAAe,QAAA,EAAA,QAAA,CAAQ,CAAA;AAAA,UAC9C,OAAA,mBACC,8BAAA,KAAC,EAAA,EAAI,SAAA,EAAU,aAAA,EACb,QAAA,EAAA;AAAA,4BAAA,6BAAA,IAAC,EAAA,CAAA,CAAG,CAAA;AAAA,YACH;AAAA,UAAA,EAAA,CACH;AAAA,QAAA,EAAA,CAEJ,EAAA,CACF;AAAA,MAAA;AAAA,IAAA;AAAA,EACF,CAAA;AAEJ,CAAA;ADvCA;AACA;AE3CA,IAAOA,iBAAAA,EAAQ,eAAA;AF6Cf;AACA;AACE;AACA;AACF,uFAAC","file":"/home/runner/work/uniform/uniform/packages/pixels/dist/chunk-BQJUB6VZ.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\nimport ScrollShadow from '../ScrollShadow/ScrollShadow';\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 /** 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 = 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 return (\n <Popover\n classNames={{ content: 'p-0' }}\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 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=\"flex max-h-[80vh] flex-col\">\n {title && (\n <div className=\"px-2.5 py-1\">\n {title}\n <hr />\n </div>\n )}\n <ScrollShadow className=\"px-2.5 py-1\">{content}</ScrollShadow>\n {footer && (\n <div className=\"px-2.5 py-1\">\n <hr />\n {footer}\n </div>\n )}\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"]}
@@ -0,0 +1,14 @@
1
+ // src/ScrollShadow/ScrollShadow.tsx
2
+ import { ScrollShadow } from "@nextui-org/scroll-shadow";
3
+ import { cn } from "@fuf-stack/pixel-utils";
4
+ import { jsx } from "react/jsx-runtime";
5
+ var ScrollShadow_default = ({
6
+ children = null,
7
+ className = void 0,
8
+ testId = void 0
9
+ }) => /* @__PURE__ */ jsx(ScrollShadow, { className: cn(className), "data-testId": testId, children });
10
+
11
+ export {
12
+ ScrollShadow_default
13
+ };
14
+ //# sourceMappingURL=chunk-IBB2U3AH.js.map
@@ -0,0 +1 @@
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":[]}
@@ -1,3 +1,7 @@
1
+ import {
2
+ ScrollShadow_default
3
+ } from "./chunk-IBB2U3AH.js";
4
+
1
5
  // src/Popover/Popover.tsx
2
6
  import { Popover, PopoverContent, PopoverTrigger } from "@nextui-org/popover";
3
7
  import { cn } from "@fuf-stack/pixel-utils";
@@ -7,28 +11,36 @@ var Popover_default = ({
7
11
  className = void 0,
8
12
  content,
9
13
  contentTestId = void 0,
14
+ footer = void 0,
10
15
  openControlled = void 0,
11
16
  placement = "top",
12
17
  portalContainer = void 0,
18
+ shouldBlockScroll = void 0,
13
19
  testId = void 0,
14
20
  title = void 0
15
21
  }) => {
16
22
  return /* @__PURE__ */ jsxs(
17
23
  Popover,
18
24
  {
25
+ classNames: { content: "p-0" },
19
26
  placement,
20
27
  portalContainer,
21
28
  radius: "sm",
29
+ shouldBlockScroll,
22
30
  showArrow: true,
23
31
  ...openControlled ? { isOpen: openControlled.open, onOpenChange: openControlled.setOpen } : {},
24
32
  children: [
25
33
  /* @__PURE__ */ jsx(PopoverTrigger, { className: cn(className), "data-testid": testId, children: /* @__PURE__ */ jsx("button", { children }) }),
26
- /* @__PURE__ */ jsx(PopoverContent, { "data-testid": contentTestId, children: /* @__PURE__ */ jsxs("div", { className: "max-h-[80vh] overflow-y-auto", children: [
27
- title && /* @__PURE__ */ jsxs("div", { children: [
34
+ /* @__PURE__ */ jsx(PopoverContent, { "data-testid": contentTestId, children: /* @__PURE__ */ jsxs("div", { className: "flex max-h-[80vh] flex-col", children: [
35
+ title && /* @__PURE__ */ jsxs("div", { className: "px-2.5 py-1", children: [
28
36
  title,
29
37
  /* @__PURE__ */ jsx("hr", {})
30
38
  ] }),
31
- content
39
+ /* @__PURE__ */ jsx(ScrollShadow_default, { className: "px-2.5 py-1", children: content }),
40
+ footer && /* @__PURE__ */ jsxs("div", { className: "px-2.5 py-1", children: [
41
+ /* @__PURE__ */ jsx("hr", {}),
42
+ footer
43
+ ] })
32
44
  ] }) })
33
45
  ]
34
46
  }
@@ -42,4 +54,4 @@ export {
42
54
  Popover_default,
43
55
  Popover_default2
44
56
  };
45
- //# sourceMappingURL=chunk-BHXDMYO4.js.map
57
+ //# sourceMappingURL=chunk-QCPUMTFP.js.map
@@ -0,0 +1 @@
1
+ {"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\nimport ScrollShadow from '../ScrollShadow/ScrollShadow';\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 /** 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 = 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 return (\n <Popover\n classNames={{ content: 'p-0' }}\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 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=\"flex max-h-[80vh] flex-col\">\n {title && (\n <div className=\"px-2.5 py-1\">\n {title}\n <hr />\n </div>\n )}\n <ScrollShadow className=\"px-2.5 py-1\">{content}</ScrollShadow>\n {footer && (\n <div className=\"px-2.5 py-1\">\n <hr />\n {footer}\n </div>\n )}\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;AA6DX,cAKI,YALJ;AA7BR,IAAO,kBAAQ,CAAC;AAAA,EACd,WAAW;AAAA,EACX,YAAY;AAAA,EACZ;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;AAClB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,YAAY,EAAE,SAAS,MAAM;AAAA,MAC7B;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,WAAW,GAAG,SAAS,GAAG,eAAa,QAGrD,8BAAC,YAAQ,UAAS,GACpB;AAAA,QACA,oBAAC,kBAAe,eAAa,eAC3B,+BAAC,SAAI,WAAU,8BACZ;AAAA,mBACC,qBAAC,SAAI,WAAU,eACZ;AAAA;AAAA,YACD,oBAAC,QAAG;AAAA,aACN;AAAA,UAEF,oBAAC,wBAAa,WAAU,eAAe,mBAAQ;AAAA,UAC9C,UACC,qBAAC,SAAI,WAAU,eACb;AAAA,gCAAC,QAAG;AAAA,YACH;AAAA,aACH;AAAA,WAEJ,GACF;AAAA;AAAA;AAAA,EACF;AAEJ;;;ACjFA,IAAOA,mBAAQ;","names":["Popover_default"]}
@@ -0,0 +1,14 @@
1
+ "use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/ScrollShadow/ScrollShadow.tsx
2
+ var _scrollshadow = require('@nextui-org/scroll-shadow');
3
+ var _pixelutils = require('@fuf-stack/pixel-utils');
4
+ var _jsxruntime = require('react/jsx-runtime');
5
+ var ScrollShadow_default = ({
6
+ children = null,
7
+ className = void 0,
8
+ testId = void 0
9
+ }) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _scrollshadow.ScrollShadow, { className: _pixelutils.cn.call(void 0, className), "data-testId": testId, children });
10
+
11
+
12
+
13
+ exports.ScrollShadow_default = ScrollShadow_default;
14
+ //# sourceMappingURL=chunk-UYNMOCDD.cjs.map
@@ -0,0 +1 @@
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 CHANGED
@@ -7,7 +7,8 @@ var _chunkMJNISFGXcjs = require('./chunk-MJNISFGX.cjs');
7
7
  var _chunkVAJODF7Zcjs = require('./chunk-VAJODF7Z.cjs');
8
8
 
9
9
 
10
- var _chunkG5HQ6QYEcjs = require('./chunk-G5HQ6QYE.cjs');
10
+ var _chunkBQJUB6VZcjs = require('./chunk-BQJUB6VZ.cjs');
11
+ require('./chunk-UYNMOCDD.cjs');
11
12
 
12
13
 
13
14
 
@@ -64,5 +65,5 @@ require('./chunk-DZUJEN5N.cjs');
64
65
 
65
66
 
66
67
 
67
- 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;
68
+ 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 = _chunkBQJUB6VZcjs.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;
68
69
  //# sourceMappingURL=index.cjs.map
@@ -1 +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"}
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,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 CHANGED
@@ -8,7 +8,7 @@ export { J as Json, a as JsonProps } from './Json-ClGDcbcp.cjs';
8
8
  export { L as Label, a as LabelProps } from './Label-DAK6glI0.cjs';
9
9
  export { M as Menu, b as MenuItem, a as MenuProps, c as MenuSection } from './Menu-CG5mVVnv.cjs';
10
10
  export { M as Modal, a as ModalProps, m as modalVariants } from './Modal-DZHeIvQc.cjs';
11
- export { _ as Popover, P as PopoverProps } from './Popover-Di3Lkb0m.cjs';
11
+ export { _ as Popover, P as PopoverProps } from './Popover-IYjW04NG.cjs';
12
12
  export { T as Tooltip, a as TooltipProps, t as tooltipPlacementOptions } from './Tooltip-BuPzZLuE.cjs';
13
13
  export { useDebounce, useLocalStorage } from './hooks/index.cjs';
14
14
  import 'react/jsx-runtime';
package/dist/index.d.ts CHANGED
@@ -8,7 +8,7 @@ export { J as Json, a as JsonProps } from './Json-ClGDcbcp.js';
8
8
  export { L as Label, a as LabelProps } from './Label-DAK6glI0.js';
9
9
  export { M as Menu, b as MenuItem, a as MenuProps, c as MenuSection } from './Menu-CG5mVVnv.js';
10
10
  export { M as Modal, a as ModalProps, m as modalVariants } from './Modal-DZHeIvQc.js';
11
- export { _ as Popover, P as PopoverProps } from './Popover-Di3Lkb0m.js';
11
+ export { _ as Popover, P as PopoverProps } from './Popover-IYjW04NG.js';
12
12
  export { T as Tooltip, a as TooltipProps, t as tooltipPlacementOptions } from './Tooltip-BuPzZLuE.js';
13
13
  export { useDebounce, useLocalStorage } from './hooks/index.js';
14
14
  import 'react/jsx-runtime';
package/dist/index.js CHANGED
@@ -7,7 +7,8 @@ import {
7
7
  } from "./chunk-F2SRHLNC.js";
8
8
  import {
9
9
  Popover_default
10
- } from "./chunk-BHXDMYO4.js";
10
+ } from "./chunk-QCPUMTFP.js";
11
+ import "./chunk-IBB2U3AH.js";
11
12
  import {
12
13
  Tooltip_default,
13
14
  tooltipPlacementOptions
package/package.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "name": "@fuf-stack/pixels",
3
3
  "description": "fuf core react component library",
4
4
  "author": "Hannes Tiede",
5
- "version": "0.18.1",
5
+ "version": "0.19.0",
6
6
  "type": "module",
7
7
  "main": "./dist/index.cjs",
8
8
  "module": "./dist/index.js",
@@ -74,6 +74,11 @@
74
74
  "require": "./dist/Popover/index.cjs",
75
75
  "types": "./dist/Popover/index.d.ts"
76
76
  },
77
+ "./ScrollShadow": {
78
+ "import": "./dist/ScrollShadow/index.js",
79
+ "require": "./dist/ScrollShadow/index.cjs",
80
+ "types": "./dist/ScrollShadow/index.d.ts"
81
+ },
77
82
  "./Tooltip": {
78
83
  "import": "./dist/Tooltip/index.js",
79
84
  "require": "./dist/Tooltip/index.cjs",
@@ -115,6 +120,7 @@
115
120
  "@nextui-org/dropdown": "2.1.26",
116
121
  "@nextui-org/modal": "2.0.36",
117
122
  "@nextui-org/popover": "2.1.24",
123
+ "@nextui-org/scroll-shadow": "2.1.19",
118
124
  "@nextui-org/system": "2.2.2",
119
125
  "@nextui-org/theme": "2.2.6",
120
126
  "@nextui-org/tooltip": "2.0.36",
@@ -129,10 +135,10 @@
129
135
  "@uiw/react-json-view": "2.0.0-alpha.26",
130
136
  "react": "18.3.1",
131
137
  "react-dom": "18.3.1",
132
- "@repo/tailwind-config": "0.0.1",
133
138
  "@repo/tsup-config": "0.0.1",
134
139
  "@repo/storybook-config": "0.0.1",
135
- "@repo/vite-config": "0.0.1"
140
+ "@repo/vite-config": "0.0.1",
141
+ "@repo/tailwind-config": "0.0.1"
136
142
  },
137
143
  "scripts": {
138
144
  "build": "tsup --config node_modules/@repo/tsup-config/config.ts --dts-resolve",
@@ -1 +0,0 @@
1
- {"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"]}
@@ -1 +0,0 @@
1
- {"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"]}