@payloadcms/ui 3.68.0-internal-debug.e9b66ee → 3.68.0-internal.35482da

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","key","size","Label","span","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,QACGV,KACCW,UAAU,OACVC,cAAcH,KAAKI,QAAQ,EAC3BC,WAAW;gBAAC,GAAGb,UAAU,MAAM,CAAC;gBAAEQ,KAAKI,QAAQ,IAAI,GAAGZ,UAAU,gBAAgB,CAAC;aAAC,CAC/Ec,MAAM,CAACC,SACPC,IAAI,CAAC,MACRd,WAAWa,QAAQb,YACnBe,MAAMT,KAAKI,QAAQ,IAAIf,WAAYD,YACnCsB,IAAIV,KAAKW,IAAI,EACbC,KAAKZ,KAAKY,GAAG,IAAI,GAAGZ,KAAKW,IAAI,CAAC,CAAC,EAAEV,GAAG,EACpCN,SAAS;gBACP,IAAIA,SAAS;oBACX,KAAKA,QAAQ;wBAAEK;oBAAK;gBACtB;YACF,GACAa,KAAK,QACN;UACC,CAACb,KAAKc,KAAK,KAAKC,KAAKV,WAAW,GAAGb,UAAU,YAAY,CAAC,GAAGQ,KAAKW,IAAI,GAAGI,MAAM;QACjF,EAAExB;QAEN;IACF,GAAG;QAACK;QAAOD;QAASD;KAAU;IAE9B,IAAIA,WAAW;QACb,QACGJ,kBACCe,WAAWb,WACXwB,KAAKpB,MAAMG,GAAG,CAAC,CAACC,OAASA,KAAKW,IAAI,GAClCM,WAAW,CAAC,EAAEC,aAAa,EAAEC,WAAW,EAAE;YACxCzB,UAAUuB,SAAS,CAAC;gBAClBC;gBACAC;YACF;QACF,GACD;QACC,CAACtB,aAAa;MAChB,EAAEP;IAEN;IAEA,QAAQ8B,IAAIf,WAAWb,YAAYK,eAAeuB;AACpD,EAAC"}
+{"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":[]}

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

@@ -1,48 +1,67 @@
 'use client';
+
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
 import { Link } from '../../Link/index.js';
 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 <div className={classes}>{children}</div>;
+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 <Link className={classes} href={href} id={id} onClick={(e)=>{
-                if (onClick) {
-                    onClick(e);
-                }
-            }} prefetch={false}>
-          {children}
-        </Link>;
-        }
-        if (onClick) {
-            return <button className={classes} id={id} onClick={(e)=>{
-                if (onClick) {
-                    onClick(e);
-                }
-            }} type="button">
-          {children}
-        </button>;
-        }
+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
+      });
     }
-    return <div className={classes} id={id}>
-      {children}
-    </div>;
+  }
+  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,"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":["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;AAKA,SAASA,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,QAAQC,IAAIN,WAAWE,UAAUH,WAAWO;AAC9C,EAAC;AAYD,OAAO,MAAMC,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,QACGpB,KACCS,WAAWE,SACXS,MAAMA,MACNH,IAAIA,IACJI,SAAS,CAACC;gBACR,IAAID,SAAS;oBACXA,QAAQC;gBACV;YACF,GACAC,UAAU,OACX;UACC,CAACf,SAAS;QACZ,EAAER;QAEN;QAEA,IAAIqB,SAAS;YACX,QACGG,OACCf,WAAWE,SACXM,IAAIA,IACJI,SAAS,CAACC;gBACR,IAAID,SAAS;oBACXA,QAAQC;gBACV;YACF,GACAG,KAAK,SACN;UACC,CAACjB,SAAS;QACZ,EAAEgB;QAEN;IACF;IAEA,QACGT,IAAIN,WAAWE,SAASM,IAAIA,IAAI;MAC/B,CAACT,SAAS;IACZ,EAAEO;AAEN,EAAC"}
+{"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":[]}

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

@@ -1,7 +1,10 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
 import './index.scss';
 const baseClass = 'popup-divider';
-export const PopupListDivider = ()=>{
-    return <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,"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":["baseClass","PopupListDivider","hr","className"],"mappings":"AAEA,OAAO,eAAc;AAErB,MAAMA,YAAY;AAElB,OAAO,MAAMC,mBAA6B;IACxC,QAAQC,GAAGC,WAAWH;AACxB,EAAC"}
+{"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":[]}

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

@@ -1,7 +1,13 @@
+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 <p className={baseClass}>{label}</p>;
+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,"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":["baseClass","PopupListGroupLabel","label","p","className"],"mappings":"AAEA,OAAO,eAAc;AAErB,MAAMA,YAAY;AAElB,OAAO,MAAMC,sBAER,CAAC,EAAEC,KAAK,EAAE;IACb,QAAQC,EAAEC,WAAWJ,YAAYE,QAAQC;AAC3C,EAAC"}
+{"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":[]}

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

@@ -1,42 +1,119 @@
 '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 { active, button: button1, 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;
+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];
     }
-    if (buttonType === 'custom') {
-        return <div className={classes} onClick={handleClick} onKeyDown={(e)=>{
-            if (e.key === 'Enter') {
-                handleClick();
-            }
-        }} role="button" tabIndex={0}>
-        {button1}
-      </div>;
+    let t7;
+    if ($[11] !== button || $[12] !== classes || $[13] !== handleClick || $[14] !== t6) {
+      t7 = _jsx("div", {
+        className: classes,
+        onClick: handleClick,
+        onKeyDown: t6,
+        role: "button",
+        tabIndex: 0,
+        children: button
+      });
+      $[11] = button;
+      $[12] = classes;
+      $[13] = handleClick;
+      $[14] = t6;
+      $[15] = t7;
+    } else {
+      t7 = $[15];
     }
-    return <button className={classes} disabled={disabled} onClick={handleClick} onKeyDown={(e)=>{
-        if (e.key === 'Enter') {
-            handleClick();
-        }
-    }} tabIndex={0} type="button">
-      {button1}
-    </button>;
+    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,"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,QAAAA,OAAM,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,QACGY,IACCX,WAAWK,SACXO,SAASH,aACTI,WAAW,CAACC;YACV,IAAIA,EAAEC,GAAG,KAAK,SAAS;gBACrBN;YACF;QACF,GACAO,KAAK,SACLC,UAAU,GACX;QACC,CAACnB,QAAO;MACV,EAAEa;IAEN;IAEA,QACGb,OACCE,WAAWK,SACXJ,UAAUA,UACVW,SAASH,aACTI,WAAW,CAACC;QACV,IAAIA,EAAEC,GAAG,KAAK,SAAS;YACrBN;QACF;IACF,GACAQ,UAAU,GACVC,KAAK,SACN;MACC,CAACpB,QAAO;IACV,EAAEA;AAEN,EAAC"}
+{"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":[]}

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

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