@payloadcms/ui 3.68.0-internal-debug.2eb12b9 → 3.68.0-internal-debug.dafc24d

package/dist/elements/PillSelector/index.js

@@ -1,5 +1,5 @@
 'use client';
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import React from 'react';
 import { PlusIcon } from '../../icons/Plus/index.js';
 import { XIcon } from '../../icons/X/index.js';
@@ -18,7 +18,7 @@ const baseClass = 'pill-selector';
     // GOOD: Use conditional rendering directly: draggable ? <DraggableSortable /> : <div />
     const pillElements = React.useMemo(()=>{
         return pills.map((pill, i)=>{
-            return /*#__PURE__*/ _jsx(Pill, {
+            return /*#__PURE__*/ _jsxDEV(Pill, {
                 alignIcon: "left",
                 "aria-checked": pill.selected,
                 className: [
@@ -26,7 +26,15 @@ const baseClass = 'pill-selector';
                     pill.selected && `${baseClass}__pill--selected`
                 ].filter(Boolean).join(' '),
                 draggable: Boolean(draggable),
-                icon: pill.selected ? /*#__PURE__*/ _jsx(XIcon, {}) : /*#__PURE__*/ _jsx(PlusIcon, {}),
+                icon: pill.selected ? /*#__PURE__*/ _jsxDEV(XIcon, {}, void 0, false, {
+                    fileName: "src/elements/PillSelector/index.tsx",
+                    lineNumber: 48,
+                    columnNumber: 33
+                }, void 0) : /*#__PURE__*/ _jsxDEV(PlusIcon, {}, void 0, false, {
+                    fileName: "src/elements/PillSelector/index.tsx",
+                    lineNumber: 48,
+                    columnNumber: 45
+                }, void 0),
                 id: pill.name,
                 onClick: ()=>{
                     if (onClick) {
@@ -36,11 +44,19 @@ const baseClass = 'pill-selector';
                     }
                 },
                 size: "small",
-                children: pill.Label ?? /*#__PURE__*/ _jsx("span", {
+                children: pill.Label ?? /*#__PURE__*/ _jsxDEV("span", {
                     className: `${baseClass}__pill-label`,
                     children: pill.name
-                })
-            }, pill.key ?? `${pill.name}-${i}`);
+                }, void 0, false, {
+                    fileName: "src/elements/PillSelector/index.tsx",
+                    lineNumber: 58,
+                    columnNumber: 26
+                }, this)
+            }, pill.key ?? `${pill.name}-${i}`, false, {
+                fileName: "src/elements/PillSelector/index.tsx",
+                lineNumber: 41,
+                columnNumber: 9
+            }, this);
         });
     }, [
         pills,
@@ -48,7 +64,7 @@ const baseClass = 'pill-selector';
         draggable
     ]);
     if (draggable) {
-        return /*#__PURE__*/ _jsx(DraggableSortable, {
+        return /*#__PURE__*/ _jsxDEV(DraggableSortable, {
             className: baseClass,
             ids: pills.map((pill)=>pill.name),
             onDragEnd: ({ moveFromIndex, moveToIndex })=>{
@@ -58,12 +74,20 @@ const baseClass = 'pill-selector';
                 });
             },
             children: pillElements
-        });
+        }, void 0, false, {
+            fileName: "src/elements/PillSelector/index.tsx",
+            lineNumber: 66,
+            columnNumber: 7
+        }, this);
     }
-    return /*#__PURE__*/ _jsx("div", {
+    return /*#__PURE__*/ _jsxDEV("div", {
         className: baseClass,
         children: pillElements
-    });
+    }, void 0, false, {
+        fileName: "src/elements/PillSelector/index.tsx",
+        lineNumber: 81,
+        columnNumber: 10
+    }, this);
 };
 
 //# sourceMappingURL=index.js.map

package/dist/elements/PillSelector/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/PillSelector/index.tsx"],"sourcesContent":["'use client'\n\nimport React from 'react'\n\nimport { PlusIcon } from '../../icons/Plus/index.js'\nimport { XIcon } from '../../icons/X/index.js'\nimport { DraggableSortable } from '../DraggableSortable/index.js'\nimport { Pill } from '../Pill/index.js'\nimport './index.scss'\n\nconst baseClass = 'pill-selector'\n\nexport type SelectablePill = {\n  key?: string\n  Label?: React.ReactNode\n  name: string\n  selected: boolean\n}\n\nexport type Props = {\n  draggable?: {\n    onDragEnd: (args: { moveFromIndex: number; moveToIndex: number }) => void\n  }\n  onClick?: (args: { pill: SelectablePill }) => Promise<void> | void\n  pills: SelectablePill[]\n}\n\n/**\n * Displays a wrappable list of pills that can be selected or deselected.\n * If `draggable` is true, the pills can be reordered by dragging.\n */\nexport const PillSelector: React.FC<Props> = ({ draggable, onClick, pills }) => {\n  // IMPORTANT: Do NOT wrap DraggableSortable in a dynamic component function using useMemo.\n  // BAD: useMemo(() => ({ children }) => <DraggableSortable>...</DraggableSortable>, [deps])\n  // This creates a new function reference on each recomputation, causing React to treat it as a\n  // different component type, triggering unmount/mount cycles instead of just updating props.\n  // GOOD: Use conditional rendering directly: draggable ? <DraggableSortable /> : <div />\n  const pillElements = React.useMemo(() => {\n    return pills.map((pill, i) => {\n      return (\n        <Pill\n          alignIcon=\"left\"\n          aria-checked={pill.selected}\n          className={[`${baseClass}__pill`, pill.selected && `${baseClass}__pill--selected`]\n            .filter(Boolean)\n            .join(' ')}\n          draggable={Boolean(draggable)}\n          icon={pill.selected ? <XIcon /> : <PlusIcon />}\n          id={pill.name}\n          key={pill.key ?? `${pill.name}-${i}`}\n          onClick={() => {\n            if (onClick) {\n              void onClick({ pill })\n            }\n          }}\n          size=\"small\"\n        >\n          {pill.Label ?? <span className={`${baseClass}__pill-label`}>{pill.name}</span>}\n        </Pill>\n      )\n    })\n  }, [pills, onClick, draggable])\n\n  if (draggable) {\n    return (\n      <DraggableSortable\n        className={baseClass}\n        ids={pills.map((pill) => pill.name)}\n        onDragEnd={({ moveFromIndex, moveToIndex }) => {\n          draggable.onDragEnd({\n            moveFromIndex,\n            moveToIndex,\n          })\n        }}\n      >\n        {pillElements}\n      </DraggableSortable>\n    )\n  }\n\n  return <div className={baseClass}>{pillElements}</div>\n}\n"],"names":["React","PlusIcon","XIcon","DraggableSortable","Pill","baseClass","PillSelector","draggable","onClick","pills","pillElements","useMemo","map","pill","i","alignIcon","aria-checked","selected","className","filter","Boolean","join","icon","id","name","size","Label","span","key","ids","onDragEnd","moveFromIndex","moveToIndex","div"],"mappings":"AAAA;;AAEA,OAAOA,WAAW,QAAO;AAEzB,SAASC,QAAQ,QAAQ,4BAA2B;AACpD,SAASC,KAAK,QAAQ,yBAAwB;AAC9C,SAASC,iBAAiB,QAAQ,gCAA+B;AACjE,SAASC,IAAI,QAAQ,mBAAkB;AACvC,OAAO,eAAc;AAErB,MAAMC,YAAY;AAiBlB;;;CAGC,GACD,OAAO,MAAMC,eAAgC,CAAC,EAAEC,SAAS,EAAEC,OAAO,EAAEC,KAAK,EAAE;IACzE,0FAA0F;IAC1F,2FAA2F;IAC3F,8FAA8F;IAC9F,4FAA4F;IAC5F,wFAAwF;IACxF,MAAMC,eAAeV,MAAMW,OAAO,CAAC;QACjC,OAAOF,MAAMG,GAAG,CAAC,CAACC,MAAMC;YACtB,qBACE,KAACV;gBACCW,WAAU;gBACVC,gBAAcH,KAAKI,QAAQ;gBAC3BC,WAAW;oBAAC,GAAGb,UAAU,MAAM,CAAC;oBAAEQ,KAAKI,QAAQ,IAAI,GAAGZ,UAAU,gBAAgB,CAAC;iBAAC,CAC/Ec,MAAM,CAACC,SACPC,IAAI,CAAC;gBACRd,WAAWa,QAAQb;gBACnBe,MAAMT,KAAKI,QAAQ,iBAAG,KAACf,2BAAW,KAACD;gBACnCsB,IAAIV,KAAKW,IAAI;gBAEbhB,SAAS;oBACP,IAAIA,SAAS;wBACX,KAAKA,QAAQ;4BAAEK;wBAAK;oBACtB;gBACF;gBACAY,MAAK;0BAEJZ,KAAKa,KAAK,kBAAI,KAACC;oBAAKT,WAAW,GAAGb,UAAU,YAAY,CAAC;8BAAGQ,KAAKW,IAAI;;eARjEX,KAAKe,GAAG,IAAI,GAAGf,KAAKW,IAAI,CAAC,CAAC,EAAEV,GAAG;QAW1C;IACF,GAAG;QAACL;QAAOD;QAASD;KAAU;IAE9B,IAAIA,WAAW;QACb,qBACE,KAACJ;YACCe,WAAWb;YACXwB,KAAKpB,MAAMG,GAAG,CAAC,CAACC,OAASA,KAAKW,IAAI;YAClCM,WAAW,CAAC,EAAEC,aAAa,EAAEC,WAAW,EAAE;gBACxCzB,UAAUuB,SAAS,CAAC;oBAClBC;oBACAC;gBACF;YACF;sBAECtB;;IAGP;IAEA,qBAAO,KAACuB;QAAIf,WAAWb;kBAAYK;;AACrC,EAAC"}
+{"version":3,"sources":["../../../src/elements/PillSelector/index.tsx"],"sourcesContent":["'use client'\n\nimport React from 'react'\n\nimport { PlusIcon } from '../../icons/Plus/index.js'\nimport { XIcon } from '../../icons/X/index.js'\nimport { DraggableSortable } from '../DraggableSortable/index.js'\nimport { Pill } from '../Pill/index.js'\nimport './index.scss'\n\nconst baseClass = 'pill-selector'\n\nexport type SelectablePill = {\n  key?: string\n  Label?: React.ReactNode\n  name: string\n  selected: boolean\n}\n\nexport type Props = {\n  draggable?: {\n    onDragEnd: (args: { moveFromIndex: number; moveToIndex: number }) => void\n  }\n  onClick?: (args: { pill: SelectablePill }) => Promise<void> | void\n  pills: SelectablePill[]\n}\n\n/**\n * Displays a wrappable list of pills that can be selected or deselected.\n * If `draggable` is true, the pills can be reordered by dragging.\n */\nexport const PillSelector: React.FC<Props> = ({ draggable, onClick, pills }) => {\n  // IMPORTANT: Do NOT wrap DraggableSortable in a dynamic component function using useMemo.\n  // BAD: useMemo(() => ({ children }) => <DraggableSortable>...</DraggableSortable>, [deps])\n  // This creates a new function reference on each recomputation, causing React to treat it as a\n  // different component type, triggering unmount/mount cycles instead of just updating props.\n  // GOOD: Use conditional rendering directly: draggable ? <DraggableSortable /> : <div />\n  const pillElements = React.useMemo(() => {\n    return pills.map((pill, i) => {\n      return (\n        <Pill\n          alignIcon=\"left\"\n          aria-checked={pill.selected}\n          className={[`${baseClass}__pill`, pill.selected && `${baseClass}__pill--selected`]\n            .filter(Boolean)\n            .join(' ')}\n          draggable={Boolean(draggable)}\n          icon={pill.selected ? <XIcon /> : <PlusIcon />}\n          id={pill.name}\n          key={pill.key ?? `${pill.name}-${i}`}\n          onClick={() => {\n            if (onClick) {\n              void onClick({ pill })\n            }\n          }}\n          size=\"small\"\n        >\n          {pill.Label ?? <span className={`${baseClass}__pill-label`}>{pill.name}</span>}\n        </Pill>\n      )\n    })\n  }, [pills, onClick, draggable])\n\n  if (draggable) {\n    return (\n      <DraggableSortable\n        className={baseClass}\n        ids={pills.map((pill) => pill.name)}\n        onDragEnd={({ moveFromIndex, moveToIndex }) => {\n          draggable.onDragEnd({\n            moveFromIndex,\n            moveToIndex,\n          })\n        }}\n      >\n        {pillElements}\n      </DraggableSortable>\n    )\n  }\n\n  return <div className={baseClass}>{pillElements}</div>\n}\n"],"names":["React","PlusIcon","XIcon","DraggableSortable","Pill","baseClass","PillSelector","draggable","onClick","pills","pillElements","useMemo","map","pill","i","alignIcon","aria-checked","selected","className","filter","Boolean","join","icon","id","name","size","Label","span","key","ids","onDragEnd","moveFromIndex","moveToIndex","div"],"mappings":"AAAA;;AAEA,OAAOA,WAAW,QAAO;AAEzB,SAASC,QAAQ,QAAQ,4BAA2B;AACpD,SAASC,KAAK,QAAQ,yBAAwB;AAC9C,SAASC,iBAAiB,QAAQ,gCAA+B;AACjE,SAASC,IAAI,QAAQ,mBAAkB;AACvC,OAAO,eAAc;AAErB,MAAMC,YAAY;AAiBlB;;;CAGC,GACD,OAAO,MAAMC,eAAgC,CAAC,EAAEC,SAAS,EAAEC,OAAO,EAAEC,KAAK,EAAE;IACzE,0FAA0F;IAC1F,2FAA2F;IAC3F,8FAA8F;IAC9F,4FAA4F;IAC5F,wFAAwF;IACxF,MAAMC,eAAeV,MAAMW,OAAO,CAAC;QACjC,OAAOF,MAAMG,GAAG,CAAC,CAACC,MAAMC;YACtB,qBACE,QAACV;gBACCW,WAAU;gBACVC,gBAAcH,KAAKI,QAAQ;gBAC3BC,WAAW;oBAAC,GAAGb,UAAU,MAAM,CAAC;oBAAEQ,KAAKI,QAAQ,IAAI,GAAGZ,UAAU,gBAAgB,CAAC;iBAAC,CAC/Ec,MAAM,CAACC,SACPC,IAAI,CAAC;gBACRd,WAAWa,QAAQb;gBACnBe,MAAMT,KAAKI,QAAQ,iBAAG,QAACf;;;;2CAAW,QAACD;;;;;gBACnCsB,IAAIV,KAAKW,IAAI;gBAEbhB,SAAS;oBACP,IAAIA,SAAS;wBACX,KAAKA,QAAQ;4BAAEK;wBAAK;oBACtB;gBACF;gBACAY,MAAK;0BAEJZ,KAAKa,KAAK,kBAAI,QAACC;oBAAKT,WAAW,GAAGb,UAAU,YAAY,CAAC;8BAAGQ,KAAKW,IAAI;;;;;;eARjEX,KAAKe,GAAG,IAAI,GAAGf,KAAKW,IAAI,CAAC,CAAC,EAAEV,GAAG;;;;;QAW1C;IACF,GAAG;QAACL;QAAOD;QAASD;KAAU;IAE9B,IAAIA,WAAW;QACb,qBACE,QAACJ;YACCe,WAAWb;YACXwB,KAAKpB,MAAMG,GAAG,CAAC,CAACC,OAASA,KAAKW,IAAI;YAClCM,WAAW,CAAC,EAAEC,aAAa,EAAEC,WAAW,EAAE;gBACxCzB,UAAUuB,SAAS,CAAC;oBAClBC;oBACAC;gBACF;YACF;sBAECtB;;;;;;IAGP;IAEA,qBAAO,QAACuB;QAAIf,WAAWb;kBAAYK;;;;;;AACrC,EAAC"}

package/dist/elements/Popup/PopupButtonList/index.js

@@ -1,5 +1,5 @@
 'use client';
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import * as React from 'react';
 import { Link } from '../../Link/index.js';
 import './index.scss';
@@ -13,10 +13,14 @@ export const ButtonGroup = ({ buttonSize = 'default', children, className, textA
         `${baseClass}__text-align--${textAlign}`,
         `${baseClass}__button-size--${buttonSize}`
     ].filter(Boolean).join(' ');
-    return /*#__PURE__*/ _jsx("div", {
+    return /*#__PURE__*/ _jsxDEV("div", {
         className: classes,
         children: children
-    });
+    }, void 0, false, {
+        fileName: "src/elements/Popup/PopupButtonList/index.tsx",
+        lineNumber: 28,
+        columnNumber: 10
+    }, this);
 };
 export const Button = ({ id, active, children, className, disabled, href, onClick })=>{
     const classes = [
@@ -27,7 +31,7 @@ export const Button = ({ id, active, children, className, disabled, href, onClic
     ].filter(Boolean).join(' ');
     if (!disabled) {
         if (href) {
-            return /*#__PURE__*/ _jsx(Link, {
+            return /*#__PURE__*/ _jsxDEV(Link, {
                 className: classes,
                 href: href,
                 id: id,
@@ -38,10 +42,14 @@ export const Button = ({ id, active, children, className, disabled, href, onClic
                 },
                 prefetch: false,
                 children: children
-            });
+            }, void 0, false, {
+                fileName: "src/elements/Popup/PopupButtonList/index.tsx",
+                lineNumber: 62,
+                columnNumber: 9
+            }, this);
         }
         if (onClick) {
-            return /*#__PURE__*/ _jsx("button", {
+            return /*#__PURE__*/ _jsxDEV("button", {
                 className: classes,
                 id: id,
                 onClick: (e)=>{
@@ -51,14 +59,22 @@ export const Button = ({ id, active, children, className, disabled, href, onClic
                 },
                 type: "button",
                 children: children
-            });
+            }, void 0, false, {
+                fileName: "src/elements/Popup/PopupButtonList/index.tsx",
+                lineNumber: 80,
+                columnNumber: 9
+            }, this);
         }
     }
-    return /*#__PURE__*/ _jsx("div", {
+    return /*#__PURE__*/ _jsxDEV("div", {
         className: classes,
         id: id,
         children: children
-    });
+    }, void 0, false, {
+        fileName: "src/elements/Popup/PopupButtonList/index.tsx",
+        lineNumber: 97,
+        columnNumber: 5
+    }, this);
 };
 
 //# sourceMappingURL=index.js.map

package/dist/elements/Popup/PopupButtonList/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/elements/Popup/PopupButtonList/index.tsx"],"sourcesContent":["'use client'\nimport type { LinkProps } from 'next/link.js'\n\nimport * as React from 'react'\n\nimport { Link } from '../../Link/index.js'\nimport './index.scss'\n\nconst baseClass = 'popup-button-list'\n\nexport { PopupListDivider as Divider } from '../PopupDivider/index.js'\nexport { PopupListGroupLabel as GroupLabel } from '../PopupGroupLabel/index.js'\n\nexport const ButtonGroup: React.FC<{\n  buttonSize?: 'default' | 'small'\n  children: React.ReactNode\n  className?: string\n  textAlign?: 'center' | 'left' | 'right'\n}> = ({ buttonSize = 'default', children, className, textAlign = 'left' }) => {\n  const classes = [\n    baseClass,\n    className,\n    `${baseClass}__text-align--${textAlign}`,\n    `${baseClass}__button-size--${buttonSize}`,\n  ]\n    .filter(Boolean)\n    .join(' ')\n  return <div className={classes}>{children}</div>\n}\n\ntype MenuButtonProps = {\n  active?: boolean\n  children: React.ReactNode\n  className?: string\n  disabled?: boolean\n  href?: LinkProps['href']\n  id?: string\n  onClick?: (e?: React.MouseEvent) => void\n}\n\nexport const Button: React.FC<MenuButtonProps> = ({\n  id,\n  active,\n  children,\n  className,\n  disabled,\n  href,\n  onClick,\n}) => {\n  const classes = [\n    `${baseClass}__button`,\n    disabled && `${baseClass}__disabled`,\n    active && `${baseClass}__button--selected`,\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  if (!disabled) {\n    if (href) {\n      return (\n        <Link\n          className={classes}\n          href={href}\n          id={id}\n          onClick={(e) => {\n            if (onClick) {\n              onClick(e)\n            }\n          }}\n          prefetch={false}\n        >\n          {children}\n        </Link>\n      )\n    }\n\n    if (onClick) {\n      return (\n        <button\n          className={classes}\n          id={id}\n          onClick={(e) => {\n            if (onClick) {\n              onClick(e)\n            }\n          }}\n          type=\"button\"\n        >\n          {children}\n        </button>\n      )\n    }\n  }\n\n  return (\n    <div className={classes} id={id}>\n      {children}\n    </div>\n  )\n}\n"],"names":["React","Link","baseClass","PopupListDivider","Divider","PopupListGroupLabel","GroupLabel","ButtonGroup","buttonSize","children","className","textAlign","classes","filter","Boolean","join","div","Button","id","active","disabled","href","onClick","e","prefetch","button","type"],"mappings":"AAAA;;AAGA,YAAYA,WAAW,QAAO;AAE9B,SAASC,IAAI,QAAQ,sBAAqB;AAC1C,OAAO,eAAc;AAErB,MAAMC,YAAY;AAElB,SAASC,oBAAoBC,OAAO,QAAQ,2BAA0B;AACtE,SAASC,uBAAuBC,UAAU,QAAQ,8BAA6B;AAE/E,OAAO,MAAMC,cAKR,CAAC,EAAEC,aAAa,SAAS,EAAEC,QAAQ,EAAEC,SAAS,EAAEC,YAAY,MAAM,EAAE;IACvE,MAAMC,UAAU;QACdV;QACAQ;QACA,GAAGR,UAAU,cAAc,EAAES,WAAW;QACxC,GAAGT,UAAU,eAAe,EAAEM,YAAY;KAC3C,CACEK,MAAM,CAACC,SACPC,IAAI,CAAC;IACR,qBAAO,KAACC;QAAIN,WAAWE;kBAAUH;;AACnC,EAAC;AAYD,OAAO,MAAMQ,SAAoC,CAAC,EAChDC,EAAE,EACFC,MAAM,EACNV,QAAQ,EACRC,SAAS,EACTU,QAAQ,EACRC,IAAI,EACJC,OAAO,EACR;IACC,MAAMV,UAAU;QACd,GAAGV,UAAU,QAAQ,CAAC;QACtBkB,YAAY,GAAGlB,UAAU,UAAU,CAAC;QACpCiB,UAAU,GAAGjB,UAAU,kBAAkB,CAAC;QAC1CQ;KACD,CACEG,MAAM,CAACC,SACPC,IAAI,CAAC;IAER,IAAI,CAACK,UAAU;QACb,IAAIC,MAAM;YACR,qBACE,KAACpB;gBACCS,WAAWE;gBACXS,MAAMA;gBACNH,IAAIA;gBACJI,SAAS,CAACC;oBACR,IAAID,SAAS;wBACXA,QAAQC;oBACV;gBACF;gBACAC,UAAU;0BAETf;;QAGP;QAEA,IAAIa,SAAS;YACX,qBACE,KAACG;gBACCf,WAAWE;gBACXM,IAAIA;gBACJI,SAAS,CAACC;oBACR,IAAID,SAAS;wBACXA,QAAQC;oBACV;gBACF;gBACAG,MAAK;0BAEJjB;;QAGP;IACF;IAEA,qBACE,KAACO;QAAIN,WAAWE;QAASM,IAAIA;kBAC1BT;;AAGP,EAAC"}
+{"version":3,"sources":["../../../../src/elements/Popup/PopupButtonList/index.tsx"],"sourcesContent":["'use client'\nimport type { LinkProps } from 'next/link.js'\n\nimport * as React from 'react'\n\nimport { Link } from '../../Link/index.js'\nimport './index.scss'\n\nconst baseClass = 'popup-button-list'\n\nexport { PopupListDivider as Divider } from '../PopupDivider/index.js'\nexport { PopupListGroupLabel as GroupLabel } from '../PopupGroupLabel/index.js'\n\nexport const ButtonGroup: React.FC<{\n  buttonSize?: 'default' | 'small'\n  children: React.ReactNode\n  className?: string\n  textAlign?: 'center' | 'left' | 'right'\n}> = ({ buttonSize = 'default', children, className, textAlign = 'left' }) => {\n  const classes = [\n    baseClass,\n    className,\n    `${baseClass}__text-align--${textAlign}`,\n    `${baseClass}__button-size--${buttonSize}`,\n  ]\n    .filter(Boolean)\n    .join(' ')\n  return <div className={classes}>{children}</div>\n}\n\ntype MenuButtonProps = {\n  active?: boolean\n  children: React.ReactNode\n  className?: string\n  disabled?: boolean\n  href?: LinkProps['href']\n  id?: string\n  onClick?: (e?: React.MouseEvent) => void\n}\n\nexport const Button: React.FC<MenuButtonProps> = ({\n  id,\n  active,\n  children,\n  className,\n  disabled,\n  href,\n  onClick,\n}) => {\n  const classes = [\n    `${baseClass}__button`,\n    disabled && `${baseClass}__disabled`,\n    active && `${baseClass}__button--selected`,\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  if (!disabled) {\n    if (href) {\n      return (\n        <Link\n          className={classes}\n          href={href}\n          id={id}\n          onClick={(e) => {\n            if (onClick) {\n              onClick(e)\n            }\n          }}\n          prefetch={false}\n        >\n          {children}\n        </Link>\n      )\n    }\n\n    if (onClick) {\n      return (\n        <button\n          className={classes}\n          id={id}\n          onClick={(e) => {\n            if (onClick) {\n              onClick(e)\n            }\n          }}\n          type=\"button\"\n        >\n          {children}\n        </button>\n      )\n    }\n  }\n\n  return (\n    <div className={classes} id={id}>\n      {children}\n    </div>\n  )\n}\n"],"names":["React","Link","baseClass","PopupListDivider","Divider","PopupListGroupLabel","GroupLabel","ButtonGroup","buttonSize","children","className","textAlign","classes","filter","Boolean","join","div","Button","id","active","disabled","href","onClick","e","prefetch","button","type"],"mappings":"AAAA;;AAGA,YAAYA,WAAW,QAAO;AAE9B,SAASC,IAAI,QAAQ,sBAAqB;AAC1C,OAAO,eAAc;AAErB,MAAMC,YAAY;AAElB,SAASC,oBAAoBC,OAAO,QAAQ,2BAA0B;AACtE,SAASC,uBAAuBC,UAAU,QAAQ,8BAA6B;AAE/E,OAAO,MAAMC,cAKR,CAAC,EAAEC,aAAa,SAAS,EAAEC,QAAQ,EAAEC,SAAS,EAAEC,YAAY,MAAM,EAAE;IACvE,MAAMC,UAAU;QACdV;QACAQ;QACA,GAAGR,UAAU,cAAc,EAAES,WAAW;QACxC,GAAGT,UAAU,eAAe,EAAEM,YAAY;KAC3C,CACEK,MAAM,CAACC,SACPC,IAAI,CAAC;IACR,qBAAO,QAACC;QAAIN,WAAWE;kBAAUH;;;;;;AACnC,EAAC;AAYD,OAAO,MAAMQ,SAAoC,CAAC,EAChDC,EAAE,EACFC,MAAM,EACNV,QAAQ,EACRC,SAAS,EACTU,QAAQ,EACRC,IAAI,EACJC,OAAO,EACR;IACC,MAAMV,UAAU;QACd,GAAGV,UAAU,QAAQ,CAAC;QACtBkB,YAAY,GAAGlB,UAAU,UAAU,CAAC;QACpCiB,UAAU,GAAGjB,UAAU,kBAAkB,CAAC;QAC1CQ;KACD,CACEG,MAAM,CAACC,SACPC,IAAI,CAAC;IAER,IAAI,CAACK,UAAU;QACb,IAAIC,MAAM;YACR,qBACE,QAACpB;gBACCS,WAAWE;gBACXS,MAAMA;gBACNH,IAAIA;gBACJI,SAAS,CAACC;oBACR,IAAID,SAAS;wBACXA,QAAQC;oBACV;gBACF;gBACAC,UAAU;0BAETf;;;;;;QAGP;QAEA,IAAIa,SAAS;YACX,qBACE,QAACG;gBACCf,WAAWE;gBACXM,IAAIA;gBACJI,SAAS,CAACC;oBACR,IAAID,SAAS;wBACXA,QAAQC;oBACV;gBACF;gBACAG,MAAK;0BAEJjB;;;;;;QAGP;IACF;IAEA,qBACE,QAACO;QAAIN,WAAWE;QAASM,IAAIA;kBAC1BT;;;;;;AAGP,EAAC"}

package/dist/elements/Popup/PopupDivider/index.js

@@ -1,11 +1,15 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import React from 'react';
 import './index.scss';
 const baseClass = 'popup-divider';
 export const PopupListDivider = ()=>{
-    return /*#__PURE__*/ _jsx("hr", {
+    return /*#__PURE__*/ _jsxDEV("hr", {
         className: baseClass
-    });
+    }, void 0, false, {
+        fileName: "src/elements/Popup/PopupDivider/index.tsx",
+        lineNumber: 8,
+        columnNumber: 10
+    }, this);
 };
 
 //# sourceMappingURL=index.js.map

package/dist/elements/Popup/PopupDivider/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/elements/Popup/PopupDivider/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.scss'\n\nconst baseClass = 'popup-divider'\n\nexport const PopupListDivider: React.FC = () => {\n  return <hr className={baseClass} />\n}\n"],"names":["React","baseClass","PopupListDivider","hr","className"],"mappings":";AAAA,OAAOA,WAAW,QAAO;AAEzB,OAAO,eAAc;AAErB,MAAMC,YAAY;AAElB,OAAO,MAAMC,mBAA6B;IACxC,qBAAO,KAACC;QAAGC,WAAWH;;AACxB,EAAC"}
+{"version":3,"sources":["../../../../src/elements/Popup/PopupDivider/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.scss'\n\nconst baseClass = 'popup-divider'\n\nexport const PopupListDivider: React.FC = () => {\n  return <hr className={baseClass} />\n}\n"],"names":["React","baseClass","PopupListDivider","hr","className"],"mappings":";AAAA,OAAOA,WAAW,QAAO;AAEzB,OAAO,eAAc;AAErB,MAAMC,YAAY;AAElB,OAAO,MAAMC,mBAA6B;IACxC,qBAAO,QAACC;QAAGC,WAAWH;;;;;;AACxB,EAAC"}

package/dist/elements/Popup/PopupGroupLabel/index.js

@@ -1,12 +1,16 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import React from 'react';
 import './index.scss';
 const baseClass = 'popup-list-group-label';
 export const PopupListGroupLabel = ({ label })=>{
-    return /*#__PURE__*/ _jsx("p", {
+    return /*#__PURE__*/ _jsxDEV("p", {
         className: baseClass,
         children: label
-    });
+    }, void 0, false, {
+        fileName: "src/elements/Popup/PopupGroupLabel/index.tsx",
+        lineNumber: 10,
+        columnNumber: 10
+    }, this);
 };
 
 //# sourceMappingURL=index.js.map

package/dist/elements/Popup/PopupGroupLabel/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/elements/Popup/PopupGroupLabel/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.scss'\n\nconst baseClass = 'popup-list-group-label'\n\nexport const PopupListGroupLabel: React.FC<{\n  label: string\n}> = ({ label }) => {\n  return <p className={baseClass}>{label}</p>\n}\n"],"names":["React","baseClass","PopupListGroupLabel","label","p","className"],"mappings":";AAAA,OAAOA,WAAW,QAAO;AAEzB,OAAO,eAAc;AAErB,MAAMC,YAAY;AAElB,OAAO,MAAMC,sBAER,CAAC,EAAEC,KAAK,EAAE;IACb,qBAAO,KAACC;QAAEC,WAAWJ;kBAAYE;;AACnC,EAAC"}
+{"version":3,"sources":["../../../../src/elements/Popup/PopupGroupLabel/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.scss'\n\nconst baseClass = 'popup-list-group-label'\n\nexport const PopupListGroupLabel: React.FC<{\n  label: string\n}> = ({ label }) => {\n  return <p className={baseClass}>{label}</p>\n}\n"],"names":["React","baseClass","PopupListGroupLabel","label","p","className"],"mappings":";AAAA,OAAOA,WAAW,QAAO;AAEzB,OAAO,eAAc;AAErB,MAAMC,YAAY;AAElB,OAAO,MAAMC,sBAER,CAAC,EAAEC,KAAK,EAAE;IACb,qBAAO,QAACC;QAAEC,WAAWJ;kBAAYE;;;;;;AACnC,EAAC"}

package/dist/elements/Popup/PopupTrigger/index.js

@@ -1,5 +1,5 @@
 'use client';
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import React from 'react';
 import './index.scss';
 const baseClass = 'popup-button';
@@ -23,7 +23,7 @@ export const PopupTrigger = (props)=>{
         return null;
     }
     if (buttonType === 'custom') {
-        return /*#__PURE__*/ _jsx("div", {
+        return /*#__PURE__*/ _jsxDEV("div", {
             className: classes,
             onClick: handleClick,
             onKeyDown: (e)=>{
@@ -34,9 +34,13 @@ export const PopupTrigger = (props)=>{
             role: "button",
             tabIndex: 0,
             children: button
-        });
+        }, void 0, false, {
+            fileName: "src/elements/Popup/PopupTrigger/index.tsx",
+            lineNumber: 43,
+            columnNumber: 7
+        }, this);
     }
-    return /*#__PURE__*/ _jsx("button", {
+    return /*#__PURE__*/ _jsxDEV("button", {
         className: classes,
         disabled: disabled,
         onClick: handleClick,
@@ -48,7 +52,11 @@ export const PopupTrigger = (props)=>{
         tabIndex: 0,
         type: "button",
         children: button
-    });
+    }, void 0, false, {
+        fileName: "src/elements/Popup/PopupTrigger/index.tsx",
+        lineNumber: 60,
+        columnNumber: 5
+    }, this);
 };
 
 //# sourceMappingURL=index.js.map

package/dist/elements/Popup/PopupTrigger/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/elements/Popup/PopupTrigger/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport './index.scss'\n\nconst baseClass = 'popup-button'\n\nexport type PopupTriggerProps = {\n  active: boolean\n  button: React.ReactNode\n  buttonType: 'custom' | 'default' | 'none'\n  className?: string\n  disabled?: boolean\n  noBackground?: boolean\n  setActive: (active: boolean) => void\n  size?: 'large' | 'medium' | 'small' | 'xsmall'\n}\n\nexport const PopupTrigger: React.FC<PopupTriggerProps> = (props) => {\n  const { active, button, buttonType, className, disabled, noBackground, setActive, size } = props\n\n  const classes = [\n    baseClass,\n    className,\n    `${baseClass}--${buttonType}`,\n    !noBackground && `${baseClass}--background`,\n    size && `${baseClass}--size-${size}`,\n    disabled && `${baseClass}--disabled`,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  const handleClick = React.useCallback(() => {\n    setActive(!active)\n  }, [active, setActive])\n\n  if (buttonType === 'none') {\n    return null\n  }\n\n  if (buttonType === 'custom') {\n    return (\n      <div\n        className={classes}\n        onClick={handleClick}\n        onKeyDown={(e) => {\n          if (e.key === 'Enter') {\n            handleClick()\n          }\n        }}\n        role=\"button\"\n        tabIndex={0}\n      >\n        {button}\n      </div>\n    )\n  }\n\n  return (\n    <button\n      className={classes}\n      disabled={disabled}\n      onClick={handleClick}\n      onKeyDown={(e) => {\n        if (e.key === 'Enter') {\n          handleClick()\n        }\n      }}\n      tabIndex={0}\n      type=\"button\"\n    >\n      {button}\n    </button>\n  )\n}\n"],"names":["React","baseClass","PopupTrigger","props","active","button","buttonType","className","disabled","noBackground","setActive","size","classes","filter","Boolean","join","handleClick","useCallback","div","onClick","onKeyDown","e","key","role","tabIndex","type"],"mappings":"AAAA;;AACA,OAAOA,WAAW,QAAO;AAEzB,OAAO,eAAc;AAErB,MAAMC,YAAY;AAalB,OAAO,MAAMC,eAA4C,CAACC;IACxD,MAAM,EAAEC,MAAM,EAAEC,MAAM,EAAEC,UAAU,EAAEC,SAAS,EAAEC,QAAQ,EAAEC,YAAY,EAAEC,SAAS,EAAEC,IAAI,EAAE,GAAGR;IAE3F,MAAMS,UAAU;QACdX;QACAM;QACA,GAAGN,UAAU,EAAE,EAAEK,YAAY;QAC7B,CAACG,gBAAgB,GAAGR,UAAU,YAAY,CAAC;QAC3CU,QAAQ,GAAGV,UAAU,OAAO,EAAEU,MAAM;QACpCH,YAAY,GAAGP,UAAU,UAAU,CAAC;KACrC,CACEY,MAAM,CAACC,SACPC,IAAI,CAAC;IAER,MAAMC,cAAchB,MAAMiB,WAAW,CAAC;QACpCP,UAAU,CAACN;IACb,GAAG;QAACA;QAAQM;KAAU;IAEtB,IAAIJ,eAAe,QAAQ;QACzB,OAAO;IACT;IAEA,IAAIA,eAAe,UAAU;QAC3B,qBACE,KAACY;YACCX,WAAWK;YACXO,SAASH;YACTI,WAAW,CAACC;gBACV,IAAIA,EAAEC,GAAG,KAAK,SAAS;oBACrBN;gBACF;YACF;YACAO,MAAK;YACLC,UAAU;sBAETnB;;IAGP;IAEA,qBACE,KAACA;QACCE,WAAWK;QACXJ,UAAUA;QACVW,SAASH;QACTI,WAAW,CAACC;YACV,IAAIA,EAAEC,GAAG,KAAK,SAAS;gBACrBN;YACF;QACF;QACAQ,UAAU;QACVC,MAAK;kBAEJpB;;AAGP,EAAC"}
+{"version":3,"sources":["../../../../src/elements/Popup/PopupTrigger/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport './index.scss'\n\nconst baseClass = 'popup-button'\n\nexport type PopupTriggerProps = {\n  active: boolean\n  button: React.ReactNode\n  buttonType: 'custom' | 'default' | 'none'\n  className?: string\n  disabled?: boolean\n  noBackground?: boolean\n  setActive: (active: boolean) => void\n  size?: 'large' | 'medium' | 'small' | 'xsmall'\n}\n\nexport const PopupTrigger: React.FC<PopupTriggerProps> = (props) => {\n  const { active, button, buttonType, className, disabled, noBackground, setActive, size } = props\n\n  const classes = [\n    baseClass,\n    className,\n    `${baseClass}--${buttonType}`,\n    !noBackground && `${baseClass}--background`,\n    size && `${baseClass}--size-${size}`,\n    disabled && `${baseClass}--disabled`,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  const handleClick = React.useCallback(() => {\n    setActive(!active)\n  }, [active, setActive])\n\n  if (buttonType === 'none') {\n    return null\n  }\n\n  if (buttonType === 'custom') {\n    return (\n      <div\n        className={classes}\n        onClick={handleClick}\n        onKeyDown={(e) => {\n          if (e.key === 'Enter') {\n            handleClick()\n          }\n        }}\n        role=\"button\"\n        tabIndex={0}\n      >\n        {button}\n      </div>\n    )\n  }\n\n  return (\n    <button\n      className={classes}\n      disabled={disabled}\n      onClick={handleClick}\n      onKeyDown={(e) => {\n        if (e.key === 'Enter') {\n          handleClick()\n        }\n      }}\n      tabIndex={0}\n      type=\"button\"\n    >\n      {button}\n    </button>\n  )\n}\n"],"names":["React","baseClass","PopupTrigger","props","active","button","buttonType","className","disabled","noBackground","setActive","size","classes","filter","Boolean","join","handleClick","useCallback","div","onClick","onKeyDown","e","key","role","tabIndex","type"],"mappings":"AAAA;;AACA,OAAOA,WAAW,QAAO;AAEzB,OAAO,eAAc;AAErB,MAAMC,YAAY;AAalB,OAAO,MAAMC,eAA4C,CAACC;IACxD,MAAM,EAAEC,MAAM,EAAEC,MAAM,EAAEC,UAAU,EAAEC,SAAS,EAAEC,QAAQ,EAAEC,YAAY,EAAEC,SAAS,EAAEC,IAAI,EAAE,GAAGR;IAE3F,MAAMS,UAAU;QACdX;QACAM;QACA,GAAGN,UAAU,EAAE,EAAEK,YAAY;QAC7B,CAACG,gBAAgB,GAAGR,UAAU,YAAY,CAAC;QAC3CU,QAAQ,GAAGV,UAAU,OAAO,EAAEU,MAAM;QACpCH,YAAY,GAAGP,UAAU,UAAU,CAAC;KACrC,CACEY,MAAM,CAACC,SACPC,IAAI,CAAC;IAER,MAAMC,cAAchB,MAAMiB,WAAW,CAAC;QACpCP,UAAU,CAACN;IACb,GAAG;QAACA;QAAQM;KAAU;IAEtB,IAAIJ,eAAe,QAAQ;QACzB,OAAO;IACT;IAEA,IAAIA,eAAe,UAAU;QAC3B,qBACE,QAACY;YACCX,WAAWK;YACXO,SAASH;YACTI,WAAW,CAACC;gBACV,IAAIA,EAAEC,GAAG,KAAK,SAAS;oBACrBN;gBACF;YACF;YACAO,MAAK;YACLC,UAAU;sBAETnB;;;;;;IAGP;IAEA,qBACE,QAACA;QACCE,WAAWK;QACXJ,UAAUA;QACVW,SAASH;QACTI,WAAW,CAACC;YACV,IAAIA,EAAEC,GAAG,KAAK,SAAS;gBACrBN;YACF;QACF;QACAQ,UAAU;QACVC,MAAK;kBAEJpB;;;;;;AAGP,EAAC"}

package/dist/elements/Popup/index.js

@@ -1,5 +1,5 @@
 'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 export * as PopupList from './PopupButtonList/index.js';
 import { useWindowInfo } from '@faceless-ui/window-info';
 import React, { useCallback, useEffect, useRef, useState } from 'react';
@@ -119,20 +119,20 @@ export const Popup = (props)=>{
         active && `${baseClass}--active`,
         showScrollbar && `${baseClass}--show-scrollbar`
     ].filter(Boolean).join(' ');
-    return /*#__PURE__*/ _jsxs("div", {
+    return /*#__PURE__*/ _jsxDEV("div", {
         className: classes,
         id: id,
         children: [
-            /*#__PURE__*/ _jsx("div", {
+            /*#__PURE__*/ _jsxDEV("div", {
                 className: `${baseClass}__trigger-wrap`,
                 ref: triggerRef,
-                children: showOnHover ? /*#__PURE__*/ _jsx("div", {
+                children: showOnHover ? /*#__PURE__*/ _jsxDEV("div", {
                     className: `${baseClass}__on-hover-watch`,
                     onMouseEnter: ()=>setActive(true),
                     onMouseLeave: ()=>setActive(false),
                     role: "button",
                     tabIndex: 0,
-                    children: /*#__PURE__*/ _jsx(PopupTrigger, {
+                    children: /*#__PURE__*/ _jsxDEV(PopupTrigger, {
                         active,
                         button,
                         buttonType,
@@ -141,8 +141,16 @@ export const Popup = (props)=>{
                         noBackground,
                         setActive,
                         size: buttonSize
-                    })
-                }) : /*#__PURE__*/ _jsx(PopupTrigger, {
+                    }, void 0, false, {
+                        fileName: "src/elements/Popup/index.tsx",
+                        lineNumber: 196,
+                        columnNumber: 13
+                    }, this)
+                }, void 0, false, {
+                    fileName: "src/elements/Popup/index.tsx",
+                    lineNumber: 189,
+                    columnNumber: 11
+                }, this) : /*#__PURE__*/ _jsxDEV(PopupTrigger, {
                     active,
                     button,
                     buttonType,
@@ -151,18 +159,26 @@ export const Popup = (props)=>{
                     noBackground,
                     setActive,
                     size: buttonSize
-                })
-            }),
-            /*#__PURE__*/ _jsxs("div", {
+                }, void 0, false, {
+                    fileName: "src/elements/Popup/index.tsx",
+                    lineNumber: 210,
+                    columnNumber: 11
+                }, this)
+            }, void 0, false, {
+                fileName: "src/elements/Popup/index.tsx",
+                lineNumber: 187,
+                columnNumber: 7
+            }, this),
+            /*#__PURE__*/ _jsxDEV("div", {
                 className: `${baseClass}__content`,
                 ref: contentRef,
                 children: [
-                    /*#__PURE__*/ _jsx("div", {
+                    /*#__PURE__*/ _jsxDEV("div", {
                         className: `${baseClass}__hide-scrollbar`,
                         ref: intersectionRef,
-                        children: /*#__PURE__*/ _jsx("div", {
+                        children: /*#__PURE__*/ _jsxDEV("div", {
                             className: `${baseClass}__scroll-container`,
-                            children: /*#__PURE__*/ _jsxs("div", {
+                            children: /*#__PURE__*/ _jsxDEV("div", {
                                 className: `${baseClass}__scroll-content`,
                                 children: [
                                     render && render({
@@ -170,16 +186,40 @@ export const Popup = (props)=>{
                                     }),
                                     children
                                 ]
-                            })
-                        })
-                    }),
-                    caret && /*#__PURE__*/ _jsx("div", {
+                            }, void 0, true, {
+                                fileName: "src/elements/Popup/index.tsx",
+                                lineNumber: 228,
+                                columnNumber: 13
+                            }, this)
+                        }, void 0, false, {
+                            fileName: "src/elements/Popup/index.tsx",
+                            lineNumber: 227,
+                            columnNumber: 11
+                        }, this)
+                    }, void 0, false, {
+                        fileName: "src/elements/Popup/index.tsx",
+                        lineNumber: 226,
+                        columnNumber: 9
+                    }, this),
+                    caret && /*#__PURE__*/ _jsxDEV("div", {
                         className: `${baseClass}__caret`
-                    })
+                    }, void 0, false, {
+                        fileName: "src/elements/Popup/index.tsx",
+                        lineNumber: 235,
+                        columnNumber: 19
+                    }, this)
                 ]
-            })
+            }, void 0, true, {
+                fileName: "src/elements/Popup/index.tsx",
+                lineNumber: 225,
+                columnNumber: 7
+            }, this)
         ]
-    });
+    }, void 0, true, {
+        fileName: "src/elements/Popup/index.tsx",
+        lineNumber: 186,
+        columnNumber: 5
+    }, this);
 };
 
 //# sourceMappingURL=index.js.map

package/dist/elements/Popup/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/Popup/index.tsx"],"sourcesContent":["'use client'\nimport type { CSSProperties } from 'react'\n\nexport * as PopupList from './PopupButtonList/index.js'\n\nimport { useWindowInfo } from '@faceless-ui/window-info'\nimport React, { useCallback, useEffect, useRef, useState } from 'react'\n\nimport { useIntersect } from '../../hooks/useIntersect.js'\nimport { PopupTrigger } from './PopupTrigger/index.js'\nimport './index.scss'\n\nconst baseClass = 'popup'\n\nexport type PopupProps = {\n  backgroundColor?: CSSProperties['backgroundColor']\n  boundingRef?: React.RefObject<HTMLElement>\n  button?: React.ReactNode\n  buttonClassName?: string\n  buttonSize?: 'large' | 'medium' | 'small' | 'xsmall'\n  buttonType?: 'custom' | 'default' | 'none'\n  caret?: boolean\n  children?: React.ReactNode\n  className?: string\n  disabled?: boolean\n  forceOpen?: boolean\n  horizontalAlign?: 'center' | 'left' | 'right'\n  id?: string\n  initActive?: boolean\n  noBackground?: boolean\n  onToggleClose?: () => void\n  onToggleOpen?: (active: boolean) => void\n  render?: (any) => React.ReactNode\n  showOnHover?: boolean\n  showScrollbar?: boolean\n  size?: 'fit-content' | 'large' | 'medium' | 'small'\n  verticalAlign?: 'bottom' | 'top'\n}\n\nexport const Popup: React.FC<PopupProps> = (props) => {\n  const {\n    id,\n    boundingRef,\n    button,\n    buttonClassName,\n    buttonSize,\n    buttonType = 'default',\n    caret = true,\n    children,\n    className,\n    disabled,\n    forceOpen,\n    horizontalAlign: horizontalAlignFromProps = 'left',\n    initActive = false,\n    noBackground,\n    onToggleClose,\n    onToggleOpen,\n    render,\n    showOnHover = false,\n    showScrollbar = false,\n    size = 'medium',\n    verticalAlign: verticalAlignFromProps = 'top',\n  } = props\n  const { height: windowHeight, width: windowWidth } = useWindowInfo()\n\n  const [intersectionRef, intersectionEntry] = useIntersect({\n    root: boundingRef?.current || null,\n    rootMargin: '-100px 0px 0px 0px',\n    threshold: 1,\n  })\n\n  const contentRef = useRef(null)\n  const triggerRef = useRef(null)\n  const [active, setActive_Internal] = useState(initActive)\n  const [verticalAlign, setVerticalAlign] = useState(verticalAlignFromProps)\n  const [horizontalAlign, setHorizontalAlign] = useState(horizontalAlignFromProps)\n\n  const setActive = React.useCallback(\n    (active: boolean) => {\n      if (active && typeof onToggleOpen === 'function') {\n        onToggleOpen(true)\n      }\n      if (!active && typeof onToggleClose === 'function') {\n        onToggleClose()\n      }\n      setActive_Internal(active)\n    },\n    [onToggleClose, onToggleOpen],\n  )\n\n  const setPosition = useCallback(\n    ({ horizontal = false, vertical = false }) => {\n      if (contentRef.current) {\n        const bounds = contentRef.current.getBoundingClientRect()\n\n        const {\n          bottom: contentBottomPos,\n          left: contentLeftPos,\n          right: contentRightPos,\n          top: contentTopPos,\n        } = bounds\n\n        let boundingTopPos = 100\n        let boundingRightPos = document.documentElement.clientWidth\n        let boundingBottomPos = document.documentElement.clientHeight\n        let boundingLeftPos = 0\n\n        if (boundingRef?.current) {\n          ;({\n            bottom: boundingBottomPos,\n            left: boundingLeftPos,\n            right: boundingRightPos,\n            top: boundingTopPos,\n          } = boundingRef.current.getBoundingClientRect())\n        }\n\n        if (horizontal) {\n          if (contentRightPos > boundingRightPos && contentLeftPos > boundingLeftPos) {\n            setHorizontalAlign('right')\n          } else if (contentLeftPos < boundingLeftPos && contentRightPos < boundingRightPos) {\n            setHorizontalAlign('left')\n          }\n        }\n\n        if (vertical) {\n          if (contentTopPos < boundingTopPos && contentBottomPos < boundingBottomPos) {\n            setVerticalAlign('bottom')\n          } else if (contentBottomPos > boundingBottomPos && contentTopPos > boundingTopPos) {\n            setVerticalAlign('top')\n          }\n        }\n      }\n    },\n    [boundingRef],\n  )\n\n  const handleClickOutside = useCallback(\n    (e) => {\n      if (contentRef.current.contains(e.target) || triggerRef.current.contains(e.target)) {\n        return\n      }\n\n      setActive(false)\n    },\n    [contentRef, setActive],\n  )\n\n  useEffect(() => {\n    setPosition({ horizontal: true })\n  }, [intersectionEntry, setPosition, windowWidth])\n\n  useEffect(() => {\n    setPosition({ vertical: true })\n  }, [intersectionEntry, setPosition, windowHeight])\n\n  useEffect(() => {\n    if (active) {\n      document.addEventListener('mousedown', handleClickOutside)\n    } else {\n      document.removeEventListener('mousedown', handleClickOutside)\n    }\n\n    return () => {\n      document.removeEventListener('mousedown', handleClickOutside)\n    }\n  }, [active, handleClickOutside, onToggleOpen])\n\n  useEffect(() => {\n    setActive(forceOpen)\n  }, [forceOpen, setActive])\n\n  const classes = [\n    baseClass,\n    className,\n    `${baseClass}--size-${size}`,\n    buttonSize && `${baseClass}--button-size-${buttonSize}`,\n    `${baseClass}--v-align-${verticalAlign}`,\n    `${baseClass}--h-align-${horizontalAlign}`,\n    active && `${baseClass}--active`,\n    showScrollbar && `${baseClass}--show-scrollbar`,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  return (\n    <div className={classes} id={id}>\n      <div className={`${baseClass}__trigger-wrap`} ref={triggerRef}>\n        {showOnHover ? (\n          <div\n            className={`${baseClass}__on-hover-watch`}\n            onMouseEnter={() => setActive(true)}\n            onMouseLeave={() => setActive(false)}\n            role=\"button\"\n            tabIndex={0}\n          >\n            <PopupTrigger\n              {...{\n                active,\n                button,\n                buttonType,\n                className: buttonClassName,\n                disabled,\n                noBackground,\n                setActive,\n                size: buttonSize,\n              }}\n            />\n          </div>\n        ) : (\n          <PopupTrigger\n            {...{\n              active,\n              button,\n              buttonType,\n              className: buttonClassName,\n              disabled,\n              noBackground,\n              setActive,\n              size: buttonSize,\n            }}\n          />\n        )}\n      </div>\n\n      <div className={`${baseClass}__content`} ref={contentRef}>\n        <div className={`${baseClass}__hide-scrollbar`} ref={intersectionRef}>\n          <div className={`${baseClass}__scroll-container`}>\n            <div className={`${baseClass}__scroll-content`}>\n              {render && render({ close: () => setActive(false) })}\n              {children}\n            </div>\n          </div>\n        </div>\n\n        {caret && <div className={`${baseClass}__caret`} />}\n      </div>\n    </div>\n  )\n}\n"],"names":["PopupList","useWindowInfo","React","useCallback","useEffect","useRef","useState","useIntersect","PopupTrigger","baseClass","Popup","props","id","boundingRef","button","buttonClassName","buttonSize","buttonType","caret","children","className","disabled","forceOpen","horizontalAlign","horizontalAlignFromProps","initActive","noBackground","onToggleClose","onToggleOpen","render","showOnHover","showScrollbar","size","verticalAlign","verticalAlignFromProps","height","windowHeight","width","windowWidth","intersectionRef","intersectionEntry","root","current","rootMargin","threshold","contentRef","triggerRef","active","setActive_Internal","setVerticalAlign","setHorizontalAlign","setActive","setPosition","horizontal","vertical","bounds","getBoundingClientRect","bottom","contentBottomPos","left","contentLeftPos","right","contentRightPos","top","contentTopPos","boundingTopPos","boundingRightPos","document","documentElement","clientWidth","boundingBottomPos","clientHeight","boundingLeftPos","handleClickOutside","e","contains","target","addEventListener","removeEventListener","classes","filter","Boolean","join","div","ref","onMouseEnter","onMouseLeave","role","tabIndex","close"],"mappings":"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"}
+{"version":3,"sources":["../../../src/elements/Popup/index.tsx"],"sourcesContent":["'use client'\nimport type { CSSProperties } from 'react'\n\nexport * as PopupList from './PopupButtonList/index.js'\n\nimport { useWindowInfo } from '@faceless-ui/window-info'\nimport React, { useCallback, useEffect, useRef, useState } from 'react'\n\nimport { useIntersect } from '../../hooks/useIntersect.js'\nimport { PopupTrigger } from './PopupTrigger/index.js'\nimport './index.scss'\n\nconst baseClass = 'popup'\n\nexport type PopupProps = {\n  backgroundColor?: CSSProperties['backgroundColor']\n  boundingRef?: React.RefObject<HTMLElement>\n  button?: React.ReactNode\n  buttonClassName?: string\n  buttonSize?: 'large' | 'medium' | 'small' | 'xsmall'\n  buttonType?: 'custom' | 'default' | 'none'\n  caret?: boolean\n  children?: React.ReactNode\n  className?: string\n  disabled?: boolean\n  forceOpen?: boolean\n  horizontalAlign?: 'center' | 'left' | 'right'\n  id?: string\n  initActive?: boolean\n  noBackground?: boolean\n  onToggleClose?: () => void\n  onToggleOpen?: (active: boolean) => void\n  render?: (any) => React.ReactNode\n  showOnHover?: boolean\n  showScrollbar?: boolean\n  size?: 'fit-content' | 'large' | 'medium' | 'small'\n  verticalAlign?: 'bottom' | 'top'\n}\n\nexport const Popup: React.FC<PopupProps> = (props) => {\n  const {\n    id,\n    boundingRef,\n    button,\n    buttonClassName,\n    buttonSize,\n    buttonType = 'default',\n    caret = true,\n    children,\n    className,\n    disabled,\n    forceOpen,\n    horizontalAlign: horizontalAlignFromProps = 'left',\n    initActive = false,\n    noBackground,\n    onToggleClose,\n    onToggleOpen,\n    render,\n    showOnHover = false,\n    showScrollbar = false,\n    size = 'medium',\n    verticalAlign: verticalAlignFromProps = 'top',\n  } = props\n  const { height: windowHeight, width: windowWidth } = useWindowInfo()\n\n  const [intersectionRef, intersectionEntry] = useIntersect({\n    root: boundingRef?.current || null,\n    rootMargin: '-100px 0px 0px 0px',\n    threshold: 1,\n  })\n\n  const contentRef = useRef(null)\n  const triggerRef = useRef(null)\n  const [active, setActive_Internal] = useState(initActive)\n  const [verticalAlign, setVerticalAlign] = useState(verticalAlignFromProps)\n  const [horizontalAlign, setHorizontalAlign] = useState(horizontalAlignFromProps)\n\n  const setActive = React.useCallback(\n    (active: boolean) => {\n      if (active && typeof onToggleOpen === 'function') {\n        onToggleOpen(true)\n      }\n      if (!active && typeof onToggleClose === 'function') {\n        onToggleClose()\n      }\n      setActive_Internal(active)\n    },\n    [onToggleClose, onToggleOpen],\n  )\n\n  const setPosition = useCallback(\n    ({ horizontal = false, vertical = false }) => {\n      if (contentRef.current) {\n        const bounds = contentRef.current.getBoundingClientRect()\n\n        const {\n          bottom: contentBottomPos,\n          left: contentLeftPos,\n          right: contentRightPos,\n          top: contentTopPos,\n        } = bounds\n\n        let boundingTopPos = 100\n        let boundingRightPos = document.documentElement.clientWidth\n        let boundingBottomPos = document.documentElement.clientHeight\n        let boundingLeftPos = 0\n\n        if (boundingRef?.current) {\n          ;({\n            bottom: boundingBottomPos,\n            left: boundingLeftPos,\n            right: boundingRightPos,\n            top: boundingTopPos,\n          } = boundingRef.current.getBoundingClientRect())\n        }\n\n        if (horizontal) {\n          if (contentRightPos > boundingRightPos && contentLeftPos > boundingLeftPos) {\n            setHorizontalAlign('right')\n          } else if (contentLeftPos < boundingLeftPos && contentRightPos < boundingRightPos) {\n            setHorizontalAlign('left')\n          }\n        }\n\n        if (vertical) {\n          if (contentTopPos < boundingTopPos && contentBottomPos < boundingBottomPos) {\n            setVerticalAlign('bottom')\n          } else if (contentBottomPos > boundingBottomPos && contentTopPos > boundingTopPos) {\n            setVerticalAlign('top')\n          }\n        }\n      }\n    },\n    [boundingRef],\n  )\n\n  const handleClickOutside = useCallback(\n    (e) => {\n      if (contentRef.current.contains(e.target) || triggerRef.current.contains(e.target)) {\n        return\n      }\n\n      setActive(false)\n    },\n    [contentRef, setActive],\n  )\n\n  useEffect(() => {\n    setPosition({ horizontal: true })\n  }, [intersectionEntry, setPosition, windowWidth])\n\n  useEffect(() => {\n    setPosition({ vertical: true })\n  }, [intersectionEntry, setPosition, windowHeight])\n\n  useEffect(() => {\n    if (active) {\n      document.addEventListener('mousedown', handleClickOutside)\n    } else {\n      document.removeEventListener('mousedown', handleClickOutside)\n    }\n\n    return () => {\n      document.removeEventListener('mousedown', handleClickOutside)\n    }\n  }, [active, handleClickOutside, onToggleOpen])\n\n  useEffect(() => {\n    setActive(forceOpen)\n  }, [forceOpen, setActive])\n\n  const classes = [\n    baseClass,\n    className,\n    `${baseClass}--size-${size}`,\n    buttonSize && `${baseClass}--button-size-${buttonSize}`,\n    `${baseClass}--v-align-${verticalAlign}`,\n    `${baseClass}--h-align-${horizontalAlign}`,\n    active && `${baseClass}--active`,\n    showScrollbar && `${baseClass}--show-scrollbar`,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  return (\n    <div className={classes} id={id}>\n      <div className={`${baseClass}__trigger-wrap`} ref={triggerRef}>\n        {showOnHover ? (\n          <div\n            className={`${baseClass}__on-hover-watch`}\n            onMouseEnter={() => setActive(true)}\n            onMouseLeave={() => setActive(false)}\n            role=\"button\"\n            tabIndex={0}\n          >\n            <PopupTrigger\n              {...{\n                active,\n                button,\n                buttonType,\n                className: buttonClassName,\n                disabled,\n                noBackground,\n                setActive,\n                size: buttonSize,\n              }}\n            />\n          </div>\n        ) : (\n          <PopupTrigger\n            {...{\n              active,\n              button,\n              buttonType,\n              className: buttonClassName,\n              disabled,\n              noBackground,\n              setActive,\n              size: buttonSize,\n            }}\n          />\n        )}\n      </div>\n\n      <div className={`${baseClass}__content`} ref={contentRef}>\n        <div className={`${baseClass}__hide-scrollbar`} ref={intersectionRef}>\n          <div className={`${baseClass}__scroll-container`}>\n            <div className={`${baseClass}__scroll-content`}>\n              {render && render({ close: () => setActive(false) })}\n              {children}\n            </div>\n          </div>\n        </div>\n\n        {caret && <div className={`${baseClass}__caret`} />}\n      </div>\n    </div>\n  )\n}\n"],"names":["PopupList","useWindowInfo","React","useCallback","useEffect","useRef","useState","useIntersect","PopupTrigger","baseClass","Popup","props","id","boundingRef","button","buttonClassName","buttonSize","buttonType","caret","children","className","disabled","forceOpen","horizontalAlign","horizontalAlignFromProps","initActive","noBackground","onToggleClose","onToggleOpen","render","showOnHover","showScrollbar","size","verticalAlign","verticalAlignFromProps","height","windowHeight","width","windowWidth","intersectionRef","intersectionEntry","root","current","rootMargin","threshold","contentRef","triggerRef","active","setActive_Internal","setVerticalAlign","setHorizontalAlign","setActive","setPosition","horizontal","vertical","bounds","getBoundingClientRect","bottom","contentBottomPos","left","contentLeftPos","right","contentRightPos","top","contentTopPos","boundingTopPos","boundingRightPos","document","documentElement","clientWidth","boundingBottomPos","clientHeight","boundingLeftPos","handleClickOutside","e","contains","target","addEventListener","removeEventListener","classes","filter","Boolean","join","div","ref","onMouseEnter","onMouseLeave","role","tabIndex","close"],"mappings":"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"}

package/dist/elements/PreviewButton/index.js

@@ -1,5 +1,5 @@
 'use client';
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import React from 'react';
 import { ExternalLinkIcon } from '../../icons/ExternalLink/index.js';
 import './index.scss';
@@ -12,15 +12,23 @@ export function PreviewButton(props) {
     if (!previewURL) {
         return null;
     }
-    return /*#__PURE__*/ _jsx("a", {
+    return /*#__PURE__*/ _jsxDEV("a", {
         "aria-label": t('version:preview'),
         className: baseClass,
         href: previewURL,
         id: "preview-button",
         target: "_blank",
         title: t('version:preview'),
-        children: /*#__PURE__*/ _jsx(ExternalLinkIcon, {})
-    });
+        children: /*#__PURE__*/ _jsxDEV(ExternalLinkIcon, {}, void 0, false, {
+            fileName: "src/elements/PreviewButton/index.tsx",
+            lineNumber: 30,
+            columnNumber: 7
+        }, this)
+    }, void 0, false, {
+        fileName: "src/elements/PreviewButton/index.tsx",
+        lineNumber: 22,
+        columnNumber: 5
+    }, this);
 }
 
 //# sourceMappingURL=index.js.map

package/dist/elements/PreviewButton/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/PreviewButton/index.tsx"],"sourcesContent":["'use client'\nimport type { PreviewButtonClientProps } from 'payload'\n\nimport React from 'react'\n\nimport { ExternalLinkIcon } from '../../icons/ExternalLink/index.js'\nimport './index.scss'\nimport { usePreviewURL } from '../../providers/LivePreview/context.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\n\nconst baseClass = 'preview-btn'\n\nexport function PreviewButton(props: PreviewButtonClientProps) {\n  const { previewURL } = usePreviewURL()\n  const { t } = useTranslation()\n\n  if (!previewURL) {\n    return null\n  }\n\n  return (\n    <a\n      aria-label={t('version:preview')}\n      className={baseClass}\n      href={previewURL}\n      id=\"preview-button\"\n      target=\"_blank\"\n      title={t('version:preview')}\n    >\n      <ExternalLinkIcon />\n    </a>\n  )\n}\n"],"names":["React","ExternalLinkIcon","usePreviewURL","useTranslation","baseClass","PreviewButton","props","previewURL","t","a","aria-label","className","href","id","target","title"],"mappings":"AAAA;;AAGA,OAAOA,WAAW,QAAO;AAEzB,SAASC,gBAAgB,QAAQ,oCAAmC;AACpE,OAAO,eAAc;AACrB,SAASC,aAAa,QAAQ,yCAAwC;AACtE,SAASC,cAAc,QAAQ,uCAAsC;AAErE,MAAMC,YAAY;AAElB,OAAO,SAASC,cAAcC,KAA+B;IAC3D,MAAM,EAAEC,UAAU,EAAE,GAAGL;IACvB,MAAM,EAAEM,CAAC,EAAE,GAAGL;IAEd,IAAI,CAACI,YAAY;QACf,OAAO;IACT;IAEA,qBACE,KAACE;QACCC,cAAYF,EAAE;QACdG,WAAWP;QACXQ,MAAML;QACNM,IAAG;QACHC,QAAO;QACPC,OAAOP,EAAE;kBAET,cAAA,KAACP;;AAGP"}
+{"version":3,"sources":["../../../src/elements/PreviewButton/index.tsx"],"sourcesContent":["'use client'\nimport type { PreviewButtonClientProps } from 'payload'\n\nimport React from 'react'\n\nimport { ExternalLinkIcon } from '../../icons/ExternalLink/index.js'\nimport './index.scss'\nimport { usePreviewURL } from '../../providers/LivePreview/context.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\n\nconst baseClass = 'preview-btn'\n\nexport function PreviewButton(props: PreviewButtonClientProps) {\n  const { previewURL } = usePreviewURL()\n  const { t } = useTranslation()\n\n  if (!previewURL) {\n    return null\n  }\n\n  return (\n    <a\n      aria-label={t('version:preview')}\n      className={baseClass}\n      href={previewURL}\n      id=\"preview-button\"\n      target=\"_blank\"\n      title={t('version:preview')}\n    >\n      <ExternalLinkIcon />\n    </a>\n  )\n}\n"],"names":["React","ExternalLinkIcon","usePreviewURL","useTranslation","baseClass","PreviewButton","props","previewURL","t","a","aria-label","className","href","id","target","title"],"mappings":"AAAA;;AAGA,OAAOA,WAAW,QAAO;AAEzB,SAASC,gBAAgB,QAAQ,oCAAmC;AACpE,OAAO,eAAc;AACrB,SAASC,aAAa,QAAQ,yCAAwC;AACtE,SAASC,cAAc,QAAQ,uCAAsC;AAErE,MAAMC,YAAY;AAElB,OAAO,SAASC,cAAcC,KAA+B;IAC3D,MAAM,EAAEC,UAAU,EAAE,GAAGL;IACvB,MAAM,EAAEM,CAAC,EAAE,GAAGL;IAEd,IAAI,CAACI,YAAY;QACf,OAAO;IACT;IAEA,qBACE,QAACE;QACCC,cAAYF,EAAE;QACdG,WAAWP;QACXQ,MAAML;QACNM,IAAG;QACHC,QAAO;QACPC,OAAOP,EAAE;kBAET,cAAA,QAACP;;;;;;;;;;AAGP"}