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

package/dist/elements/Pagination/ClickableArrow/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/elements/Pagination/ClickableArrow/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport { ChevronIcon } from '../../../icons/Chevron/index.js'\nimport './index.scss'\n\nconst baseClass = 'clickable-arrow'\n\nexport type ClickableArrowProps = {\n  direction?: 'left' | 'right'\n  isDisabled?: boolean\n  updatePage?: () => void\n}\n\nexport const ClickableArrow: React.FC<ClickableArrowProps> = (props) => {\n  const { direction = 'right', isDisabled = false, updatePage } = props\n\n  const classes = [\n    baseClass,\n    isDisabled && `${baseClass}--is-disabled`,\n    direction && `${baseClass}--${direction}`,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  return (\n    <button\n      className={classes}\n      disabled={isDisabled}\n      onClick={!isDisabled ? updatePage : undefined}\n      type=\"button\"\n    >\n      <ChevronIcon />\n    </button>\n  )\n}\n"],"names":["React","ChevronIcon","baseClass","ClickableArrow","props","direction","isDisabled","updatePage","classes","filter","Boolean","join","button","className","disabled","onClick","undefined","type"],"mappings":"AAAA;;AACA,OAAOA,WAAW,QAAO;AAEzB,SAASC,WAAW,QAAQ,kCAAiC;AAC7D,OAAO,eAAc;AAErB,MAAMC,YAAY;AAQlB,OAAO,MAAMC,iBAAgD,CAACC;IAC5D,MAAM,EAAEC,YAAY,OAAO,EAAEC,aAAa,KAAK,EAAEC,UAAU,EAAE,GAAGH;IAEhE,MAAMI,UAAU;QACdN;QACAI,cAAc,GAAGJ,UAAU,aAAa,CAAC;QACzCG,aAAa,GAAGH,UAAU,EAAE,EAAEG,WAAW;KAC1C,CACEI,MAAM,CAACC,SACPC,IAAI,CAAC;IAER,qBACE,KAACC;QACCC,WAAWL;QACXM,UAAUR;QACVS,SAAS,CAACT,aAAaC,aAAaS;QACpCC,MAAK;kBAEL,cAAA,KAAChB;;AAGP,EAAC"}
+{"version":3,"sources":["../../../../src/elements/Pagination/ClickableArrow/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport { ChevronIcon } from '../../../icons/Chevron/index.js'\nimport './index.scss'\n\nconst baseClass = 'clickable-arrow'\n\nexport type ClickableArrowProps = {\n  direction?: 'left' | 'right'\n  isDisabled?: boolean\n  updatePage?: () => void\n}\n\nexport const ClickableArrow: React.FC<ClickableArrowProps> = (props) => {\n  const { direction = 'right', isDisabled = false, updatePage } = props\n\n  const classes = [\n    baseClass,\n    isDisabled && `${baseClass}--is-disabled`,\n    direction && `${baseClass}--${direction}`,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  return (\n    <button\n      className={classes}\n      disabled={isDisabled}\n      onClick={!isDisabled ? updatePage : undefined}\n      type=\"button\"\n    >\n      <ChevronIcon />\n    </button>\n  )\n}\n"],"names":["React","ChevronIcon","baseClass","ClickableArrow","props","direction","isDisabled","updatePage","classes","filter","Boolean","join","button","className","disabled","onClick","undefined","type"],"mappings":"AAAA;;AACA,OAAOA,WAAW,QAAO;AAEzB,SAASC,WAAW,QAAQ,kCAAiC;AAC7D,OAAO,eAAc;AAErB,MAAMC,YAAY;AAQlB,OAAO,MAAMC,iBAAgD,CAACC;IAC5D,MAAM,EAAEC,YAAY,OAAO,EAAEC,aAAa,KAAK,EAAEC,UAAU,EAAE,GAAGH;IAEhE,MAAMI,UAAU;QACdN;QACAI,cAAc,GAAGJ,UAAU,aAAa,CAAC;QACzCG,aAAa,GAAGH,UAAU,EAAE,EAAEG,WAAW;KAC1C,CACEI,MAAM,CAACC,SACPC,IAAI,CAAC;IAER,qBACE,QAACC;QACCC,WAAWL;QACXM,UAAUR;QACVS,SAAS,CAACT,aAAaC,aAAaS;QACpCC,MAAK;kBAEL,cAAA,QAAChB;;;;;;;;;;AAGP,EAAC"}

package/dist/elements/Pagination/Page/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';
 const baseClass = 'paginator__page';
 export const Page = ({ isCurrent, isFirstPage = false, isLastPage = false, page = 1, updatePage })=>{
@@ -9,12 +9,16 @@ export const Page = ({ isCurrent, isFirstPage = false, isLastPage = false, page
         isFirstPage && `${baseClass}--is-first-page`,
         isLastPage && `${baseClass}--is-last-page`
     ].filter(Boolean).join(' ');
-    return /*#__PURE__*/ _jsx("button", {
+    return /*#__PURE__*/ _jsxDEV("button", {
         className: classes,
         onClick: ()=>updatePage(page),
         type: "button",
         children: page
-    });
+    }, void 0, false, {
+        fileName: "src/elements/Pagination/Page/index.tsx",
+        lineNumber: 31,
+        columnNumber: 5
+    }, this);
 };
 
 //# sourceMappingURL=index.js.map

package/dist/elements/Pagination/Page/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/elements/Pagination/Page/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nexport type PageProps = {\n  isCurrent?: boolean\n  isFirstPage?: boolean\n  isLastPage?: boolean\n  page?: number\n  updatePage?: (page) => void\n}\n\nconst baseClass = 'paginator__page'\n\nexport const Page: React.FC<PageProps> = ({\n  isCurrent,\n  isFirstPage = false,\n  isLastPage = false,\n  page = 1,\n  updatePage,\n}) => {\n  const classes = [\n    baseClass,\n    isCurrent && `${baseClass}--is-current`,\n    isFirstPage && `${baseClass}--is-first-page`,\n    isLastPage && `${baseClass}--is-last-page`,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  return (\n    <button className={classes} onClick={() => updatePage(page)} type=\"button\">\n      {page}\n    </button>\n  )\n}\n"],"names":["React","baseClass","Page","isCurrent","isFirstPage","isLastPage","page","updatePage","classes","filter","Boolean","join","button","className","onClick","type"],"mappings":"AAAA;;AACA,OAAOA,WAAW,QAAO;AAUzB,MAAMC,YAAY;AAElB,OAAO,MAAMC,OAA4B,CAAC,EACxCC,SAAS,EACTC,cAAc,KAAK,EACnBC,aAAa,KAAK,EAClBC,OAAO,CAAC,EACRC,UAAU,EACX;IACC,MAAMC,UAAU;QACdP;QACAE,aAAa,GAAGF,UAAU,YAAY,CAAC;QACvCG,eAAe,GAAGH,UAAU,eAAe,CAAC;QAC5CI,cAAc,GAAGJ,UAAU,cAAc,CAAC;KAC3C,CACEQ,MAAM,CAACC,SACPC,IAAI,CAAC;IAER,qBACE,KAACC;QAAOC,WAAWL;QAASM,SAAS,IAAMP,WAAWD;QAAOS,MAAK;kBAC/DT;;AAGP,EAAC"}
+{"version":3,"sources":["../../../../src/elements/Pagination/Page/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nexport type PageProps = {\n  isCurrent?: boolean\n  isFirstPage?: boolean\n  isLastPage?: boolean\n  page?: number\n  updatePage?: (page) => void\n}\n\nconst baseClass = 'paginator__page'\n\nexport const Page: React.FC<PageProps> = ({\n  isCurrent,\n  isFirstPage = false,\n  isLastPage = false,\n  page = 1,\n  updatePage,\n}) => {\n  const classes = [\n    baseClass,\n    isCurrent && `${baseClass}--is-current`,\n    isFirstPage && `${baseClass}--is-first-page`,\n    isLastPage && `${baseClass}--is-last-page`,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  return (\n    <button className={classes} onClick={() => updatePage(page)} type=\"button\">\n      {page}\n    </button>\n  )\n}\n"],"names":["React","baseClass","Page","isCurrent","isFirstPage","isLastPage","page","updatePage","classes","filter","Boolean","join","button","className","onClick","type"],"mappings":"AAAA;;AACA,OAAOA,WAAW,QAAO;AAUzB,MAAMC,YAAY;AAElB,OAAO,MAAMC,OAA4B,CAAC,EACxCC,SAAS,EACTC,cAAc,KAAK,EACnBC,aAAa,KAAK,EAClBC,OAAO,CAAC,EACRC,UAAU,EACX;IACC,MAAMC,UAAU;QACdP;QACAE,aAAa,GAAGF,UAAU,YAAY,CAAC;QACvCG,eAAe,GAAGH,UAAU,eAAe,CAAC;QAC5CI,cAAc,GAAGJ,UAAU,cAAc,CAAC;KAC3C,CACEQ,MAAM,CAACC,SACPC,IAAI,CAAC;IAER,qBACE,QAACC;QAAOC,WAAWL;QAASM,SAAS,IAAMP,WAAWD;QAAOS,MAAK;kBAC/DT;;;;;;AAGP,EAAC"}

package/dist/elements/Pagination/Separator/index.js

@@ -1,9 +1,13 @@
 'use client';
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import React from 'react';
-export const Separator = ()=>/*#__PURE__*/ _jsx("span", {
+export const Separator = ()=>/*#__PURE__*/ _jsxDEV("span", {
         className: "paginator__separator",
         children: "—"
-    });
+    }, void 0, false, {
+        fileName: "src/elements/Pagination/Separator/index.tsx",
+        lineNumber: 4,
+        columnNumber: 42
+    }, this);
 
 //# sourceMappingURL=index.js.map

package/dist/elements/Pagination/Separator/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/elements/Pagination/Separator/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nexport const Separator: React.FC = () => <span className=\"paginator__separator\">&mdash;</span>\n"],"names":["React","Separator","span","className"],"mappings":"AAAA;;AACA,OAAOA,WAAW,QAAO;AAEzB,OAAO,MAAMC,YAAsB,kBAAM,KAACC;QAAKC,WAAU;kBAAuB;OAAc"}
+{"version":3,"sources":["../../../../src/elements/Pagination/Separator/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nexport const Separator: React.FC = () => <span className=\"paginator__separator\">&mdash;</span>\n"],"names":["React","Separator","span","className"],"mappings":"AAAA;;AACA,OAAOA,WAAW,QAAO;AAEzB,OAAO,MAAMC,YAAsB,kBAAM,QAACC;QAAKC,WAAU;kBAAuB;;;;;aAAc"}

package/dist/elements/Pagination/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 { ClickableArrow } from './ClickableArrow/index.js';
 import './index.scss';
@@ -85,22 +85,34 @@ export const Pagination = (props)=>{
             updatePage: ()=>updatePage(prevPage ?? Math.max(1, currentPage - 1))
         }
     });
-    return /*#__PURE__*/ _jsx("div", {
+    return /*#__PURE__*/ _jsxDEV("div", {
         className: baseClass,
         children: nodes.map((node, i)=>{
             if (typeof node === 'number') {
-                return /*#__PURE__*/ _jsx(Page, {
+                return /*#__PURE__*/ _jsxDEV(Page, {
                     isCurrent: currentPage === node,
                     page: node,
                     updatePage: updatePage
-                }, i);
+                }, i, false, {
+                    fileName: "src/elements/Pagination/index.tsx",
+                    lineNumber: 139,
+                    columnNumber: 13
+                }, this);
             }
             const NodeType = nodeTypes[node.type];
-            return /*#__PURE__*/ _jsx(NodeType, {
+            return /*#__PURE__*/ _jsxDEV(NodeType, {
                 ...node.props
-            }, i);
+            }, i, false, {
+                fileName: "src/elements/Pagination/index.tsx",
+                lineNumber: 145,
+                columnNumber: 16
+            }, this);
         })
-    });
+    }, void 0, false, {
+        fileName: "src/elements/Pagination/index.tsx",
+        lineNumber: 135,
+        columnNumber: 5
+    }, this);
 };
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/Pagination/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport { ClickableArrow } from './ClickableArrow/index.js'\nimport './index.scss'\nimport { Page } from './Page/index.js'\nimport { Separator } from './Separator/index.js'\n\nconst nodeTypes = {\n  ClickableArrow,\n  Page,\n  Separator,\n}\n\nconst baseClass = 'paginator'\n\nexport type PaginationProps = {\n  hasNextPage?: boolean\n  hasPrevPage?: boolean\n  limit?: number\n  nextPage?: number\n  numberOfNeighbors?: number\n  onChange?: (page: number) => void\n  page?: number\n  prevPage?: number\n  totalPages?: number\n}\n\nexport type Node =\n  | {\n      props?: {\n        direction?: 'left' | 'right'\n        isDisabled?: boolean\n        isFirstPage?: boolean\n        isLastPage?: boolean\n        page?: number\n        updatePage: (page?: number) => void\n      }\n      type: 'ClickableArrow' | 'Page' | 'Separator'\n    }\n  | number\n\nexport const Pagination: React.FC<PaginationProps> = (props) => {\n  const {\n    hasNextPage = false,\n    hasPrevPage = false,\n    nextPage = null,\n    numberOfNeighbors = 1,\n    onChange,\n    page: currentPage,\n    prevPage = null,\n    totalPages = null,\n  } = props\n\n  if (!hasPrevPage && !hasNextPage) {\n    return null\n  }\n\n  const updatePage = (page) => {\n    if (typeof onChange === 'function') {\n      onChange(page)\n    }\n  }\n\n  // Create array of integers for each page\n  const pages = Array.from({ length: totalPages }, (_, index) => index + 1)\n\n  // Assign indices for start and end of the range of pages that should be shown in paginator\n  let rangeStartIndex = currentPage - 1 - numberOfNeighbors\n\n  // Sanitize rangeStartIndex in case it is less than zero for safe split\n  if (rangeStartIndex <= 0) {\n    rangeStartIndex = 0\n  }\n\n  const rangeEndIndex = currentPage - 1 + numberOfNeighbors + 1\n\n  // Slice out the range of pages that we want to render\n  const nodes: Node[] = pages.slice(rangeStartIndex, rangeEndIndex)\n\n  // Add prev separator if necessary\n  if (currentPage - numberOfNeighbors - 1 >= 2) {\n    nodes.unshift({ type: 'Separator' })\n  }\n\n  // Add first page if necessary\n  if (currentPage > numberOfNeighbors + 1) {\n    nodes.unshift({\n      type: 'Page',\n      props: {\n        isFirstPage: true,\n        page: 1,\n        updatePage,\n      },\n    })\n  }\n\n  // Add next separator if necessary\n  if (currentPage + numberOfNeighbors + 1 < totalPages) {\n    nodes.push({ type: 'Separator' })\n  }\n\n  // Add last page if necessary\n  if (rangeEndIndex < totalPages) {\n    nodes.push({\n      type: 'Page',\n      props: {\n        isLastPage: true,\n        page: totalPages,\n        updatePage,\n      },\n    })\n  }\n\n  // Add prev and next arrows based on necessity\n  nodes.unshift({\n    type: 'ClickableArrow',\n    props: {\n      direction: 'right',\n      isDisabled: !hasNextPage,\n      updatePage: () => updatePage(nextPage ?? currentPage + 1),\n    },\n  })\n\n  nodes.unshift({\n    type: 'ClickableArrow',\n    props: {\n      direction: 'left',\n      isDisabled: !hasPrevPage,\n      updatePage: () => updatePage(prevPage ?? Math.max(1, currentPage - 1)),\n    },\n  })\n\n  return (\n    <div className={baseClass}>\n      {nodes.map((node, i) => {\n        if (typeof node === 'number') {\n          return (\n            <Page isCurrent={currentPage === node} key={i} page={node} updatePage={updatePage} />\n          )\n        }\n\n        const NodeType = nodeTypes[node.type]\n\n        return <NodeType key={i} {...node.props} />\n      })}\n    </div>\n  )\n}\n"],"names":["React","ClickableArrow","Page","Separator","nodeTypes","baseClass","Pagination","props","hasNextPage","hasPrevPage","nextPage","numberOfNeighbors","onChange","page","currentPage","prevPage","totalPages","updatePage","pages","Array","from","length","_","index","rangeStartIndex","rangeEndIndex","nodes","slice","unshift","type","isFirstPage","push","isLastPage","direction","isDisabled","Math","max","div","className","map","node","i","isCurrent","NodeType"],"mappings":"AAAA;;AACA,OAAOA,WAAW,QAAO;AAEzB,SAASC,cAAc,QAAQ,4BAA2B;AAC1D,OAAO,eAAc;AACrB,SAASC,IAAI,QAAQ,kBAAiB;AACtC,SAASC,SAAS,QAAQ,uBAAsB;AAEhD,MAAMC,YAAY;IAChBH;IACAC;IACAC;AACF;AAEA,MAAME,YAAY;AA4BlB,OAAO,MAAMC,aAAwC,CAACC;IACpD,MAAM,EACJC,cAAc,KAAK,EACnBC,cAAc,KAAK,EACnBC,WAAW,IAAI,EACfC,oBAAoB,CAAC,EACrBC,QAAQ,EACRC,MAAMC,WAAW,EACjBC,WAAW,IAAI,EACfC,aAAa,IAAI,EAClB,GAAGT;IAEJ,IAAI,CAACE,eAAe,CAACD,aAAa;QAChC,OAAO;IACT;IAEA,MAAMS,aAAa,CAACJ;QAClB,IAAI,OAAOD,aAAa,YAAY;YAClCA,SAASC;QACX;IACF;IAEA,yCAAyC;IACzC,MAAMK,QAAQC,MAAMC,IAAI,CAAC;QAAEC,QAAQL;IAAW,GAAG,CAACM,GAAGC,QAAUA,QAAQ;IAEvE,2FAA2F;IAC3F,IAAIC,kBAAkBV,cAAc,IAAIH;IAExC,uEAAuE;IACvE,IAAIa,mBAAmB,GAAG;QACxBA,kBAAkB;IACpB;IAEA,MAAMC,gBAAgBX,cAAc,IAAIH,oBAAoB;IAE5D,sDAAsD;IACtD,MAAMe,QAAgBR,MAAMS,KAAK,CAACH,iBAAiBC;IAEnD,kCAAkC;IAClC,IAAIX,cAAcH,oBAAoB,KAAK,GAAG;QAC5Ce,MAAME,OAAO,CAAC;YAAEC,MAAM;QAAY;IACpC;IAEA,8BAA8B;IAC9B,IAAIf,cAAcH,oBAAoB,GAAG;QACvCe,MAAME,OAAO,CAAC;YACZC,MAAM;YACNtB,OAAO;gBACLuB,aAAa;gBACbjB,MAAM;gBACNI;YACF;QACF;IACF;IAEA,kCAAkC;IAClC,IAAIH,cAAcH,oBAAoB,IAAIK,YAAY;QACpDU,MAAMK,IAAI,CAAC;YAAEF,MAAM;QAAY;IACjC;IAEA,6BAA6B;IAC7B,IAAIJ,gBAAgBT,YAAY;QAC9BU,MAAMK,IAAI,CAAC;YACTF,MAAM;YACNtB,OAAO;gBACLyB,YAAY;gBACZnB,MAAMG;gBACNC;YACF;QACF;IACF;IAEA,8CAA8C;IAC9CS,MAAME,OAAO,CAAC;QACZC,MAAM;QACNtB,OAAO;YACL0B,WAAW;YACXC,YAAY,CAAC1B;YACbS,YAAY,IAAMA,WAAWP,YAAYI,cAAc;QACzD;IACF;IAEAY,MAAME,OAAO,CAAC;QACZC,MAAM;QACNtB,OAAO;YACL0B,WAAW;YACXC,YAAY,CAACzB;YACbQ,YAAY,IAAMA,WAAWF,YAAYoB,KAAKC,GAAG,CAAC,GAAGtB,cAAc;QACrE;IACF;IAEA,qBACE,KAACuB;QAAIC,WAAWjC;kBACbqB,MAAMa,GAAG,CAAC,CAACC,MAAMC;YAChB,IAAI,OAAOD,SAAS,UAAU;gBAC5B,qBACE,KAACtC;oBAAKwC,WAAW5B,gBAAgB0B;oBAAc3B,MAAM2B;oBAAMvB,YAAYA;mBAA3BwB;YAEhD;YAEA,MAAME,WAAWvC,SAAS,CAACoC,KAAKX,IAAI,CAAC;YAErC,qBAAO,KAACc;gBAAkB,GAAGH,KAAKjC,KAAK;eAAjBkC;QACxB;;AAGN,EAAC"}
+{"version":3,"sources":["../../../src/elements/Pagination/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport { ClickableArrow } from './ClickableArrow/index.js'\nimport './index.scss'\nimport { Page } from './Page/index.js'\nimport { Separator } from './Separator/index.js'\n\nconst nodeTypes = {\n  ClickableArrow,\n  Page,\n  Separator,\n}\n\nconst baseClass = 'paginator'\n\nexport type PaginationProps = {\n  hasNextPage?: boolean\n  hasPrevPage?: boolean\n  limit?: number\n  nextPage?: number\n  numberOfNeighbors?: number\n  onChange?: (page: number) => void\n  page?: number\n  prevPage?: number\n  totalPages?: number\n}\n\nexport type Node =\n  | {\n      props?: {\n        direction?: 'left' | 'right'\n        isDisabled?: boolean\n        isFirstPage?: boolean\n        isLastPage?: boolean\n        page?: number\n        updatePage: (page?: number) => void\n      }\n      type: 'ClickableArrow' | 'Page' | 'Separator'\n    }\n  | number\n\nexport const Pagination: React.FC<PaginationProps> = (props) => {\n  const {\n    hasNextPage = false,\n    hasPrevPage = false,\n    nextPage = null,\n    numberOfNeighbors = 1,\n    onChange,\n    page: currentPage,\n    prevPage = null,\n    totalPages = null,\n  } = props\n\n  if (!hasPrevPage && !hasNextPage) {\n    return null\n  }\n\n  const updatePage = (page) => {\n    if (typeof onChange === 'function') {\n      onChange(page)\n    }\n  }\n\n  // Create array of integers for each page\n  const pages = Array.from({ length: totalPages }, (_, index) => index + 1)\n\n  // Assign indices for start and end of the range of pages that should be shown in paginator\n  let rangeStartIndex = currentPage - 1 - numberOfNeighbors\n\n  // Sanitize rangeStartIndex in case it is less than zero for safe split\n  if (rangeStartIndex <= 0) {\n    rangeStartIndex = 0\n  }\n\n  const rangeEndIndex = currentPage - 1 + numberOfNeighbors + 1\n\n  // Slice out the range of pages that we want to render\n  const nodes: Node[] = pages.slice(rangeStartIndex, rangeEndIndex)\n\n  // Add prev separator if necessary\n  if (currentPage - numberOfNeighbors - 1 >= 2) {\n    nodes.unshift({ type: 'Separator' })\n  }\n\n  // Add first page if necessary\n  if (currentPage > numberOfNeighbors + 1) {\n    nodes.unshift({\n      type: 'Page',\n      props: {\n        isFirstPage: true,\n        page: 1,\n        updatePage,\n      },\n    })\n  }\n\n  // Add next separator if necessary\n  if (currentPage + numberOfNeighbors + 1 < totalPages) {\n    nodes.push({ type: 'Separator' })\n  }\n\n  // Add last page if necessary\n  if (rangeEndIndex < totalPages) {\n    nodes.push({\n      type: 'Page',\n      props: {\n        isLastPage: true,\n        page: totalPages,\n        updatePage,\n      },\n    })\n  }\n\n  // Add prev and next arrows based on necessity\n  nodes.unshift({\n    type: 'ClickableArrow',\n    props: {\n      direction: 'right',\n      isDisabled: !hasNextPage,\n      updatePage: () => updatePage(nextPage ?? currentPage + 1),\n    },\n  })\n\n  nodes.unshift({\n    type: 'ClickableArrow',\n    props: {\n      direction: 'left',\n      isDisabled: !hasPrevPage,\n      updatePage: () => updatePage(prevPage ?? Math.max(1, currentPage - 1)),\n    },\n  })\n\n  return (\n    <div className={baseClass}>\n      {nodes.map((node, i) => {\n        if (typeof node === 'number') {\n          return (\n            <Page isCurrent={currentPage === node} key={i} page={node} updatePage={updatePage} />\n          )\n        }\n\n        const NodeType = nodeTypes[node.type]\n\n        return <NodeType key={i} {...node.props} />\n      })}\n    </div>\n  )\n}\n"],"names":["React","ClickableArrow","Page","Separator","nodeTypes","baseClass","Pagination","props","hasNextPage","hasPrevPage","nextPage","numberOfNeighbors","onChange","page","currentPage","prevPage","totalPages","updatePage","pages","Array","from","length","_","index","rangeStartIndex","rangeEndIndex","nodes","slice","unshift","type","isFirstPage","push","isLastPage","direction","isDisabled","Math","max","div","className","map","node","i","isCurrent","NodeType"],"mappings":"AAAA;;AACA,OAAOA,WAAW,QAAO;AAEzB,SAASC,cAAc,QAAQ,4BAA2B;AAC1D,OAAO,eAAc;AACrB,SAASC,IAAI,QAAQ,kBAAiB;AACtC,SAASC,SAAS,QAAQ,uBAAsB;AAEhD,MAAMC,YAAY;IAChBH;IACAC;IACAC;AACF;AAEA,MAAME,YAAY;AA4BlB,OAAO,MAAMC,aAAwC,CAACC;IACpD,MAAM,EACJC,cAAc,KAAK,EACnBC,cAAc,KAAK,EACnBC,WAAW,IAAI,EACfC,oBAAoB,CAAC,EACrBC,QAAQ,EACRC,MAAMC,WAAW,EACjBC,WAAW,IAAI,EACfC,aAAa,IAAI,EAClB,GAAGT;IAEJ,IAAI,CAACE,eAAe,CAACD,aAAa;QAChC,OAAO;IACT;IAEA,MAAMS,aAAa,CAACJ;QAClB,IAAI,OAAOD,aAAa,YAAY;YAClCA,SAASC;QACX;IACF;IAEA,yCAAyC;IACzC,MAAMK,QAAQC,MAAMC,IAAI,CAAC;QAAEC,QAAQL;IAAW,GAAG,CAACM,GAAGC,QAAUA,QAAQ;IAEvE,2FAA2F;IAC3F,IAAIC,kBAAkBV,cAAc,IAAIH;IAExC,uEAAuE;IACvE,IAAIa,mBAAmB,GAAG;QACxBA,kBAAkB;IACpB;IAEA,MAAMC,gBAAgBX,cAAc,IAAIH,oBAAoB;IAE5D,sDAAsD;IACtD,MAAMe,QAAgBR,MAAMS,KAAK,CAACH,iBAAiBC;IAEnD,kCAAkC;IAClC,IAAIX,cAAcH,oBAAoB,KAAK,GAAG;QAC5Ce,MAAME,OAAO,CAAC;YAAEC,MAAM;QAAY;IACpC;IAEA,8BAA8B;IAC9B,IAAIf,cAAcH,oBAAoB,GAAG;QACvCe,MAAME,OAAO,CAAC;YACZC,MAAM;YACNtB,OAAO;gBACLuB,aAAa;gBACbjB,MAAM;gBACNI;YACF;QACF;IACF;IAEA,kCAAkC;IAClC,IAAIH,cAAcH,oBAAoB,IAAIK,YAAY;QACpDU,MAAMK,IAAI,CAAC;YAAEF,MAAM;QAAY;IACjC;IAEA,6BAA6B;IAC7B,IAAIJ,gBAAgBT,YAAY;QAC9BU,MAAMK,IAAI,CAAC;YACTF,MAAM;YACNtB,OAAO;gBACLyB,YAAY;gBACZnB,MAAMG;gBACNC;YACF;QACF;IACF;IAEA,8CAA8C;IAC9CS,MAAME,OAAO,CAAC;QACZC,MAAM;QACNtB,OAAO;YACL0B,WAAW;YACXC,YAAY,CAAC1B;YACbS,YAAY,IAAMA,WAAWP,YAAYI,cAAc;QACzD;IACF;IAEAY,MAAME,OAAO,CAAC;QACZC,MAAM;QACNtB,OAAO;YACL0B,WAAW;YACXC,YAAY,CAACzB;YACbQ,YAAY,IAAMA,WAAWF,YAAYoB,KAAKC,GAAG,CAAC,GAAGtB,cAAc;QACrE;IACF;IAEA,qBACE,QAACuB;QAAIC,WAAWjC;kBACbqB,MAAMa,GAAG,CAAC,CAACC,MAAMC;YAChB,IAAI,OAAOD,SAAS,UAAU;gBAC5B,qBACE,QAACtC;oBAAKwC,WAAW5B,gBAAgB0B;oBAAc3B,MAAM2B;oBAAMvB,YAAYA;mBAA3BwB;;;;;YAEhD;YAEA,MAAME,WAAWvC,SAAS,CAACoC,KAAKX,IAAI,CAAC;YAErC,qBAAO,QAACc;gBAAkB,GAAGH,KAAKjC,KAAK;eAAjBkC;;;;;QACxB;;;;;;AAGN,EAAC"}

package/dist/elements/PerPage/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";
 // TODO: abstract the `next/navigation` dependency out from this component
 import { collectionDefaults, isNumber } from 'payload/shared';
 import React from 'react';
@@ -12,26 +12,38 @@ const defaultLimits = collectionDefaults.admin.pagination.limits;
 export const PerPage = ({ defaultLimit = 10, handleChange, limit, limits = defaultLimits })=>{
     const { t } = useTranslation();
     const limitToUse = isNumber(limit) ? limit : defaultLimit;
-    return /*#__PURE__*/ _jsx("div", {
+    return /*#__PURE__*/ _jsxDEV("div", {
         className: baseClass,
-        children: /*#__PURE__*/ _jsx(Popup, {
-            button: /*#__PURE__*/ _jsxs("div", {
+        children: /*#__PURE__*/ _jsxDEV(Popup, {
+            button: /*#__PURE__*/ _jsxDEV("div", {
                 className: `${baseClass}__base-button`,
                 children: [
-                    /*#__PURE__*/ _jsx("span", {
+                    /*#__PURE__*/ _jsxDEV("span", {
                         children: t('general:perPage', {
                             limit: limitToUse
                         })
-                    }),
+                    }, void 0, false, {
+                        fileName: "src/elements/PerPage/index.tsx",
+                        lineNumber: 38,
+                        columnNumber: 13
+                    }, void 0),
                     " ",
-                    /*#__PURE__*/ _jsx(ChevronIcon, {
+                    /*#__PURE__*/ _jsxDEV(ChevronIcon, {
                         className: `${baseClass}__icon`
-                    })
+                    }, void 0, false, {
+                        fileName: "src/elements/PerPage/index.tsx",
+                        lineNumber: 40,
+                        columnNumber: 13
+                    }, void 0)
                 ]
-            }),
+            }, void 0, true, {
+                fileName: "src/elements/PerPage/index.tsx",
+                lineNumber: 37,
+                columnNumber: 11
+            }, void 0),
             horizontalAlign: "right",
-            render: ({ close })=>/*#__PURE__*/ _jsx(PopupList.ButtonGroup, {
-                    children: limits.map((limitNumber, i)=>/*#__PURE__*/ _jsxs(PopupList.Button, {
+            render: ({ close })=>/*#__PURE__*/ _jsxDEV(PopupList.ButtonGroup, {
+                    children: limits.map((limitNumber, i)=>/*#__PURE__*/ _jsxDEV(PopupList.Button, {
                             className: [
                                 `${baseClass}__button`,
                                 limitNumber === limitToUse && `${baseClass}__button-active`
@@ -43,23 +55,51 @@ export const PerPage = ({ defaultLimit = 10, handleChange, limit, limits = defau
                                 }
                             },
                             children: [
-                                limitNumber === limitToUse && /*#__PURE__*/ _jsx("div", {
+                                limitNumber === limitToUse && /*#__PURE__*/ _jsxDEV("div", {
                                     className: `${baseClass}__chevron`,
-                                    children: /*#__PURE__*/ _jsx(ChevronIcon, {
+                                    children: /*#__PURE__*/ _jsxDEV(ChevronIcon, {
                                         direction: "right",
                                         size: "small"
-                                    })
-                                }),
+                                    }, void 0, false, {
+                                        fileName: "src/elements/PerPage/index.tsx",
+                                        lineNumber: 64,
+                                        columnNumber: 21
+                                    }, void 0)
+                                }, void 0, false, {
+                                    fileName: "src/elements/PerPage/index.tsx",
+                                    lineNumber: 63,
+                                    columnNumber: 19
+                                }, void 0),
                                 " ",
-                                /*#__PURE__*/ _jsx("span", {
+                                /*#__PURE__*/ _jsxDEV("span", {
                                     children: limitNumber
-                                })
+                                }, void 0, false, {
+                                    fileName: "src/elements/PerPage/index.tsx",
+                                    lineNumber: 68,
+                                    columnNumber: 17
+                                }, void 0)
                             ]
-                        }, i))
-                }),
+                        }, i, true, {
+                            fileName: "src/elements/PerPage/index.tsx",
+                            lineNumber: 47,
+                            columnNumber: 15
+                        }, void 0))
+                }, void 0, false, {
+                    fileName: "src/elements/PerPage/index.tsx",
+                    lineNumber: 45,
+                    columnNumber: 11
+                }, void 0),
             size: "small"
-        })
-    });
+        }, void 0, false, {
+            fileName: "src/elements/PerPage/index.tsx",
+            lineNumber: 35,
+            columnNumber: 7
+        }, this)
+    }, void 0, false, {
+        fileName: "src/elements/PerPage/index.tsx",
+        lineNumber: 34,
+        columnNumber: 5
+    }, this);
 };
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/PerPage/index.tsx"],"sourcesContent":["'use client'\n// TODO: abstract the `next/navigation` dependency out from this component\nimport { collectionDefaults, isNumber } from 'payload/shared'\nimport React from 'react'\n\nimport { ChevronIcon } from '../../icons/Chevron/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { Popup, PopupList } from '../Popup/index.js'\nimport './index.scss'\n\nconst baseClass = 'per-page'\n\nconst defaultLimits = collectionDefaults.admin.pagination.limits\n\nexport type PerPageProps = {\n  readonly defaultLimit?: number\n  readonly handleChange?: (limit: number) => void\n  readonly limit: number\n  readonly limits: number[]\n  readonly resetPage?: boolean\n}\n\nexport const PerPage: React.FC<PerPageProps> = ({\n  defaultLimit = 10,\n  handleChange,\n  limit,\n  limits = defaultLimits,\n}) => {\n  const { t } = useTranslation()\n\n  const limitToUse = isNumber(limit) ? limit : defaultLimit\n\n  return (\n    <div className={baseClass}>\n      <Popup\n        button={\n          <div className={`${baseClass}__base-button`}>\n            <span>{t('general:perPage', { limit: limitToUse })}</span>\n            &nbsp;\n            <ChevronIcon className={`${baseClass}__icon`} />\n          </div>\n        }\n        horizontalAlign=\"right\"\n        render={({ close }) => (\n          <PopupList.ButtonGroup>\n            {limits.map((limitNumber, i) => (\n              <PopupList.Button\n                className={[\n                  `${baseClass}__button`,\n                  limitNumber === limitToUse && `${baseClass}__button-active`,\n                ]\n                  .filter(Boolean)\n                  .join(' ')}\n                key={i}\n                onClick={() => {\n                  close()\n                  if (handleChange) {\n                    handleChange(limitNumber)\n                  }\n                }}\n              >\n                {limitNumber === limitToUse && (\n                  <div className={`${baseClass}__chevron`}>\n                    <ChevronIcon direction=\"right\" size=\"small\" />\n                  </div>\n                )}\n                &nbsp;\n                <span>{limitNumber}</span>\n              </PopupList.Button>\n            ))}\n          </PopupList.ButtonGroup>\n        )}\n        size=\"small\"\n      />\n    </div>\n  )\n}\n"],"names":["collectionDefaults","isNumber","React","ChevronIcon","useTranslation","Popup","PopupList","baseClass","defaultLimits","admin","pagination","limits","PerPage","defaultLimit","handleChange","limit","t","limitToUse","div","className","button","span","horizontalAlign","render","close","ButtonGroup","map","limitNumber","i","Button","filter","Boolean","join","onClick","direction","size"],"mappings":"AAAA;;AACA,0EAA0E;AAC1E,SAASA,kBAAkB,EAAEC,QAAQ,QAAQ,iBAAgB;AAC7D,OAAOC,WAAW,QAAO;AAEzB,SAASC,WAAW,QAAQ,+BAA8B;AAC1D,SAASC,cAAc,QAAQ,uCAAsC;AACrE,SAASC,KAAK,EAAEC,SAAS,QAAQ,oBAAmB;AACpD,OAAO,eAAc;AAErB,MAAMC,YAAY;AAElB,MAAMC,gBAAgBR,mBAAmBS,KAAK,CAACC,UAAU,CAACC,MAAM;AAUhE,OAAO,MAAMC,UAAkC,CAAC,EAC9CC,eAAe,EAAE,EACjBC,YAAY,EACZC,KAAK,EACLJ,SAASH,aAAa,EACvB;IACC,MAAM,EAAEQ,CAAC,EAAE,GAAGZ;IAEd,MAAMa,aAAahB,SAASc,SAASA,QAAQF;IAE7C,qBACE,KAACK;QAAIC,WAAWZ;kBACd,cAAA,KAACF;YACCe,sBACE,MAACF;gBAAIC,WAAW,GAAGZ,UAAU,aAAa,CAAC;;kCACzC,KAACc;kCAAML,EAAE,mBAAmB;4BAAED,OAAOE;wBAAW;;oBAAU;kCAE1D,KAACd;wBAAYgB,WAAW,GAAGZ,UAAU,MAAM,CAAC;;;;YAGhDe,iBAAgB;YAChBC,QAAQ,CAAC,EAAEC,KAAK,EAAE,iBAChB,KAAClB,UAAUmB,WAAW;8BACnBd,OAAOe,GAAG,CAAC,CAACC,aAAaC,kBACxB,MAACtB,UAAUuB,MAAM;4BACfV,WAAW;gCACT,GAAGZ,UAAU,QAAQ,CAAC;gCACtBoB,gBAAgBV,cAAc,GAAGV,UAAU,eAAe,CAAC;6BAC5D,CACEuB,MAAM,CAACC,SACPC,IAAI,CAAC;4BAERC,SAAS;gCACPT;gCACA,IAAIV,cAAc;oCAChBA,aAAaa;gCACf;4BACF;;gCAECA,gBAAgBV,4BACf,KAACC;oCAAIC,WAAW,GAAGZ,UAAU,SAAS,CAAC;8CACrC,cAAA,KAACJ;wCAAY+B,WAAU;wCAAQC,MAAK;;;gCAEtC;8CAEF,KAACd;8CAAMM;;;2BAdFC;;YAmBbO,MAAK;;;AAIb,EAAC"}
+{"version":3,"sources":["../../../src/elements/PerPage/index.tsx"],"sourcesContent":["'use client'\n// TODO: abstract the `next/navigation` dependency out from this component\nimport { collectionDefaults, isNumber } from 'payload/shared'\nimport React from 'react'\n\nimport { ChevronIcon } from '../../icons/Chevron/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { Popup, PopupList } from '../Popup/index.js'\nimport './index.scss'\n\nconst baseClass = 'per-page'\n\nconst defaultLimits = collectionDefaults.admin.pagination.limits\n\nexport type PerPageProps = {\n  readonly defaultLimit?: number\n  readonly handleChange?: (limit: number) => void\n  readonly limit: number\n  readonly limits: number[]\n  readonly resetPage?: boolean\n}\n\nexport const PerPage: React.FC<PerPageProps> = ({\n  defaultLimit = 10,\n  handleChange,\n  limit,\n  limits = defaultLimits,\n}) => {\n  const { t } = useTranslation()\n\n  const limitToUse = isNumber(limit) ? limit : defaultLimit\n\n  return (\n    <div className={baseClass}>\n      <Popup\n        button={\n          <div className={`${baseClass}__base-button`}>\n            <span>{t('general:perPage', { limit: limitToUse })}</span>\n            &nbsp;\n            <ChevronIcon className={`${baseClass}__icon`} />\n          </div>\n        }\n        horizontalAlign=\"right\"\n        render={({ close }) => (\n          <PopupList.ButtonGroup>\n            {limits.map((limitNumber, i) => (\n              <PopupList.Button\n                className={[\n                  `${baseClass}__button`,\n                  limitNumber === limitToUse && `${baseClass}__button-active`,\n                ]\n                  .filter(Boolean)\n                  .join(' ')}\n                key={i}\n                onClick={() => {\n                  close()\n                  if (handleChange) {\n                    handleChange(limitNumber)\n                  }\n                }}\n              >\n                {limitNumber === limitToUse && (\n                  <div className={`${baseClass}__chevron`}>\n                    <ChevronIcon direction=\"right\" size=\"small\" />\n                  </div>\n                )}\n                &nbsp;\n                <span>{limitNumber}</span>\n              </PopupList.Button>\n            ))}\n          </PopupList.ButtonGroup>\n        )}\n        size=\"small\"\n      />\n    </div>\n  )\n}\n"],"names":["collectionDefaults","isNumber","React","ChevronIcon","useTranslation","Popup","PopupList","baseClass","defaultLimits","admin","pagination","limits","PerPage","defaultLimit","handleChange","limit","t","limitToUse","div","className","button","span","horizontalAlign","render","close","ButtonGroup","map","limitNumber","i","Button","filter","Boolean","join","onClick","direction","size"],"mappings":"AAAA;;AACA,0EAA0E;AAC1E,SAASA,kBAAkB,EAAEC,QAAQ,QAAQ,iBAAgB;AAC7D,OAAOC,WAAW,QAAO;AAEzB,SAASC,WAAW,QAAQ,+BAA8B;AAC1D,SAASC,cAAc,QAAQ,uCAAsC;AACrE,SAASC,KAAK,EAAEC,SAAS,QAAQ,oBAAmB;AACpD,OAAO,eAAc;AAErB,MAAMC,YAAY;AAElB,MAAMC,gBAAgBR,mBAAmBS,KAAK,CAACC,UAAU,CAACC,MAAM;AAUhE,OAAO,MAAMC,UAAkC,CAAC,EAC9CC,eAAe,EAAE,EACjBC,YAAY,EACZC,KAAK,EACLJ,SAASH,aAAa,EACvB;IACC,MAAM,EAAEQ,CAAC,EAAE,GAAGZ;IAEd,MAAMa,aAAahB,SAASc,SAASA,QAAQF;IAE7C,qBACE,QAACK;QAAIC,WAAWZ;kBACd,cAAA,QAACF;YACCe,sBACE,QAACF;gBAAIC,WAAW,GAAGZ,UAAU,aAAa,CAAC;;kCACzC,QAACc;kCAAML,EAAE,mBAAmB;4BAAED,OAAOE;wBAAW;;;;;;oBAAU;kCAE1D,QAACd;wBAAYgB,WAAW,GAAGZ,UAAU,MAAM,CAAC;;;;;;;;;;;;YAGhDe,iBAAgB;YAChBC,QAAQ,CAAC,EAAEC,KAAK,EAAE,iBAChB,QAAClB,UAAUmB,WAAW;8BACnBd,OAAOe,GAAG,CAAC,CAACC,aAAaC,kBACxB,QAACtB,UAAUuB,MAAM;4BACfV,WAAW;gCACT,GAAGZ,UAAU,QAAQ,CAAC;gCACtBoB,gBAAgBV,cAAc,GAAGV,UAAU,eAAe,CAAC;6BAC5D,CACEuB,MAAM,CAACC,SACPC,IAAI,CAAC;4BAERC,SAAS;gCACPT;gCACA,IAAIV,cAAc;oCAChBA,aAAaa;gCACf;4BACF;;gCAECA,gBAAgBV,4BACf,QAACC;oCAAIC,WAAW,GAAGZ,UAAU,SAAS,CAAC;8CACrC,cAAA,QAACJ;wCAAY+B,WAAU;wCAAQC,MAAK;;;;;;;;;;;gCAEtC;8CAEF,QAACd;8CAAMM;;;;;;;2BAdFC;;;;;;;;;;YAmBbO,MAAK;;;;;;;;;;;AAIb,EAAC"}

package/dist/elements/PermanentlyDeleteButton/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";
 import { useModal } from '@faceless-ui/modal';
 import { getTranslation } from '@payloadcms/translations';
 import { useRouter } from 'next/navigation.js';
@@ -106,22 +106,30 @@ export const PermanentlyDeleteButton = (props)=>{
         startRouteTransition
     ]);
     if (id) {
-        return /*#__PURE__*/ _jsxs(Fragment, {
+        return /*#__PURE__*/ _jsxDEV(Fragment, {
             children: [
-                /*#__PURE__*/ _jsx(Button, {
+                /*#__PURE__*/ _jsxDEV(Button, {
                     buttonStyle: "secondary",
                     id: buttonId,
                     onClick: ()=>{
                         openModal(modalSlug);
                     },
                     children: t('general:permanentlyDelete')
-                }),
-                /*#__PURE__*/ _jsx(ConfirmationModal, {
-                    body: /*#__PURE__*/ _jsx(Translation, {
+                }, void 0, false, {
+                    fileName: "src/elements/PermanentlyDeleteButton/index.tsx",
+                    lineNumber: 139,
+                    columnNumber: 9
+                }, this),
+                /*#__PURE__*/ _jsxDEV(ConfirmationModal, {
+                    body: /*#__PURE__*/ _jsxDEV(Translation, {
                         elements: {
-                            '1': ({ children })=>/*#__PURE__*/ _jsx("strong", {
+                            '1': ({ children })=>/*#__PURE__*/ _jsxDEV("strong", {
                                     children: children
-                                })
+                                }, void 0, false, {
+                                    fileName: "src/elements/PermanentlyDeleteButton/index.tsx",
+                                    lineNumber: 152,
+                                    columnNumber: 40
+                                }, void 0)
                         },
                         i18nKey: "general:aboutToPermanentlyDelete",
                         t: t,
@@ -129,14 +137,26 @@ export const PermanentlyDeleteButton = (props)=>{
                             label: getTranslation(singularLabel, i18n),
                             title: titleFromProps || title || id
                         }
-                    }),
+                    }, void 0, false, {
+                        fileName: "src/elements/PermanentlyDeleteButton/index.tsx",
+                        lineNumber: 150,
+                        columnNumber: 13
+                    }, void 0),
                     confirmingLabel: t('general:deleting'),
                     heading: t('general:confirmDeletion'),
                     modalSlug: modalSlug,
                     onConfirm: handleDelete
-                })
+                }, void 0, false, {
+                    fileName: "src/elements/PermanentlyDeleteButton/index.tsx",
+                    lineNumber: 148,
+                    columnNumber: 9
+                }, this)
             ]
-        });
+        }, void 0, true, {
+            fileName: "src/elements/PermanentlyDeleteButton/index.tsx",
+            lineNumber: 138,
+            columnNumber: 7
+        }, this);
     }
     return null;
 };

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/PermanentlyDeleteButton/index.tsx"],"sourcesContent":["'use client'\n\nimport type { SanitizedCollectionConfig } from 'payload'\n\nimport { useModal } from '@faceless-ui/modal'\nimport { getTranslation } from '@payloadcms/translations'\nimport { useRouter } from 'next/navigation.js'\nimport { formatAdminURL } from 'payload/shared'\nimport * as qs from 'qs-esm'\nimport React, { Fragment, useCallback } from 'react'\nimport { toast } from 'sonner'\n\nimport type { DocumentDrawerContextType } from '../DocumentDrawer/Provider.js'\n\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useDocumentTitle } from '../../providers/DocumentTitle/index.js'\nimport { useRouteTransition } from '../../providers/RouteTransition/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { requests } from '../../utilities/api.js'\nimport { Button } from '../Button/index.js'\nimport { ConfirmationModal } from '../ConfirmationModal/index.js'\nimport { Translation } from '../Translation/index.js'\n\nexport type Props = {\n  readonly buttonId?: string\n  readonly collectionSlug: SanitizedCollectionConfig['slug']\n  readonly id?: string\n  readonly onDelete?: DocumentDrawerContextType['onDelete']\n  readonly redirectAfterDelete?: boolean\n  readonly singularLabel: SanitizedCollectionConfig['labels']['singular']\n  readonly title?: string\n}\n\nexport const PermanentlyDeleteButton: React.FC<Props> = (props) => {\n  const {\n    id,\n    buttonId,\n    collectionSlug,\n    onDelete,\n    redirectAfterDelete = true,\n    singularLabel,\n    title: titleFromProps,\n  } = props\n\n  const {\n    config: {\n      routes: { admin: adminRoute, api },\n      serverURL,\n    },\n    getEntityConfig,\n  } = useConfig()\n\n  const collectionConfig = getEntityConfig({ collectionSlug })\n  const router = useRouter()\n  const { i18n, t } = useTranslation()\n  const { title } = useDocumentTitle()\n  const { startRouteTransition } = useRouteTransition()\n  const { openModal } = useModal()\n\n  const modalSlug = `perma-delete-${id}`\n\n  const addDefaultError = useCallback(() => {\n    toast.error(t('error:deletingTitle', { title }))\n  }, [t, title])\n\n  const handleDelete = useCallback(async () => {\n    try {\n      const url = `${serverURL}${api}/${collectionSlug}?${qs.stringify({\n        trash: true,\n        where: {\n          and: [{ id: { equals: id } }, { deletedAt: { exists: true } }],\n        },\n      })}`\n\n      const res = await requests.delete(url, {\n        headers: {\n          'Accept-Language': i18n.language,\n          'Content-Type': 'application/json',\n        },\n      })\n\n      const json = await res.json()\n\n      if (res.status < 400) {\n        toast.success(\n          t('general:titleDeleted', {\n            label: getTranslation(singularLabel, i18n),\n            title,\n          }) || json.message,\n        )\n\n        if (redirectAfterDelete) {\n          return startRouteTransition(() =>\n            router.push(\n              formatAdminURL({\n                adminRoute,\n                path: `/collections/${collectionSlug}/trash`,\n              }),\n            ),\n          )\n        }\n\n        if (typeof onDelete === 'function') {\n          await onDelete({ id, collectionConfig })\n        }\n\n        return\n      }\n\n      if (json.errors) {\n        json.errors.forEach((error) => toast.error(error.message))\n      } else {\n        addDefaultError()\n      }\n    } catch (_err) {\n      addDefaultError()\n    }\n  }, [\n    serverURL,\n    api,\n    collectionSlug,\n    id,\n    t,\n    singularLabel,\n    addDefaultError,\n    i18n,\n    title,\n    router,\n    adminRoute,\n    redirectAfterDelete,\n    onDelete,\n    collectionConfig,\n    startRouteTransition,\n  ])\n\n  if (id) {\n    return (\n      <Fragment>\n        <Button\n          buttonStyle=\"secondary\"\n          id={buttonId}\n          onClick={() => {\n            openModal(modalSlug)\n          }}\n        >\n          {t('general:permanentlyDelete')}\n        </Button>\n        <ConfirmationModal\n          body={\n            <Translation\n              elements={{\n                '1': ({ children }) => <strong>{children}</strong>,\n              }}\n              i18nKey=\"general:aboutToPermanentlyDelete\"\n              t={t}\n              variables={{\n                label: getTranslation(singularLabel, i18n),\n                title: titleFromProps || title || id,\n              }}\n            />\n          }\n          confirmingLabel={t('general:deleting')}\n          heading={t('general:confirmDeletion')}\n          modalSlug={modalSlug}\n          onConfirm={handleDelete}\n        />\n      </Fragment>\n    )\n  }\n\n  return null\n}\n"],"names":["useModal","getTranslation","useRouter","formatAdminURL","qs","React","Fragment","useCallback","toast","useConfig","useDocumentTitle","useRouteTransition","useTranslation","requests","Button","ConfirmationModal","Translation","PermanentlyDeleteButton","props","id","buttonId","collectionSlug","onDelete","redirectAfterDelete","singularLabel","title","titleFromProps","config","routes","admin","adminRoute","api","serverURL","getEntityConfig","collectionConfig","router","i18n","t","startRouteTransition","openModal","modalSlug","addDefaultError","error","handleDelete","url","stringify","trash","where","and","equals","deletedAt","exists","res","delete","headers","language","json","status","success","label","message","push","path","errors","forEach","_err","buttonStyle","onClick","body","elements","children","strong","i18nKey","variables","confirmingLabel","heading","onConfirm"],"mappings":"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"}
+{"version":3,"sources":["../../../src/elements/PermanentlyDeleteButton/index.tsx"],"sourcesContent":["'use client'\n\nimport type { SanitizedCollectionConfig } from 'payload'\n\nimport { useModal } from '@faceless-ui/modal'\nimport { getTranslation } from '@payloadcms/translations'\nimport { useRouter } from 'next/navigation.js'\nimport { formatAdminURL } from 'payload/shared'\nimport * as qs from 'qs-esm'\nimport React, { Fragment, useCallback } from 'react'\nimport { toast } from 'sonner'\n\nimport type { DocumentDrawerContextType } from '../DocumentDrawer/Provider.js'\n\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useDocumentTitle } from '../../providers/DocumentTitle/index.js'\nimport { useRouteTransition } from '../../providers/RouteTransition/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { requests } from '../../utilities/api.js'\nimport { Button } from '../Button/index.js'\nimport { ConfirmationModal } from '../ConfirmationModal/index.js'\nimport { Translation } from '../Translation/index.js'\n\nexport type Props = {\n  readonly buttonId?: string\n  readonly collectionSlug: SanitizedCollectionConfig['slug']\n  readonly id?: string\n  readonly onDelete?: DocumentDrawerContextType['onDelete']\n  readonly redirectAfterDelete?: boolean\n  readonly singularLabel: SanitizedCollectionConfig['labels']['singular']\n  readonly title?: string\n}\n\nexport const PermanentlyDeleteButton: React.FC<Props> = (props) => {\n  const {\n    id,\n    buttonId,\n    collectionSlug,\n    onDelete,\n    redirectAfterDelete = true,\n    singularLabel,\n    title: titleFromProps,\n  } = props\n\n  const {\n    config: {\n      routes: { admin: adminRoute, api },\n      serverURL,\n    },\n    getEntityConfig,\n  } = useConfig()\n\n  const collectionConfig = getEntityConfig({ collectionSlug })\n  const router = useRouter()\n  const { i18n, t } = useTranslation()\n  const { title } = useDocumentTitle()\n  const { startRouteTransition } = useRouteTransition()\n  const { openModal } = useModal()\n\n  const modalSlug = `perma-delete-${id}`\n\n  const addDefaultError = useCallback(() => {\n    toast.error(t('error:deletingTitle', { title }))\n  }, [t, title])\n\n  const handleDelete = useCallback(async () => {\n    try {\n      const url = `${serverURL}${api}/${collectionSlug}?${qs.stringify({\n        trash: true,\n        where: {\n          and: [{ id: { equals: id } }, { deletedAt: { exists: true } }],\n        },\n      })}`\n\n      const res = await requests.delete(url, {\n        headers: {\n          'Accept-Language': i18n.language,\n          'Content-Type': 'application/json',\n        },\n      })\n\n      const json = await res.json()\n\n      if (res.status < 400) {\n        toast.success(\n          t('general:titleDeleted', {\n            label: getTranslation(singularLabel, i18n),\n            title,\n          }) || json.message,\n        )\n\n        if (redirectAfterDelete) {\n          return startRouteTransition(() =>\n            router.push(\n              formatAdminURL({\n                adminRoute,\n                path: `/collections/${collectionSlug}/trash`,\n              }),\n            ),\n          )\n        }\n\n        if (typeof onDelete === 'function') {\n          await onDelete({ id, collectionConfig })\n        }\n\n        return\n      }\n\n      if (json.errors) {\n        json.errors.forEach((error) => toast.error(error.message))\n      } else {\n        addDefaultError()\n      }\n    } catch (_err) {\n      addDefaultError()\n    }\n  }, [\n    serverURL,\n    api,\n    collectionSlug,\n    id,\n    t,\n    singularLabel,\n    addDefaultError,\n    i18n,\n    title,\n    router,\n    adminRoute,\n    redirectAfterDelete,\n    onDelete,\n    collectionConfig,\n    startRouteTransition,\n  ])\n\n  if (id) {\n    return (\n      <Fragment>\n        <Button\n          buttonStyle=\"secondary\"\n          id={buttonId}\n          onClick={() => {\n            openModal(modalSlug)\n          }}\n        >\n          {t('general:permanentlyDelete')}\n        </Button>\n        <ConfirmationModal\n          body={\n            <Translation\n              elements={{\n                '1': ({ children }) => <strong>{children}</strong>,\n              }}\n              i18nKey=\"general:aboutToPermanentlyDelete\"\n              t={t}\n              variables={{\n                label: getTranslation(singularLabel, i18n),\n                title: titleFromProps || title || id,\n              }}\n            />\n          }\n          confirmingLabel={t('general:deleting')}\n          heading={t('general:confirmDeletion')}\n          modalSlug={modalSlug}\n          onConfirm={handleDelete}\n        />\n      </Fragment>\n    )\n  }\n\n  return null\n}\n"],"names":["useModal","getTranslation","useRouter","formatAdminURL","qs","React","Fragment","useCallback","toast","useConfig","useDocumentTitle","useRouteTransition","useTranslation","requests","Button","ConfirmationModal","Translation","PermanentlyDeleteButton","props","id","buttonId","collectionSlug","onDelete","redirectAfterDelete","singularLabel","title","titleFromProps","config","routes","admin","adminRoute","api","serverURL","getEntityConfig","collectionConfig","router","i18n","t","startRouteTransition","openModal","modalSlug","addDefaultError","error","handleDelete","url","stringify","trash","where","and","equals","deletedAt","exists","res","delete","headers","language","json","status","success","label","message","push","path","errors","forEach","_err","buttonStyle","onClick","body","elements","children","strong","i18nKey","variables","confirmingLabel","heading","onConfirm"],"mappings":"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"}

package/dist/elements/Pill/index.js

@@ -1,8 +1,11 @@
 'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React from 'react'; // TODO: abstract this out to support all routers
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
+import React from 'react';
+// TODO: abstract this out to support all routers
 import { Link } from '../Link/index.js';
-import { useDraggableSortable } from '../DraggableSortable/useDraggableSortable/index.js';
+/**
+   * @default 'light'
+   */ import { useDraggableSortable } from '../DraggableSortable/useDraggableSortable/index.js';
 import './index.scss';
 const baseClass = 'pill';
 const DraggablePill = (props)=>{
@@ -10,7 +13,7 @@ const DraggablePill = (props)=>{
     const { attributes, isDragging, listeners, setNodeRef, transform } = useDraggableSortable({
         id
     });
-    return /*#__PURE__*/ _jsx(StaticPill, {
+    return /*#__PURE__*/ _jsxDEV(StaticPill, {
         ...props,
         className: [
             isDragging && `${baseClass}--is-dragging`,
@@ -24,7 +27,11 @@ const DraggablePill = (props)=>{
                 transform
             }
         }
-    });
+    }, void 0, false, {
+        fileName: "src/elements/Pill/index.tsx",
+        lineNumber: 63,
+        columnNumber: 5
+    }, this);
 };
 const StaticPill = (props)=>{
     const { id, alignIcon = 'right', 'aria-checked': ariaChecked, 'aria-controls': ariaControls, 'aria-expanded': ariaExpanded, 'aria-label': ariaLabel, children, className, draggable, elementProps, icon, onClick, pillStyle = 'light', rounded, size = 'medium', to } = props;
@@ -47,7 +54,7 @@ const StaticPill = (props)=>{
     if (to) {
         Element = Link;
     }
-    return /*#__PURE__*/ _jsxs(Element, {
+    return /*#__PURE__*/ _jsxDEV(Element, {
         ...elementProps,
         "aria-checked": ariaChecked,
         "aria-controls": ariaControls,
@@ -59,27 +66,47 @@ const StaticPill = (props)=>{
         onClick: onClick,
         type: Element === 'button' ? 'button' : undefined,
         children: [
-            /*#__PURE__*/ _jsx("span", {
+            /*#__PURE__*/ _jsxDEV("span", {
                 className: `${baseClass}__label`,
                 children: children
-            }),
-            Boolean(icon) && /*#__PURE__*/ _jsx("span", {
+            }, void 0, false, {
+                fileName: "src/elements/Pill/index.tsx",
+                lineNumber: 136,
+                columnNumber: 7
+            }, this),
+            Boolean(icon) && /*#__PURE__*/ _jsxDEV("span", {
                 className: `${baseClass}__icon`,
                 children: icon
-            })
+            }, void 0, false, {
+                fileName: "src/elements/Pill/index.tsx",
+                lineNumber: 137,
+                columnNumber: 25
+            }, this)
         ]
-    });
+    }, void 0, true, {
+        fileName: "src/elements/Pill/index.tsx",
+        lineNumber: 124,
+        columnNumber: 5
+    }, this);
 };
 export const Pill = (props)=>{
     const { draggable } = props;
     if (draggable) {
-        return /*#__PURE__*/ _jsx(DraggablePill, {
+        return /*#__PURE__*/ _jsxDEV(DraggablePill, {
             ...props
-        });
+        }, void 0, false, {
+            fileName: "src/elements/Pill/index.tsx",
+            lineNumber: 146,
+            columnNumber: 12
+        }, this);
     }
-    return /*#__PURE__*/ _jsx(StaticPill, {
+    return /*#__PURE__*/ _jsxDEV(StaticPill, {
         ...props
-    });
+    }, void 0, false, {
+        fileName: "src/elements/Pill/index.tsx",
+        lineNumber: 148,
+        columnNumber: 10
+    }, this);
 };
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/Pill/index.tsx"],"sourcesContent":["'use client'\nimport type { ElementType, HTMLAttributes } from 'react'\n\nimport React from 'react' // TODO: abstract this out to support all routers\n\nimport { Link } from '../Link/index.js'\n\nexport type PillStyle =\n  | 'always-white'\n  | 'dark'\n  | 'error'\n  | 'light'\n  | 'light-gray'\n  | 'success'\n  | 'warning'\n  | 'white'\n\nexport type PillProps = {\n  alignIcon?: 'left' | 'right'\n  'aria-checked'?: boolean\n  'aria-controls'?: string\n  'aria-expanded'?: boolean\n  'aria-label'?: string\n  children?: React.ReactNode\n  className?: string\n  draggable?: boolean\n  elementProps?: {\n    ref: React.RefCallback<HTMLElement>\n  } & HTMLAttributes<HTMLElement>\n  icon?: React.ReactNode\n  id?: string\n  onClick?: () => void\n  /**\n   * @default 'light'\n   */\n  pillStyle?: PillStyle\n  rounded?: boolean\n  size?: 'medium' | 'small'\n  to?: string\n}\n\nexport type RenderedTypeProps = {\n  children: React.ReactNode\n  className?: string\n  onClick?: () => void\n  to: string\n  type?: 'button'\n}\n\nimport { useDraggableSortable } from '../DraggableSortable/useDraggableSortable/index.js'\nimport './index.scss'\n\nconst baseClass = 'pill'\n\nconst DraggablePill: React.FC<PillProps> = (props) => {\n  const { id, className } = props\n\n  const { attributes, isDragging, listeners, setNodeRef, transform } = useDraggableSortable({\n    id,\n  })\n\n  return (\n    <StaticPill\n      {...props}\n      className={[isDragging && `${baseClass}--is-dragging`, className].filter(Boolean).join(' ')}\n      elementProps={{\n        ...listeners,\n        ...attributes,\n        ref: setNodeRef,\n        style: {\n          transform,\n        },\n      }}\n    />\n  )\n}\n\nconst StaticPill: React.FC<PillProps> = (props) => {\n  const {\n    id,\n    alignIcon = 'right',\n    'aria-checked': ariaChecked,\n    'aria-controls': ariaControls,\n    'aria-expanded': ariaExpanded,\n    'aria-label': ariaLabel,\n    children,\n    className,\n    draggable,\n    elementProps,\n    icon,\n    onClick,\n    pillStyle = 'light',\n    rounded,\n    size = 'medium',\n    to,\n  } = props\n\n  const classes = [\n    baseClass,\n    `${baseClass}--style-${pillStyle}`,\n    `${baseClass}--size-${size}`,\n    className && className,\n    to && `${baseClass}--has-link`,\n    (to || onClick) && `${baseClass}--has-action`,\n    icon && `${baseClass}--has-icon`,\n    icon && `${baseClass}--align-icon-${alignIcon}`,\n    draggable && `${baseClass}--draggable`,\n    rounded && `${baseClass}--rounded`,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  let Element: ElementType | React.FC<RenderedTypeProps> = 'div'\n\n  if (onClick && !to) {\n    Element = 'button'\n  }\n\n  if (to) {\n    Element = Link\n  }\n\n  return (\n    <Element\n      {...elementProps}\n      aria-checked={ariaChecked}\n      aria-controls={ariaControls}\n      aria-expanded={ariaExpanded}\n      aria-label={ariaLabel}\n      className={classes}\n      href={to || null}\n      id={id}\n      onClick={onClick}\n      type={Element === 'button' ? 'button' : undefined}\n    >\n      <span className={`${baseClass}__label`}>{children}</span>\n      {Boolean(icon) && <span className={`${baseClass}__icon`}>{icon}</span>}\n    </Element>\n  )\n}\n\nexport const Pill: React.FC<PillProps> = (props) => {\n  const { draggable } = props\n\n  if (draggable) {\n    return <DraggablePill {...props} />\n  }\n  return <StaticPill {...props} />\n}\n"],"names":["React","Link","useDraggableSortable","baseClass","DraggablePill","props","id","className","attributes","isDragging","listeners","setNodeRef","transform","StaticPill","filter","Boolean","join","elementProps","ref","style","alignIcon","ariaChecked","ariaControls","ariaExpanded","ariaLabel","children","draggable","icon","onClick","pillStyle","rounded","size","to","classes","Element","aria-checked","aria-controls","aria-expanded","aria-label","href","type","undefined","span","Pill"],"mappings":"AAAA;;AAGA,OAAOA,WAAW,QAAO,CAAC,iDAAiD;AAE3E,SAASC,IAAI,QAAQ,mBAAkB;AA4CvC,SAASC,oBAAoB,QAAQ,qDAAoD;AACzF,OAAO,eAAc;AAErB,MAAMC,YAAY;AAElB,MAAMC,gBAAqC,CAACC;IAC1C,MAAM,EAAEC,EAAE,EAAEC,SAAS,EAAE,GAAGF;IAE1B,MAAM,EAAEG,UAAU,EAAEC,UAAU,EAAEC,SAAS,EAAEC,UAAU,EAAEC,SAAS,EAAE,GAAGV,qBAAqB;QACxFI;IACF;IAEA,qBACE,KAACO;QACE,GAAGR,KAAK;QACTE,WAAW;YAACE,cAAc,GAAGN,UAAU,aAAa,CAAC;YAAEI;SAAU,CAACO,MAAM,CAACC,SAASC,IAAI,CAAC;QACvFC,cAAc;YACZ,GAAGP,SAAS;YACZ,GAAGF,UAAU;YACbU,KAAKP;YACLQ,OAAO;gBACLP;YACF;QACF;;AAGN;AAEA,MAAMC,aAAkC,CAACR;IACvC,MAAM,EACJC,EAAE,EACFc,YAAY,OAAO,EACnB,gBAAgBC,WAAW,EAC3B,iBAAiBC,YAAY,EAC7B,iBAAiBC,YAAY,EAC7B,cAAcC,SAAS,EACvBC,QAAQ,EACRlB,SAAS,EACTmB,SAAS,EACTT,YAAY,EACZU,IAAI,EACJC,OAAO,EACPC,YAAY,OAAO,EACnBC,OAAO,EACPC,OAAO,QAAQ,EACfC,EAAE,EACH,GAAG3B;IAEJ,MAAM4B,UAAU;QACd9B;QACA,GAAGA,UAAU,QAAQ,EAAE0B,WAAW;QAClC,GAAG1B,UAAU,OAAO,EAAE4B,MAAM;QAC5BxB,aAAaA;QACbyB,MAAM,GAAG7B,UAAU,UAAU,CAAC;QAC7B6B,CAAAA,MAAMJ,OAAM,KAAM,GAAGzB,UAAU,YAAY,CAAC;QAC7CwB,QAAQ,GAAGxB,UAAU,UAAU,CAAC;QAChCwB,QAAQ,GAAGxB,UAAU,aAAa,EAAEiB,WAAW;QAC/CM,aAAa,GAAGvB,UAAU,WAAW,CAAC;QACtC2B,WAAW,GAAG3B,UAAU,SAAS,CAAC;KACnC,CACEW,MAAM,CAACC,SACPC,IAAI,CAAC;IAER,IAAIkB,UAAqD;IAEzD,IAAIN,WAAW,CAACI,IAAI;QAClBE,UAAU;IACZ;IAEA,IAAIF,IAAI;QACNE,UAAUjC;IACZ;IAEA,qBACE,MAACiC;QACE,GAAGjB,YAAY;QAChBkB,gBAAcd;QACde,iBAAed;QACfe,iBAAed;QACfe,cAAYd;QACZjB,WAAW0B;QACXM,MAAMP,MAAM;QACZ1B,IAAIA;QACJsB,SAASA;QACTY,MAAMN,YAAY,WAAW,WAAWO;;0BAExC,KAACC;gBAAKnC,WAAW,GAAGJ,UAAU,OAAO,CAAC;0BAAGsB;;YACxCV,QAAQY,uBAAS,KAACe;gBAAKnC,WAAW,GAAGJ,UAAU,MAAM,CAAC;0BAAGwB;;;;AAGhE;AAEA,OAAO,MAAMgB,OAA4B,CAACtC;IACxC,MAAM,EAAEqB,SAAS,EAAE,GAAGrB;IAEtB,IAAIqB,WAAW;QACb,qBAAO,KAACtB;YAAe,GAAGC,KAAK;;IACjC;IACA,qBAAO,KAACQ;QAAY,GAAGR,KAAK;;AAC9B,EAAC"}
+{"version":3,"sources":["../../../src/elements/Pill/index.tsx"],"sourcesContent":["'use client'\nimport type { ElementType, HTMLAttributes } from 'react'\n\nimport React from 'react' // TODO: abstract this out to support all routers\n\nimport { Link } from '../Link/index.js'\n\nexport type PillStyle =\n  | 'always-white'\n  | 'dark'\n  | 'error'\n  | 'light'\n  | 'light-gray'\n  | 'success'\n  | 'warning'\n  | 'white'\n\nexport type PillProps = {\n  alignIcon?: 'left' | 'right'\n  'aria-checked'?: boolean\n  'aria-controls'?: string\n  'aria-expanded'?: boolean\n  'aria-label'?: string\n  children?: React.ReactNode\n  className?: string\n  draggable?: boolean\n  elementProps?: {\n    ref: React.RefCallback<HTMLElement>\n  } & HTMLAttributes<HTMLElement>\n  icon?: React.ReactNode\n  id?: string\n  onClick?: () => void\n  /**\n   * @default 'light'\n   */\n  pillStyle?: PillStyle\n  rounded?: boolean\n  size?: 'medium' | 'small'\n  to?: string\n}\n\nexport type RenderedTypeProps = {\n  children: React.ReactNode\n  className?: string\n  onClick?: () => void\n  to: string\n  type?: 'button'\n}\n\nimport { useDraggableSortable } from '../DraggableSortable/useDraggableSortable/index.js'\nimport './index.scss'\n\nconst baseClass = 'pill'\n\nconst DraggablePill: React.FC<PillProps> = (props) => {\n  const { id, className } = props\n\n  const { attributes, isDragging, listeners, setNodeRef, transform } = useDraggableSortable({\n    id,\n  })\n\n  return (\n    <StaticPill\n      {...props}\n      className={[isDragging && `${baseClass}--is-dragging`, className].filter(Boolean).join(' ')}\n      elementProps={{\n        ...listeners,\n        ...attributes,\n        ref: setNodeRef,\n        style: {\n          transform,\n        },\n      }}\n    />\n  )\n}\n\nconst StaticPill: React.FC<PillProps> = (props) => {\n  const {\n    id,\n    alignIcon = 'right',\n    'aria-checked': ariaChecked,\n    'aria-controls': ariaControls,\n    'aria-expanded': ariaExpanded,\n    'aria-label': ariaLabel,\n    children,\n    className,\n    draggable,\n    elementProps,\n    icon,\n    onClick,\n    pillStyle = 'light',\n    rounded,\n    size = 'medium',\n    to,\n  } = props\n\n  const classes = [\n    baseClass,\n    `${baseClass}--style-${pillStyle}`,\n    `${baseClass}--size-${size}`,\n    className && className,\n    to && `${baseClass}--has-link`,\n    (to || onClick) && `${baseClass}--has-action`,\n    icon && `${baseClass}--has-icon`,\n    icon && `${baseClass}--align-icon-${alignIcon}`,\n    draggable && `${baseClass}--draggable`,\n    rounded && `${baseClass}--rounded`,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  let Element: ElementType | React.FC<RenderedTypeProps> = 'div'\n\n  if (onClick && !to) {\n    Element = 'button'\n  }\n\n  if (to) {\n    Element = Link\n  }\n\n  return (\n    <Element\n      {...elementProps}\n      aria-checked={ariaChecked}\n      aria-controls={ariaControls}\n      aria-expanded={ariaExpanded}\n      aria-label={ariaLabel}\n      className={classes}\n      href={to || null}\n      id={id}\n      onClick={onClick}\n      type={Element === 'button' ? 'button' : undefined}\n    >\n      <span className={`${baseClass}__label`}>{children}</span>\n      {Boolean(icon) && <span className={`${baseClass}__icon`}>{icon}</span>}\n    </Element>\n  )\n}\n\nexport const Pill: React.FC<PillProps> = (props) => {\n  const { draggable } = props\n\n  if (draggable) {\n    return <DraggablePill {...props} />\n  }\n  return <StaticPill {...props} />\n}\n"],"names":["React","Link","useDraggableSortable","baseClass","DraggablePill","props","id","className","attributes","isDragging","listeners","setNodeRef","transform","StaticPill","filter","Boolean","join","elementProps","ref","style","alignIcon","ariaChecked","ariaControls","ariaExpanded","ariaLabel","children","draggable","icon","onClick","pillStyle","rounded","size","to","classes","Element","aria-checked","aria-controls","aria-expanded","aria-label","href","type","undefined","span","Pill"],"mappings":"AAAA;;AAGA,OAAOA,WAAW,QAAO;AAAC,iDAAiD;AAE3E,SAASC,IAAI,QAAQ,mBAAkB;AA2BrC;;GAEC,GAeH,SAASC,oBAAoB,QAAQ,qDAAoD;AACzF,OAAO,eAAc;AAErB,MAAMC,YAAY;AAElB,MAAMC,gBAAqC,CAACC;IAC1C,MAAM,EAAEC,EAAE,EAAEC,SAAS,EAAE,GAAGF;IAE1B,MAAM,EAAEG,UAAU,EAAEC,UAAU,EAAEC,SAAS,EAAEC,UAAU,EAAEC,SAAS,EAAE,GAAGV,qBAAqB;QACxFI;IACF;IAEA,qBACE,QAACO;QACE,GAAGR,KAAK;QACTE,WAAW;YAACE,cAAc,GAAGN,UAAU,aAAa,CAAC;YAAEI;SAAU,CAACO,MAAM,CAACC,SAASC,IAAI,CAAC;QACvFC,cAAc;YACZ,GAAGP,SAAS;YACZ,GAAGF,UAAU;YACbU,KAAKP;YACLQ,OAAO;gBACLP;YACF;QACF;;;;;;AAGN;AAEA,MAAMC,aAAkC,CAACR;IACvC,MAAM,EACJC,EAAE,EACFc,YAAY,OAAO,EACnB,gBAAgBC,WAAW,EAC3B,iBAAiBC,YAAY,EAC7B,iBAAiBC,YAAY,EAC7B,cAAcC,SAAS,EACvBC,QAAQ,EACRlB,SAAS,EACTmB,SAAS,EACTT,YAAY,EACZU,IAAI,EACJC,OAAO,EACPC,YAAY,OAAO,EACnBC,OAAO,EACPC,OAAO,QAAQ,EACfC,EAAE,EACH,GAAG3B;IAEJ,MAAM4B,UAAU;QACd9B;QACA,GAAGA,UAAU,QAAQ,EAAE0B,WAAW;QAClC,GAAG1B,UAAU,OAAO,EAAE4B,MAAM;QAC5BxB,aAAaA;QACbyB,MAAM,GAAG7B,UAAU,UAAU,CAAC;QAC7B6B,CAAAA,MAAMJ,OAAM,KAAM,GAAGzB,UAAU,YAAY,CAAC;QAC7CwB,QAAQ,GAAGxB,UAAU,UAAU,CAAC;QAChCwB,QAAQ,GAAGxB,UAAU,aAAa,EAAEiB,WAAW;QAC/CM,aAAa,GAAGvB,UAAU,WAAW,CAAC;QACtC2B,WAAW,GAAG3B,UAAU,SAAS,CAAC;KACnC,CACEW,MAAM,CAACC,SACPC,IAAI,CAAC;IAER,IAAIkB,UAAqD;IAEzD,IAAIN,WAAW,CAACI,IAAI;QAClBE,UAAU;IACZ;IAEA,IAAIF,IAAI;QACNE,UAAUjC;IACZ;IAEA,qBACE,QAACiC;QACE,GAAGjB,YAAY;QAChBkB,gBAAcd;QACde,iBAAed;QACfe,iBAAed;QACfe,cAAYd;QACZjB,WAAW0B;QACXM,MAAMP,MAAM;QACZ1B,IAAIA;QACJsB,SAASA;QACTY,MAAMN,YAAY,WAAW,WAAWO;;0BAExC,QAACC;gBAAKnC,WAAW,GAAGJ,UAAU,OAAO,CAAC;0BAAGsB;;;;;;YACxCV,QAAQY,uBAAS,QAACe;gBAAKnC,WAAW,GAAGJ,UAAU,MAAM,CAAC;0BAAGwB;;;;;;;;;;;;AAGhE;AAEA,OAAO,MAAMgB,OAA4B,CAACtC;IACxC,MAAM,EAAEqB,SAAS,EAAE,GAAGrB;IAEtB,IAAIqB,WAAW;QACb,qBAAO,QAACtB;YAAe,GAAGC,KAAK;;;;;;IACjC;IACA,qBAAO,QAACQ;QAAY,GAAGR,KAAK;;;;;;AAC9B,EAAC"}