@payloadcms/ui 3.68.0-internal-debug.56c9b68 → 3.68.0-internal-debug.185cc5f

package/dist/elements/PillSelector/index.js

@@ -1,5 +1,4 @@
 'use client';
-
 import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
 import { PlusIcon } from '../../icons/Plus/index.js';
@@ -11,60 +10,60 @@ const baseClass = 'pill-selector';
 /**
  * Displays a wrappable list of pills that can be selected or deselected.
  * If `draggable` is true, the pills can be reordered by dragging.
- */
-export const PillSelector = ({
-  draggable,
-  onClick,
-  pills
-}) => {
-  // IMPORTANT: Do NOT wrap DraggableSortable in a dynamic component function using useMemo.
-  // BAD: useMemo(() => ({ children }) => <DraggableSortable>...</DraggableSortable>, [deps])
-  // This creates a new function reference on each recomputation, causing React to treat it as a
-  // different component type, triggering unmount/mount cycles instead of just updating props.
-  // GOOD: Use conditional rendering directly: draggable ? <DraggableSortable /> : <div />
-  const pillElements = React.useMemo(() => {
-    return pills.map((pill, i) => {
-      return /*#__PURE__*/_jsx(Pill, {
-        alignIcon: "left",
-        "aria-checked": pill.selected,
-        className: [`${baseClass}__pill`, pill.selected && `${baseClass}__pill--selected`].filter(Boolean).join(' '),
-        draggable: Boolean(draggable),
-        icon: pill.selected ? /*#__PURE__*/_jsx(XIcon, {}) : /*#__PURE__*/_jsx(PlusIcon, {}),
-        id: pill.name,
-        onClick: () => {
-          if (onClick) {
-            void onClick({
-              pill
-            });
-          }
-        },
-        size: "small",
-        children: pill.Label ?? /*#__PURE__*/_jsx("span", {
-          className: `${baseClass}__pill-label`,
-          children: pill.name
-        })
-      }, pill.key ?? `${pill.name}-${i}`);
-    });
-  }, [pills, onClick, draggable]);
-  if (draggable) {
-    return /*#__PURE__*/_jsx(DraggableSortable, {
-      className: baseClass,
-      ids: pills.map(pill_0 => pill_0.name),
-      onDragEnd: ({
-        moveFromIndex,
-        moveToIndex
-      }) => {
-        draggable.onDragEnd({
-          moveFromIndex,
-          moveToIndex
+ */ export const PillSelector = ({ draggable, onClick, pills })=>{
+    // IMPORTANT: Do NOT wrap DraggableSortable in a dynamic component function using useMemo.
+    // BAD: useMemo(() => ({ children }) => <DraggableSortable>...</DraggableSortable>, [deps])
+    // This creates a new function reference on each recomputation, causing React to treat it as a
+    // different component type, triggering unmount/mount cycles instead of just updating props.
+    // GOOD: Use conditional rendering directly: draggable ? <DraggableSortable /> : <div />
+    const pillElements = React.useMemo(()=>{
+        return pills.map((pill, i)=>{
+            return /*#__PURE__*/ _jsx(Pill, {
+                alignIcon: "left",
+                "aria-checked": pill.selected,
+                className: [
+                    `${baseClass}__pill`,
+                    pill.selected && `${baseClass}__pill--selected`
+                ].filter(Boolean).join(' '),
+                draggable: Boolean(draggable),
+                icon: pill.selected ? /*#__PURE__*/ _jsx(XIcon, {}) : /*#__PURE__*/ _jsx(PlusIcon, {}),
+                id: pill.name,
+                onClick: ()=>{
+                    if (onClick) {
+                        void onClick({
+                            pill
+                        });
+                    }
+                },
+                size: "small",
+                children: pill.Label ?? /*#__PURE__*/ _jsx("span", {
+                    className: `${baseClass}__pill-label`,
+                    children: pill.name
+                })
+            }, pill.key ?? `${pill.name}-${i}`);
         });
-      },
-      children: pillElements
+    }, [
+        pills,
+        onClick,
+        draggable
+    ]);
+    if (draggable) {
+        return /*#__PURE__*/ _jsx(DraggableSortable, {
+            className: baseClass,
+            ids: pills.map((pill)=>pill.name),
+            onDragEnd: ({ moveFromIndex, moveToIndex })=>{
+                draggable.onDragEnd({
+                    moveFromIndex,
+                    moveToIndex
+                });
+            },
+            children: pillElements
+        });
+    }
+    return /*#__PURE__*/ _jsx("div", {
+        className: baseClass,
+        children: pillElements
     });
-  }
-  return /*#__PURE__*/_jsx("div", {
-    className: baseClass,
-    children: pillElements
-  });
 };
+
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PlusIcon","XIcon","DraggableSortable","Pill","baseClass","PillSelector","draggable","onClick","pills","pillElements","useMemo","map","pill","i","_jsx","alignIcon","selected","className","filter","Boolean","join","icon","id","name","size","Label","key","ids","onDragEnd","moveFromIndex","moveToIndex"],"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"],"mappings":"AAAA;;;AAEA,OAAOA,KAAA,MAAW;AAElB,SAASC,QAAQ,QAAQ;AACzB,SAASC,KAAK,QAAQ;AACtB,SAASC,iBAAiB,QAAQ;AAClC,SAASC,IAAI,QAAQ;AACrB,OAAO;AAEP,MAAMC,SAAA,GAAY;AAiBlB;;;;AAIA,OAAO,MAAMC,YAAA,GAAgCA,CAAC;EAAEC,SAAS;EAAEC,OAAO;EAAEC;AAAK,CAAE;EACzE;EACA;EACA;EACA;EACA;EACA,MAAMC,YAAA,GAAeV,KAAA,CAAMW,OAAO,CAAC;IACjC,OAAOF,KAAA,CAAMG,GAAG,CAAC,CAACC,IAAA,EAAMC,CAAA;MACtB,oBACEC,IAAA,CAACX,IAAA;QACCY,SAAA,EAAU;QACV,gBAAcH,IAAA,CAAKI,QAAQ;QAC3BC,SAAA,EAAW,CAAC,GAAGb,SAAA,QAAiB,EAAEQ,IAAA,CAAKI,QAAQ,IAAI,GAAGZ,SAAA,kBAA2B,CAAC,CAC/Ec,MAAM,CAACC,OAAA,EACPC,IAAI,CAAC;QACRd,SAAA,EAAWa,OAAA,CAAQb,SAAA;QACnBe,IAAA,EAAMT,IAAA,CAAKI,QAAQ,gBAAGF,IAAA,CAACb,KAAA,qBAAWa,IAAA,CAACd,QAAA;QACnCsB,EAAA,EAAIV,IAAA,CAAKW,IAAI;QAEbhB,OAAA,EAASA,CAAA;UACP,IAAIA,OAAA,EAAS;YACX,KAAKA,OAAA,CAAQ;cAAEK;YAAK;UACtB;QACF;QACAY,IAAA,EAAK;kBAEJZ,IAAA,CAAKa,KAAK,iBAAIX,IAAA,CAAC;UAAKG,SAAA,EAAW,GAAGb,SAAA,cAAuB;oBAAGQ,IAAA,CAAKW;;SAR7DX,IAAA,CAAKc,GAAG,IAAI,GAAGd,IAAA,CAAKW,IAAI,IAAIV,CAAA,EAAG;IAW1C;EACF,GAAG,CAACL,KAAA,EAAOD,OAAA,EAASD,SAAA,CAAU;EAE9B,IAAIA,SAAA,EAAW;IACb,oBACEQ,IAAA,CAACZ,iBAAA;MACCe,SAAA,EAAWb,SAAA;MACXuB,GAAA,EAAKnB,KAAA,CAAMG,GAAG,CAAEC,MAAA,IAASA,MAAA,CAAKW,IAAI;MAClCK,SAAA,EAAWA,CAAC;QAAEC,aAAa;QAAEC;MAAW,CAAE;QACxCxB,SAAA,CAAUsB,SAAS,CAAC;UAClBC,aAAA;UACAC;QACF;MACF;gBAECrB;;EAGP;EAEA,oBAAOK,IAAA,CAAC;IAAIG,SAAA,EAAWb,SAAA;cAAYK;;AACrC","ignoreList":[]}
+{"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"}

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

@@ -1,5 +1,4 @@
 'use client';
-
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from 'react';
 import { Link } from '../../Link/index.js';
@@ -7,61 +6,59 @@ import './index.scss';
 const baseClass = 'popup-button-list';
 export { PopupListDivider as Divider } from '../PopupDivider/index.js';
 export { PopupListGroupLabel as GroupLabel } from '../PopupGroupLabel/index.js';
-export const ButtonGroup = ({
-  buttonSize = 'default',
-  children,
-  className,
-  textAlign = 'left'
-}) => {
-  const classes = [baseClass, className, `${baseClass}__text-align--${textAlign}`, `${baseClass}__button-size--${buttonSize}`].filter(Boolean).join(' ');
-  return /*#__PURE__*/_jsx("div", {
-    className: classes,
-    children: children
-  });
-};
-export const Button = ({
-  id,
-  active,
-  children,
-  className,
-  disabled,
-  href,
-  onClick
-}) => {
-  const classes = [`${baseClass}__button`, disabled && `${baseClass}__disabled`, active && `${baseClass}__button--selected`, className].filter(Boolean).join(' ');
-  if (!disabled) {
-    if (href) {
-      return /*#__PURE__*/_jsx(Link, {
+export const ButtonGroup = ({ buttonSize = 'default', children, className, textAlign = 'left' })=>{
+    const classes = [
+        baseClass,
+        className,
+        `${baseClass}__text-align--${textAlign}`,
+        `${baseClass}__button-size--${buttonSize}`
+    ].filter(Boolean).join(' ');
+    return /*#__PURE__*/ _jsx("div", {
         className: classes,
-        href: href,
-        id: id,
-        onClick: e => {
-          if (onClick) {
-            onClick(e);
-          }
-        },
-        prefetch: false,
         children: children
-      });
+    });
+};
+export const Button = ({ id, active, children, className, disabled, href, onClick })=>{
+    const classes = [
+        `${baseClass}__button`,
+        disabled && `${baseClass}__disabled`,
+        active && `${baseClass}__button--selected`,
+        className
+    ].filter(Boolean).join(' ');
+    if (!disabled) {
+        if (href) {
+            return /*#__PURE__*/ _jsx(Link, {
+                className: classes,
+                href: href,
+                id: id,
+                onClick: (e)=>{
+                    if (onClick) {
+                        onClick(e);
+                    }
+                },
+                prefetch: false,
+                children: children
+            });
+        }
+        if (onClick) {
+            return /*#__PURE__*/ _jsx("button", {
+                className: classes,
+                id: id,
+                onClick: (e)=>{
+                    if (onClick) {
+                        onClick(e);
+                    }
+                },
+                type: "button",
+                children: children
+            });
+        }
     }
-    if (onClick) {
-      return /*#__PURE__*/_jsx("button", {
+    return /*#__PURE__*/ _jsx("div", {
         className: classes,
         id: id,
-        onClick: e => {
-          if (onClick) {
-            onClick(e);
-          }
-        },
-        type: "button",
         children: children
-      });
-    }
-  }
-  return /*#__PURE__*/_jsx("div", {
-    className: classes,
-    id: id,
-    children: children
-  });
+    });
 };
+
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","Link","baseClass","PopupListDivider","Divider","PopupListGroupLabel","GroupLabel","ButtonGroup","buttonSize","children","className","textAlign","classes","filter","Boolean","join","_jsx","Button","id","active","disabled","href","onClick","e","prefetch","type"],"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"],"mappings":"AAAA;;;AAGA,YAAYA,KAAA,MAAW;AAEvB,SAASC,IAAI,QAAQ;AACrB,OAAO;AAEP,MAAMC,SAAA,GAAY;AAElB,SAASC,gBAAA,IAAoBC,OAAO,QAAQ;AAC5C,SAASC,mBAAA,IAAuBC,UAAU,QAAQ;AAElD,OAAO,MAAMC,WAAA,GAKRA,CAAC;EAAEC,UAAA,GAAa,SAAS;EAAEC,QAAQ;EAAEC,SAAS;EAAEC,SAAA,GAAY;AAAM,CAAE;EACvE,MAAMC,OAAA,GAAU,CACdV,SAAA,EACAQ,SAAA,EACA,GAAGR,SAAA,iBAA0BS,SAAA,EAAW,EACxC,GAAGT,SAAA,kBAA2BM,UAAA,EAAY,CAC3C,CACEK,MAAM,CAACC,OAAA,EACPC,IAAI,CAAC;EACR,oBAAOC,IAAA,CAAC;IAAIN,SAAA,EAAWE,OAAA;cAAUH;;AACnC;AAYA,OAAO,MAAMQ,MAAA,GAAoCA,CAAC;EAChDC,EAAE;EACFC,MAAM;EACNV,QAAQ;EACRC,SAAS;EACTU,QAAQ;EACRC,IAAI;EACJC;AAAO,CACR;EACC,MAAMV,OAAA,GAAU,CACd,GAAGV,SAAA,UAAmB,EACtBkB,QAAA,IAAY,GAAGlB,SAAA,YAAqB,EACpCiB,MAAA,IAAU,GAAGjB,SAAA,oBAA6B,EAC1CQ,SAAA,CACD,CACEG,MAAM,CAACC,OAAA,EACPC,IAAI,CAAC;EAER,IAAI,CAACK,QAAA,EAAU;IACb,IAAIC,IAAA,EAAM;MACR,oBACEL,IAAA,CAACf,IAAA;QACCS,SAAA,EAAWE,OAAA;QACXS,IAAA,EAAMA,IAAA;QACNH,EAAA,EAAIA,EAAA;QACJI,OAAA,EAAUC,CAAA;UACR,IAAID,OAAA,EAAS;YACXA,OAAA,CAAQC,CAAA;UACV;QACF;QACAC,QAAA,EAAU;kBAETf;;IAGP;IAEA,IAAIa,OAAA,EAAS;MACX,oBACEN,IAAA,CAAC;QACCN,SAAA,EAAWE,OAAA;QACXM,EAAA,EAAIA,EAAA;QACJI,OAAA,EAAUC,CAAA;UACR,IAAID,OAAA,EAAS;YACXA,OAAA,CAAQC,CAAA;UACV;QACF;QACAE,IAAA,EAAK;kBAEJhB;;IAGP;EACF;EAEA,oBACEO,IAAA,CAAC;IAAIN,SAAA,EAAWE,OAAA;IAASM,EAAA,EAAIA,EAAA;cAC1BT;;AAGP","ignoreList":[]}
+{"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"}

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

@@ -2,9 +2,10 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
 import './index.scss';
 const baseClass = 'popup-divider';
-export const PopupListDivider = () => {
-  return /*#__PURE__*/_jsx("hr", {
-    className: baseClass
-  });
+export const PopupListDivider = ()=>{
+    return /*#__PURE__*/ _jsx("hr", {
+        className: baseClass
+    });
 };
+
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","baseClass","PopupListDivider","_jsx","className"],"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"],"mappings":";AAAA,OAAOA,KAAA,MAAW;AAElB,OAAO;AAEP,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,gBAAA,GAA6BA,CAAA;EACxC,oBAAOC,IAAA,CAAC;IAAGC,SAAA,EAAWH;;AACxB","ignoreList":[]}
+{"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"}

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

@@ -2,12 +2,11 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
 import './index.scss';
 const baseClass = 'popup-list-group-label';
-export const PopupListGroupLabel = ({
-  label
-}) => {
-  return /*#__PURE__*/_jsx("p", {
-    className: baseClass,
-    children: label
-  });
+export const PopupListGroupLabel = ({ label })=>{
+    return /*#__PURE__*/ _jsx("p", {
+        className: baseClass,
+        children: label
+    });
 };
+
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","baseClass","PopupListGroupLabel","label","_jsx","className"],"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"],"mappings":";AAAA,OAAOA,KAAA,MAAW;AAElB,OAAO;AAEP,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,mBAAA,GAERA,CAAC;EAAEC;AAAK,CAAE;EACb,oBAAOC,IAAA,CAAC;IAAEC,SAAA,EAAWJ,SAAA;cAAYE;;AACnC","ignoreList":[]}
+{"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"}

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

@@ -1,119 +1,54 @@
 'use client';
-
-import { c as _c } from "react/compiler-runtime";
 import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
 import './index.scss';
 const baseClass = 'popup-button';
-export const PopupTrigger = props => {
-  const $ = _c(24);
-  const {
-    active,
-    button,
-    buttonType,
-    className,
-    disabled,
-    noBackground,
-    setActive,
-    size
-  } = props;
-  const t0 = `${baseClass}--${buttonType}`;
-  const t1 = !noBackground && `${baseClass}--background`;
-  const t2 = size && `${baseClass}--size-${size}`;
-  const t3 = disabled && `${baseClass}--disabled`;
-  let t4;
-  if ($[0] !== className || $[1] !== t0 || $[2] !== t1 || $[3] !== t2 || $[4] !== t3) {
-    t4 = [baseClass, className, t0, t1, t2, t3].filter(Boolean);
-    $[0] = className;
-    $[1] = t0;
-    $[2] = t1;
-    $[3] = t2;
-    $[4] = t3;
-    $[5] = t4;
-  } else {
-    t4 = $[5];
-  }
-  const classes = t4.join(" ");
-  let t5;
-  if ($[6] !== active || $[7] !== setActive) {
-    t5 = () => {
-      setActive(!active);
-    };
-    $[6] = active;
-    $[7] = setActive;
-    $[8] = t5;
-  } else {
-    t5 = $[8];
-  }
-  const handleClick = t5;
-  if (buttonType === "none") {
-    return null;
-  }
-  if (buttonType === "custom") {
-    let t6;
-    if ($[9] !== handleClick) {
-      t6 = e => {
-        if (e.key === "Enter") {
-          handleClick();
-        }
-      };
-      $[9] = handleClick;
-      $[10] = t6;
-    } else {
-      t6 = $[10];
+export const PopupTrigger = (props)=>{
+    const { active, button, buttonType, className, disabled, noBackground, setActive, size } = props;
+    const classes = [
+        baseClass,
+        className,
+        `${baseClass}--${buttonType}`,
+        !noBackground && `${baseClass}--background`,
+        size && `${baseClass}--size-${size}`,
+        disabled && `${baseClass}--disabled`
+    ].filter(Boolean).join(' ');
+    const handleClick = React.useCallback(()=>{
+        setActive(!active);
+    }, [
+        active,
+        setActive
+    ]);
+    if (buttonType === 'none') {
+        return null;
+    }
+    if (buttonType === 'custom') {
+        return /*#__PURE__*/ _jsx("div", {
+            className: classes,
+            onClick: handleClick,
+            onKeyDown: (e)=>{
+                if (e.key === 'Enter') {
+                    handleClick();
+                }
+            },
+            role: "button",
+            tabIndex: 0,
+            children: button
+        });
     }
-    let t7;
-    if ($[11] !== button || $[12] !== classes || $[13] !== handleClick || $[14] !== t6) {
-      t7 = _jsx("div", {
+    return /*#__PURE__*/ _jsx("button", {
         className: classes,
+        disabled: disabled,
         onClick: handleClick,
-        onKeyDown: t6,
-        role: "button",
+        onKeyDown: (e)=>{
+            if (e.key === 'Enter') {
+                handleClick();
+            }
+        },
         tabIndex: 0,
+        type: "button",
         children: button
-      });
-      $[11] = button;
-      $[12] = classes;
-      $[13] = handleClick;
-      $[14] = t6;
-      $[15] = t7;
-    } else {
-      t7 = $[15];
-    }
-    return t7;
-  }
-  let t6;
-  if ($[16] !== handleClick) {
-    t6 = e_0 => {
-      if (e_0.key === "Enter") {
-        handleClick();
-      }
-    };
-    $[16] = handleClick;
-    $[17] = t6;
-  } else {
-    t6 = $[17];
-  }
-  let t7;
-  if ($[18] !== button || $[19] !== classes || $[20] !== disabled || $[21] !== handleClick || $[22] !== t6) {
-    t7 = _jsx("button", {
-      className: classes,
-      disabled,
-      onClick: handleClick,
-      onKeyDown: t6,
-      tabIndex: 0,
-      type: "button",
-      children: button
     });
-    $[18] = button;
-    $[19] = classes;
-    $[20] = disabled;
-    $[21] = handleClick;
-    $[22] = t6;
-    $[23] = t7;
-  } else {
-    t7 = $[23];
-  }
-  return t7;
 };
+
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","React","baseClass","PopupTrigger","props","$","active","button","buttonType","className","disabled","noBackground","setActive","size","t0","t1","t2","t3","t4","filter","Boolean","classes","join","t5","handleClick","t6","e","key","t7","_jsx","onClick","onKeyDown","role","tabIndex","children","e_0","type"],"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"],"mappings":"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","ignoreList":[]}
+{"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":[],"sources":["../../../../src/elements/Popup/PopupTrigger/types.ts"],"sourcesContent":[null],"mappings":"","ignoreList":[]}
+{"version":3,"sources":["../../../../src/elements/Popup/PopupTrigger/types.ts"],"names":[],"mappings":""}