@payloadcms/ui 3.0.0-alpha.48 → 3.0.0-alpha.49

package/dist/elements/Nav/index.js

@@ -4,13 +4,16 @@ import { isEntityHidden } from 'payload/utilities';
 import React from 'react';
 import { Chevron } from '../../icons/Chevron/index.js';
 import { EntityType, groupNavItems } from '../../utilities/groupNavItems.js';
-import Logout from '../Logout/index.js';
-import NavGroup from '../NavGroup/index.js';
+import { Logout } from '../Logout/index.js';
+import { NavGroup } from '../NavGroup/index.js';
 import { NavHamburger } from './NavHamburger/index.js';
 import { NavWrapper } from './NavWrapper/index.js';
 const baseClass = 'nav';
 export const DefaultNav = (props)=>{
     const { config, i18n, permissions, user } = props;
+    if (!config) {
+        return null;
+    }
     const { admin: { components: { afterNavLinks, beforeNavLinks } }, collections, globals, routes: { admin } } = config;
     const groups = groupNavItems([
         ...collections.filter(({ admin: { hidden } })=>!isEntityHidden({

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/Nav/index.tsx"],"sourcesContent":["import type { I18n } from '@payloadcms/translations'\nimport type { Permissions, User } from 'payload/auth'\nimport type { SanitizedConfig } from 'payload/types'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport LinkWithDefault from 'next/link.js'\nimport { isEntityHidden } from 'payload/utilities'\nimport React from 'react'\n\nimport type { EntityToGroup } from '../../utilities/groupNavItems.js'\n\nimport { Chevron } from '../../icons/Chevron/index.js'\nimport { EntityType, groupNavItems } from '../../utilities/groupNavItems.js'\nimport Logout from '../Logout/index.js'\nimport NavGroup from '../NavGroup/index.js'\nimport { NavHamburger } from './NavHamburger/index.js'\nimport { NavWrapper } from './NavWrapper/index.js'\nimport './index.scss'\n\nconst baseClass = 'nav'\n\nexport const DefaultNav: React.FC<{\n  config: SanitizedConfig\n  i18n: I18n\n  permissions: Permissions\n  user: User\n}> = (props) => {\n  const { config, i18n, permissions, user } = props\n\n  const {\n    admin: {\n      components: { afterNavLinks, beforeNavLinks },\n    },\n    collections,\n    globals,\n    routes: { admin },\n  } = config\n\n  const groups = groupNavItems(\n    [\n      ...collections\n        .filter(({ admin: { hidden } }) => !isEntityHidden({ hidden, user }))\n        .map((collection) => {\n          const entityToGroup: EntityToGroup = {\n            type: EntityType.collection,\n            entity: collection,\n          }\n\n          return entityToGroup\n        }),\n      ...globals\n        .filter(({ admin: { hidden } }) => !isEntityHidden({ hidden, user }))\n        .map((global) => {\n          const entityToGroup: EntityToGroup = {\n            type: EntityType.global,\n            entity: global,\n          }\n\n          return entityToGroup\n        }),\n    ],\n    permissions,\n    i18n,\n  )\n\n  return (\n    <NavWrapper baseClass={baseClass}>\n      <nav className={`${baseClass}__wrap`}>\n        {Array.isArray(beforeNavLinks) &&\n          beforeNavLinks.map((Component, i) => <Component key={i} />)}\n        {groups.map(({ entities, label }, key) => {\n          return (\n            <NavGroup key={key} label={label}>\n              {entities.map(({ type, entity }, i) => {\n                let entityLabel: string\n                let href: string\n                let id: string\n\n                if (type === EntityType.collection) {\n                  href = `${admin}/collections/${entity.slug}`\n                  entityLabel = getTranslation(entity.labels.plural, i18n)\n                  id = `nav-${entity.slug}`\n                }\n\n                if (type === EntityType.global) {\n                  href = `${admin}/globals/${entity.slug}`\n                  entityLabel = getTranslation(entity.label, i18n)\n                  id = `nav-global-${entity.slug}`\n                }\n\n                const Link = (LinkWithDefault.default ||\n                  LinkWithDefault) as typeof LinkWithDefault.default\n\n                const LinkElement = Link || 'a'\n\n                return (\n                  <LinkElement\n                    // activeClassName=\"active\"\n                    className={`${baseClass}__link`}\n                    href={href}\n                    id={id}\n                    // tabIndex={!navOpen ? -1 : undefined}\n                    key={i}\n                  >\n                    <span className={`${baseClass}__link-icon`}>\n                      <Chevron direction=\"right\" />\n                    </span>\n                    <span className={`${baseClass}__link-label`}>{entityLabel}</span>\n                  </LinkElement>\n                )\n              })}\n            </NavGroup>\n          )\n        })}\n        {Array.isArray(afterNavLinks) && afterNavLinks.map((Component, i) => <Component key={i} />)}\n        <div className={`${baseClass}__controls`}>\n          <Logout\n          // tabIndex={!navOpen ? -1 : undefined}\n          />\n        </div>\n      </nav>\n      <div className={`${baseClass}__header`}>\n        <div className={`${baseClass}__header-content`}>\n          <NavHamburger baseClass={baseClass} />\n        </div>\n      </div>\n    </NavWrapper>\n  )\n}\n"],"names":["getTranslation","LinkWithDefault","isEntityHidden","React","Chevron","EntityType","groupNavItems","Logout","NavGroup","NavHamburger","NavWrapper","baseClass","DefaultNav","props","config","i18n","permissions","user","admin","components","afterNavLinks","beforeNavLinks","collections","globals","routes","groups","filter","hidden","map","collection","entityToGroup","type","entity","global","nav","className","Array","isArray","Component","i","key","entities","label","entityLabel","href","id","slug","labels","plural","Link","default","LinkElement","span","direction","div"],"mappings":"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"}
+{"version":3,"sources":["../../../src/elements/Nav/index.tsx"],"sourcesContent":["import type { I18n } from '@payloadcms/translations'\nimport type { Permissions, User } from 'payload/auth'\nimport type { SanitizedConfig } from 'payload/types'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport LinkWithDefault from 'next/link.js'\nimport { isEntityHidden } from 'payload/utilities'\nimport React from 'react'\n\nimport type { EntityToGroup } from '../../utilities/groupNavItems.js'\n\nimport { Chevron } from '../../icons/Chevron/index.js'\nimport { EntityType, groupNavItems } from '../../utilities/groupNavItems.js'\nimport { Logout } from '../Logout/index.js'\nimport { NavGroup } from '../NavGroup/index.js'\nimport { NavHamburger } from './NavHamburger/index.js'\nimport { NavWrapper } from './NavWrapper/index.js'\nimport './index.scss'\n\nconst baseClass = 'nav'\n\nexport const DefaultNav: React.FC<{\n  config: SanitizedConfig\n  i18n: I18n\n  permissions: Permissions\n  user: User\n}> = (props) => {\n  const { config, i18n, permissions, user } = props\n\n  if (!config) {\n    return null\n  }\n\n  const {\n    admin: {\n      components: { afterNavLinks, beforeNavLinks },\n    },\n    collections,\n    globals,\n    routes: { admin },\n  } = config\n\n  const groups = groupNavItems(\n    [\n      ...collections\n        .filter(({ admin: { hidden } }) => !isEntityHidden({ hidden, user }))\n        .map((collection) => {\n          const entityToGroup: EntityToGroup = {\n            type: EntityType.collection,\n            entity: collection,\n          }\n\n          return entityToGroup\n        }),\n      ...globals\n        .filter(({ admin: { hidden } }) => !isEntityHidden({ hidden, user }))\n        .map((global) => {\n          const entityToGroup: EntityToGroup = {\n            type: EntityType.global,\n            entity: global,\n          }\n\n          return entityToGroup\n        }),\n    ],\n    permissions,\n    i18n,\n  )\n\n  return (\n    <NavWrapper baseClass={baseClass}>\n      <nav className={`${baseClass}__wrap`}>\n        {Array.isArray(beforeNavLinks) &&\n          beforeNavLinks.map((Component, i) => <Component key={i} />)}\n        {groups.map(({ entities, label }, key) => {\n          return (\n            <NavGroup key={key} label={label}>\n              {entities.map(({ type, entity }, i) => {\n                let entityLabel: string\n                let href: string\n                let id: string\n\n                if (type === EntityType.collection) {\n                  href = `${admin}/collections/${entity.slug}`\n                  entityLabel = getTranslation(entity.labels.plural, i18n)\n                  id = `nav-${entity.slug}`\n                }\n\n                if (type === EntityType.global) {\n                  href = `${admin}/globals/${entity.slug}`\n                  entityLabel = getTranslation(entity.label, i18n)\n                  id = `nav-global-${entity.slug}`\n                }\n\n                const Link = (LinkWithDefault.default ||\n                  LinkWithDefault) as typeof LinkWithDefault.default\n\n                const LinkElement = Link || 'a'\n\n                return (\n                  <LinkElement\n                    // activeClassName=\"active\"\n                    className={`${baseClass}__link`}\n                    href={href}\n                    id={id}\n                    // tabIndex={!navOpen ? -1 : undefined}\n                    key={i}\n                  >\n                    <span className={`${baseClass}__link-icon`}>\n                      <Chevron direction=\"right\" />\n                    </span>\n                    <span className={`${baseClass}__link-label`}>{entityLabel}</span>\n                  </LinkElement>\n                )\n              })}\n            </NavGroup>\n          )\n        })}\n        {Array.isArray(afterNavLinks) && afterNavLinks.map((Component, i) => <Component key={i} />)}\n        <div className={`${baseClass}__controls`}>\n          <Logout />\n        </div>\n      </nav>\n      <div className={`${baseClass}__header`}>\n        <div className={`${baseClass}__header-content`}>\n          <NavHamburger baseClass={baseClass} />\n        </div>\n      </div>\n    </NavWrapper>\n  )\n}\n"],"names":["getTranslation","LinkWithDefault","isEntityHidden","React","Chevron","EntityType","groupNavItems","Logout","NavGroup","NavHamburger","NavWrapper","baseClass","DefaultNav","props","config","i18n","permissions","user","admin","components","afterNavLinks","beforeNavLinks","collections","globals","routes","groups","filter","hidden","map","collection","entityToGroup","type","entity","global","nav","className","Array","isArray","Component","i","key","entities","label","entityLabel","href","id","slug","labels","plural","Link","default","LinkElement","span","direction","div"],"mappings":"AAIA,SAASA,cAAc,QAAQ,2BAA0B;AACzD,OAAOC,qBAAqB,eAAc;AAC1C,SAASC,cAAc,QAAQ,oBAAmB;AAClD,OAAOC,WAAW,QAAO;AAIzB,SAASC,OAAO,QAAQ,+BAA8B;AACtD,SAASC,UAAU,EAAEC,aAAa,QAAQ,mCAAkC;AAC5E,SAASC,MAAM,QAAQ,qBAAoB;AAC3C,SAASC,QAAQ,QAAQ,uBAAsB;AAC/C,SAASC,YAAY,QAAQ,0BAAyB;AACtD,SAASC,UAAU,QAAQ,wBAAuB;AAGlD,MAAMC,YAAY;AAElB,OAAO,MAAMC,aAKR,CAACC;IACJ,MAAM,EAAEC,MAAM,EAAEC,IAAI,EAAEC,WAAW,EAAEC,IAAI,EAAE,GAAGJ;IAE5C,IAAI,CAACC,QAAQ;QACX,OAAO;IACT;IAEA,MAAM,EACJI,OAAO,EACLC,YAAY,EAAEC,aAAa,EAAEC,cAAc,EAAE,EAC9C,EACDC,WAAW,EACXC,OAAO,EACPC,QAAQ,EAAEN,KAAK,EAAE,EAClB,GAAGJ;IAEJ,MAAMW,SAASnB,cACb;WACKgB,YACAI,MAAM,CAAC,CAAC,EAAER,OAAO,EAAES,MAAM,EAAE,EAAE,GAAK,CAACzB,eAAe;gBAAEyB;gBAAQV;YAAK,IACjEW,GAAG,CAAC,CAACC;YACJ,MAAMC,gBAA+B;gBACnCC,MAAM1B,WAAWwB,UAAU;gBAC3BG,QAAQH;YACV;YAEA,OAAOC;QACT;WACCP,QACAG,MAAM,CAAC,CAAC,EAAER,OAAO,EAAES,MAAM,EAAE,EAAE,GAAK,CAACzB,eAAe;gBAAEyB;gBAAQV;YAAK,IACjEW,GAAG,CAAC,CAACK;YACJ,MAAMH,gBAA+B;gBACnCC,MAAM1B,WAAW4B,MAAM;gBACvBD,QAAQC;YACV;YAEA,OAAOH;QACT;KACH,EACDd,aACAD;IAGF,qBACE,oBAACL;QAAWC,WAAWA;qBACrB,oBAACuB;QAAIC,WAAW,CAAC,EAAExB,UAAU,MAAM,CAAC;OACjCyB,MAAMC,OAAO,CAAChB,mBACbA,eAAeO,GAAG,CAAC,CAACU,WAAWC,kBAAM,oBAACD;YAAUE,KAAKD;aACtDd,OAAOG,GAAG,CAAC,CAAC,EAAEa,QAAQ,EAAEC,KAAK,EAAE,EAAEF;QAChC,qBACE,oBAAChC;YAASgC,KAAKA;YAAKE,OAAOA;WACxBD,SAASb,GAAG,CAAC,CAAC,EAAEG,IAAI,EAAEC,MAAM,EAAE,EAAEO;YAC/B,IAAII;YACJ,IAAIC;YACJ,IAAIC;YAEJ,IAAId,SAAS1B,WAAWwB,UAAU,EAAE;gBAClCe,OAAO,CAAC,EAAE1B,MAAM,aAAa,EAAEc,OAAOc,IAAI,CAAC,CAAC;gBAC5CH,cAAc3C,eAAegC,OAAOe,MAAM,CAACC,MAAM,EAAEjC;gBACnD8B,KAAK,CAAC,IAAI,EAAEb,OAAOc,IAAI,CAAC,CAAC;YAC3B;YAEA,IAAIf,SAAS1B,WAAW4B,MAAM,EAAE;gBAC9BW,OAAO,CAAC,EAAE1B,MAAM,SAAS,EAAEc,OAAOc,IAAI,CAAC,CAAC;gBACxCH,cAAc3C,eAAegC,OAAOU,KAAK,EAAE3B;gBAC3C8B,KAAK,CAAC,WAAW,EAAEb,OAAOc,IAAI,CAAC,CAAC;YAClC;YAEA,MAAMG,OAAQhD,gBAAgBiD,OAAO,IACnCjD;YAEF,MAAMkD,cAAcF,QAAQ;YAE5B,qBACE,oBAACE;gBACC,2BAA2B;gBAC3BhB,WAAW,CAAC,EAAExB,UAAU,MAAM,CAAC;gBAC/BiC,MAAMA;gBACNC,IAAIA;gBACJ,uCAAuC;gBACvCL,KAAKD;6BAEL,oBAACa;gBAAKjB,WAAW,CAAC,EAAExB,UAAU,WAAW,CAAC;6BACxC,oBAACP;gBAAQiD,WAAU;+BAErB,oBAACD;gBAAKjB,WAAW,CAAC,EAAExB,UAAU,YAAY,CAAC;eAAGgC;QAGpD;IAGN,IACCP,MAAMC,OAAO,CAACjB,kBAAkBA,cAAcQ,GAAG,CAAC,CAACU,WAAWC,kBAAM,oBAACD;YAAUE,KAAKD;2BACrF,oBAACe;QAAInB,WAAW,CAAC,EAAExB,UAAU,UAAU,CAAC;qBACtC,oBAACJ,+BAGL,oBAAC+C;QAAInB,WAAW,CAAC,EAAExB,UAAU,QAAQ,CAAC;qBACpC,oBAAC2C;QAAInB,WAAW,CAAC,EAAExB,UAAU,gBAAgB,CAAC;qBAC5C,oBAACF;QAAaE,WAAWA;;AAKnC,EAAC"}

package/dist/elements/NavGroup/index.d.ts

@@ -4,6 +4,6 @@ type Props = {
     children: React.ReactNode;
     label: string;
 };
-declare const NavGroup: React.FC<Props>;
-export default NavGroup;
+export declare const NavGroup: React.FC<Props>;
+export {};
 //# sourceMappingURL=index.d.ts.map

package/dist/elements/NavGroup/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/NavGroup/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAA8B,MAAM,OAAO,CAAA;AAMlD,OAAO,cAAc,CAAA;AAOrB,KAAK,KAAK,GAAG;IACX,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,KAAK,EAAE,MAAM,CAAA;CACd,CAAA;AAED,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAiE7B,CAAA;AAED,eAAe,QAAQ,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/NavGroup/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAA8B,MAAM,OAAO,CAAA;AAMlD,OAAO,cAAc,CAAA;AAOrB,KAAK,KAAK,GAAG;IACX,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,KAAK,EAAE,MAAM,CAAA;CACd,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAiEpC,CAAA"}

package/dist/elements/NavGroup/index.js

@@ -6,7 +6,7 @@ import { usePreferences } from '../../providers/Preferences/index.js';
 import { useNav } from '../Nav/context.js';
 const AnimateHeight = AnimateHeightImport.default || AnimateHeightImport;
 const baseClass = 'nav-group';
-const NavGroup = ({ children, label })=>{
+export const NavGroup = ({ children, label })=>{
     const [collapsed, setCollapsed] = useState(true);
     const [animate, setAnimate] = useState(false);
     const { getPreference, setPreference } = usePreferences();
@@ -68,6 +68,5 @@ const NavGroup = ({ children, label })=>{
     }
     return /*#__PURE__*/ React.createElement(React.Fragment, null, children);
 };
-export default NavGroup;
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/NavGroup/index.tsx"],"sourcesContent":["'use client'\nimport React, { useEffect, useState } from 'react'\nimport AnimateHeightImport from 'react-animate-height'\n\nimport { Chevron } from '../../icons/Chevron/index.js'\nimport { usePreferences } from '../../providers/Preferences/index.js'\nimport { useNav } from '../Nav/context.js'\nimport './index.scss'\n\nconst AnimateHeight = (AnimateHeightImport.default ||\n  AnimateHeightImport) as typeof AnimateHeightImport.default\n\nconst baseClass = 'nav-group'\n\ntype Props = {\n  children: React.ReactNode\n  label: string\n}\n\nconst NavGroup: React.FC<Props> = ({ children, label }) => {\n  const [collapsed, setCollapsed] = useState(true)\n  const [animate, setAnimate] = useState(false)\n  const { getPreference, setPreference } = usePreferences()\n  const { navOpen } = useNav()\n\n  const preferencesKey = `collapsed-${label}-groups`\n\n  useEffect(() => {\n    if (label) {\n      const setCollapsedFromPreferences = async () => {\n        const preferences = (await getPreference(preferencesKey)) || []\n        setCollapsed(preferences.indexOf(label) !== -1)\n      }\n      void setCollapsedFromPreferences()\n    }\n  }, [getPreference, label, preferencesKey])\n\n  if (label) {\n    const toggleCollapsed = async () => {\n      setAnimate(true)\n      let preferences: string[] = (await getPreference(preferencesKey)) || []\n      if (collapsed) {\n        preferences = preferences.filter((preference) => label !== preference)\n      } else {\n        preferences.push(label)\n      }\n      void setPreference(preferencesKey, preferences)\n      setCollapsed(!collapsed)\n    }\n\n    return (\n      <div\n        className={[`${baseClass}`, `${label}`, collapsed && `${baseClass}--collapsed`]\n          .filter(Boolean)\n          .join(' ')}\n        id={`nav-group-${label}`}\n      >\n        <button\n          className={[\n            `${baseClass}__toggle`,\n            `${baseClass}__toggle--${collapsed ? 'collapsed' : 'open'}`,\n          ]\n            .filter(Boolean)\n            .join(' ')}\n          onClick={toggleCollapsed}\n          tabIndex={!navOpen ? -1 : 0}\n          type=\"button\"\n        >\n          <div className={`${baseClass}__label`}>{label}</div>\n          <div className={`${baseClass}__indicator`}>\n            <Chevron\n              className={`${baseClass}__indicator`}\n              direction={!collapsed ? 'up' : undefined}\n            />\n          </div>\n        </button>\n        <AnimateHeight duration={animate ? 200 : 0} height={collapsed ? 0 : 'auto'}>\n          <div className={`${baseClass}__content`}>{children}</div>\n        </AnimateHeight>\n      </div>\n    )\n  }\n\n  return <React.Fragment>{children}</React.Fragment>\n}\n\nexport default NavGroup\n"],"names":["React","useEffect","useState","AnimateHeightImport","Chevron","usePreferences","useNav","AnimateHeight","default","baseClass","NavGroup","children","label","collapsed","setCollapsed","animate","setAnimate","getPreference","setPreference","navOpen","preferencesKey","setCollapsedFromPreferences","preferences","indexOf","toggleCollapsed","filter","preference","push","div","className","Boolean","join","id","button","onClick","tabIndex","type","direction","undefined","duration","height","Fragment"],"mappings":"AAAA;AACA,OAAOA,SAASC,SAAS,EAAEC,QAAQ,QAAQ,QAAO;AAClD,OAAOC,yBAAyB,uBAAsB;AAEtD,SAASC,OAAO,QAAQ,+BAA8B;AACtD,SAASC,cAAc,QAAQ,uCAAsC;AACrE,SAASC,MAAM,QAAQ,oBAAmB;AAG1C,MAAMC,gBAAiBJ,oBAAoBK,OAAO,IAChDL;AAEF,MAAMM,YAAY;AAOlB,MAAMC,WAA4B,CAAC,EAAEC,QAAQ,EAAEC,KAAK,EAAE;IACpD,MAAM,CAACC,WAAWC,aAAa,GAAGZ,SAAS;IAC3C,MAAM,CAACa,SAASC,WAAW,GAAGd,SAAS;IACvC,MAAM,EAAEe,aAAa,EAAEC,aAAa,EAAE,GAAGb;IACzC,MAAM,EAAEc,OAAO,EAAE,GAAGb;IAEpB,MAAMc,iBAAiB,CAAC,UAAU,EAAER,MAAM,OAAO,CAAC;IAElDX,UAAU;QACR,IAAIW,OAAO;YACT,MAAMS,8BAA8B;gBAClC,MAAMC,cAAc,AAAC,MAAML,cAAcG,mBAAoB,EAAE;gBAC/DN,aAAaQ,YAAYC,OAAO,CAACX,WAAW,CAAC;YAC/C;YACA,KAAKS;QACP;IACF,GAAG;QAACJ;QAAeL;QAAOQ;KAAe;IAEzC,IAAIR,OAAO;QACT,MAAMY,kBAAkB;YACtBR,WAAW;YACX,IAAIM,cAAwB,AAAC,MAAML,cAAcG,mBAAoB,EAAE;YACvE,IAAIP,WAAW;gBACbS,cAAcA,YAAYG,MAAM,CAAC,CAACC,aAAed,UAAUc;YAC7D,OAAO;gBACLJ,YAAYK,IAAI,CAACf;YACnB;YACA,KAAKM,cAAcE,gBAAgBE;YACnCR,aAAa,CAACD;QAChB;QAEA,qBACE,oBAACe;YACCC,WAAW;gBAAC,CAAC,EAAEpB,UAAU,CAAC;gBAAE,CAAC,EAAEG,MAAM,CAAC;gBAAEC,aAAa,CAAC,EAAEJ,UAAU,WAAW,CAAC;aAAC,CAC5EgB,MAAM,CAACK,SACPC,IAAI,CAAC;YACRC,IAAI,CAAC,UAAU,EAAEpB,MAAM,CAAC;yBAExB,oBAACqB;YACCJ,WAAW;gBACT,CAAC,EAAEpB,UAAU,QAAQ,CAAC;gBACtB,CAAC,EAAEA,UAAU,UAAU,EAAEI,YAAY,cAAc,OAAO,CAAC;aAC5D,CACEY,MAAM,CAACK,SACPC,IAAI,CAAC;YACRG,SAASV;YACTW,UAAU,CAAChB,UAAU,CAAC,IAAI;YAC1BiB,MAAK;yBAEL,oBAACR;YAAIC,WAAW,CAAC,EAAEpB,UAAU,OAAO,CAAC;WAAGG,sBACxC,oBAACgB;YAAIC,WAAW,CAAC,EAAEpB,UAAU,WAAW,CAAC;yBACvC,oBAACL;YACCyB,WAAW,CAAC,EAAEpB,UAAU,WAAW,CAAC;YACpC4B,WAAW,CAACxB,YAAY,OAAOyB;4BAIrC,oBAAC/B;YAAcgC,UAAUxB,UAAU,MAAM;YAAGyB,QAAQ3B,YAAY,IAAI;yBAClE,oBAACe;YAAIC,WAAW,CAAC,EAAEpB,UAAU,SAAS,CAAC;WAAGE;IAIlD;IAEA,qBAAO,oBAACX,MAAMyC,QAAQ,QAAE9B;AAC1B;AAEA,eAAeD,SAAQ"}
+{"version":3,"sources":["../../../src/elements/NavGroup/index.tsx"],"sourcesContent":["'use client'\nimport React, { useEffect, useState } from 'react'\nimport AnimateHeightImport from 'react-animate-height'\n\nimport { Chevron } from '../../icons/Chevron/index.js'\nimport { usePreferences } from '../../providers/Preferences/index.js'\nimport { useNav } from '../Nav/context.js'\nimport './index.scss'\n\nconst AnimateHeight = (AnimateHeightImport.default ||\n  AnimateHeightImport) as typeof AnimateHeightImport.default\n\nconst baseClass = 'nav-group'\n\ntype Props = {\n  children: React.ReactNode\n  label: string\n}\n\nexport const NavGroup: React.FC<Props> = ({ children, label }) => {\n  const [collapsed, setCollapsed] = useState(true)\n  const [animate, setAnimate] = useState(false)\n  const { getPreference, setPreference } = usePreferences()\n  const { navOpen } = useNav()\n\n  const preferencesKey = `collapsed-${label}-groups`\n\n  useEffect(() => {\n    if (label) {\n      const setCollapsedFromPreferences = async () => {\n        const preferences = (await getPreference(preferencesKey)) || []\n        setCollapsed(preferences.indexOf(label) !== -1)\n      }\n      void setCollapsedFromPreferences()\n    }\n  }, [getPreference, label, preferencesKey])\n\n  if (label) {\n    const toggleCollapsed = async () => {\n      setAnimate(true)\n      let preferences: string[] = (await getPreference(preferencesKey)) || []\n      if (collapsed) {\n        preferences = preferences.filter((preference) => label !== preference)\n      } else {\n        preferences.push(label)\n      }\n      void setPreference(preferencesKey, preferences)\n      setCollapsed(!collapsed)\n    }\n\n    return (\n      <div\n        className={[`${baseClass}`, `${label}`, collapsed && `${baseClass}--collapsed`]\n          .filter(Boolean)\n          .join(' ')}\n        id={`nav-group-${label}`}\n      >\n        <button\n          className={[\n            `${baseClass}__toggle`,\n            `${baseClass}__toggle--${collapsed ? 'collapsed' : 'open'}`,\n          ]\n            .filter(Boolean)\n            .join(' ')}\n          onClick={toggleCollapsed}\n          tabIndex={!navOpen ? -1 : 0}\n          type=\"button\"\n        >\n          <div className={`${baseClass}__label`}>{label}</div>\n          <div className={`${baseClass}__indicator`}>\n            <Chevron\n              className={`${baseClass}__indicator`}\n              direction={!collapsed ? 'up' : undefined}\n            />\n          </div>\n        </button>\n        <AnimateHeight duration={animate ? 200 : 0} height={collapsed ? 0 : 'auto'}>\n          <div className={`${baseClass}__content`}>{children}</div>\n        </AnimateHeight>\n      </div>\n    )\n  }\n\n  return <React.Fragment>{children}</React.Fragment>\n}\n"],"names":["React","useEffect","useState","AnimateHeightImport","Chevron","usePreferences","useNav","AnimateHeight","default","baseClass","NavGroup","children","label","collapsed","setCollapsed","animate","setAnimate","getPreference","setPreference","navOpen","preferencesKey","setCollapsedFromPreferences","preferences","indexOf","toggleCollapsed","filter","preference","push","div","className","Boolean","join","id","button","onClick","tabIndex","type","direction","undefined","duration","height","Fragment"],"mappings":"AAAA;AACA,OAAOA,SAASC,SAAS,EAAEC,QAAQ,QAAQ,QAAO;AAClD,OAAOC,yBAAyB,uBAAsB;AAEtD,SAASC,OAAO,QAAQ,+BAA8B;AACtD,SAASC,cAAc,QAAQ,uCAAsC;AACrE,SAASC,MAAM,QAAQ,oBAAmB;AAG1C,MAAMC,gBAAiBJ,oBAAoBK,OAAO,IAChDL;AAEF,MAAMM,YAAY;AAOlB,OAAO,MAAMC,WAA4B,CAAC,EAAEC,QAAQ,EAAEC,KAAK,EAAE;IAC3D,MAAM,CAACC,WAAWC,aAAa,GAAGZ,SAAS;IAC3C,MAAM,CAACa,SAASC,WAAW,GAAGd,SAAS;IACvC,MAAM,EAAEe,aAAa,EAAEC,aAAa,EAAE,GAAGb;IACzC,MAAM,EAAEc,OAAO,EAAE,GAAGb;IAEpB,MAAMc,iBAAiB,CAAC,UAAU,EAAER,MAAM,OAAO,CAAC;IAElDX,UAAU;QACR,IAAIW,OAAO;YACT,MAAMS,8BAA8B;gBAClC,MAAMC,cAAc,AAAC,MAAML,cAAcG,mBAAoB,EAAE;gBAC/DN,aAAaQ,YAAYC,OAAO,CAACX,WAAW,CAAC;YAC/C;YACA,KAAKS;QACP;IACF,GAAG;QAACJ;QAAeL;QAAOQ;KAAe;IAEzC,IAAIR,OAAO;QACT,MAAMY,kBAAkB;YACtBR,WAAW;YACX,IAAIM,cAAwB,AAAC,MAAML,cAAcG,mBAAoB,EAAE;YACvE,IAAIP,WAAW;gBACbS,cAAcA,YAAYG,MAAM,CAAC,CAACC,aAAed,UAAUc;YAC7D,OAAO;gBACLJ,YAAYK,IAAI,CAACf;YACnB;YACA,KAAKM,cAAcE,gBAAgBE;YACnCR,aAAa,CAACD;QAChB;QAEA,qBACE,oBAACe;YACCC,WAAW;gBAAC,CAAC,EAAEpB,UAAU,CAAC;gBAAE,CAAC,EAAEG,MAAM,CAAC;gBAAEC,aAAa,CAAC,EAAEJ,UAAU,WAAW,CAAC;aAAC,CAC5EgB,MAAM,CAACK,SACPC,IAAI,CAAC;YACRC,IAAI,CAAC,UAAU,EAAEpB,MAAM,CAAC;yBAExB,oBAACqB;YACCJ,WAAW;gBACT,CAAC,EAAEpB,UAAU,QAAQ,CAAC;gBACtB,CAAC,EAAEA,UAAU,UAAU,EAAEI,YAAY,cAAc,OAAO,CAAC;aAC5D,CACEY,MAAM,CAACK,SACPC,IAAI,CAAC;YACRG,SAASV;YACTW,UAAU,CAAChB,UAAU,CAAC,IAAI;YAC1BiB,MAAK;yBAEL,oBAACR;YAAIC,WAAW,CAAC,EAAEpB,UAAU,OAAO,CAAC;WAAGG,sBACxC,oBAACgB;YAAIC,WAAW,CAAC,EAAEpB,UAAU,WAAW,CAAC;yBACvC,oBAACL;YACCyB,WAAW,CAAC,EAAEpB,UAAU,WAAW,CAAC;YACpC4B,WAAW,CAACxB,YAAY,OAAOyB;4BAIrC,oBAAC/B;YAAcgC,UAAUxB,UAAU,MAAM;YAAGyB,QAAQ3B,YAAY,IAAI;yBAClE,oBAACe;YAAIC,WAAW,CAAC,EAAEpB,UAAU,SAAS,CAAC;WAAGE;IAIlD;IAEA,qBAAO,oBAACX,MAAMyC,QAAQ,QAAE9B;AAC1B,EAAC"}

package/dist/elements/Pagination/ClickableArrow/index.d.ts

@@ -1,6 +1,9 @@
 import React from 'react';
-import type { Props } from './types.js';
 import './index.scss';
-declare const ClickableArrow: React.FC<Props>;
-export default ClickableArrow;
+export type ClickableArrowProps = {
+    direction?: 'left' | 'right';
+    isDisabled?: boolean;
+    updatePage?: () => void;
+};
+export declare const ClickableArrow: React.FC<ClickableArrowProps>;
 //# sourceMappingURL=index.d.ts.map

package/dist/elements/Pagination/ClickableArrow/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/Pagination/ClickableArrow/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAGvC,OAAO,cAAc,CAAA;AAIrB,QAAA,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAqBnC,CAAA;AAED,eAAe,cAAc,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/Pagination/ClickableArrow/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,cAAc,CAAA;AAIrB,MAAM,MAAM,mBAAmB,GAAG;IAChC,SAAS,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;IAC5B,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAA;CACxB,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAqBxD,CAAA"}

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

@@ -1,7 +1,7 @@
 import React from 'react';
 import { Chevron } from '../../../icons/Chevron/index.js';
 const baseClass = 'clickable-arrow';
-const ClickableArrow = (props)=>{
+export const ClickableArrow = (props)=>{
     const { direction = 'right', isDisabled = false, updatePage } = props;
     const classes = [
         baseClass,
@@ -15,6 +15,5 @@ const ClickableArrow = (props)=>{
         type: "button"
     }, /*#__PURE__*/ React.createElement(Chevron, null));
 };
-export default ClickableArrow;
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/elements/Pagination/ClickableArrow/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport type { Props } from './types.js'\n\nimport { Chevron } from '../../../icons/Chevron/index.js'\nimport './index.scss'\n\nconst baseClass = 'clickable-arrow'\n\nconst ClickableArrow: React.FC<Props> = (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      <Chevron />\n    </button>\n  )\n}\n\nexport default ClickableArrow\n"],"names":["React","Chevron","baseClass","ClickableArrow","props","direction","isDisabled","updatePage","classes","filter","Boolean","join","button","className","disabled","onClick","undefined","type"],"mappings":"AAAA,OAAOA,WAAW,QAAO;AAIzB,SAASC,OAAO,QAAQ,kCAAiC;AAGzD,MAAMC,YAAY;AAElB,MAAMC,iBAAkC,CAACC;IACvC,MAAM,EAAEC,YAAY,OAAO,EAAEC,aAAa,KAAK,EAAEC,UAAU,EAAE,GAAGH;IAEhE,MAAMI,UAAU;QACdN;QACAI,cAAc,CAAC,EAAEJ,UAAU,aAAa,CAAC;QACzCG,aAAa,CAAC,EAAEH,UAAU,EAAE,EAAEG,UAAU,CAAC;KAC1C,CACEI,MAAM,CAACC,SACPC,IAAI,CAAC;IAER,qBACE,oBAACC;QACCC,WAAWL;QACXM,UAAUR;QACVS,SAAS,CAACT,aAAaC,aAAaS;QACpCC,MAAK;qBAEL,oBAAChB;AAGP;AAEA,eAAeE,eAAc"}
+{"version":3,"sources":["../../../../src/elements/Pagination/ClickableArrow/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport { Chevron } 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      <Chevron />\n    </button>\n  )\n}\n"],"names":["React","Chevron","baseClass","ClickableArrow","props","direction","isDisabled","updatePage","classes","filter","Boolean","join","button","className","disabled","onClick","undefined","type"],"mappings":"AAAA,OAAOA,WAAW,QAAO;AAEzB,SAASC,OAAO,QAAQ,kCAAiC;AAGzD,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,CAAC,EAAEJ,UAAU,aAAa,CAAC;QACzCG,aAAa,CAAC,EAAEH,UAAU,EAAE,EAAEG,UAAU,CAAC;KAC1C,CACEI,MAAM,CAACC,SACPC,IAAI,CAAC;IAER,qBACE,oBAACC;QACCC,WAAWL;QACXM,UAAUR;QACVS,SAAS,CAACT,aAAaC,aAAaS;QACpCC,MAAK;qBAEL,oBAAChB;AAGP,EAAC"}

package/dist/elements/Pagination/Page/index.d.ts

@@ -1,5 +1,10 @@
 import React from 'react';
-import type { Props } from './types.js';
-declare const Page: React.FC<Props>;
-export default Page;
+export type PageProps = {
+    isCurrent?: boolean;
+    isFirstPage?: boolean;
+    isLastPage?: boolean;
+    page?: number;
+    updatePage?: (page: any) => void;
+};
+export declare const Page: React.FC<PageProps>;
 //# sourceMappingURL=index.d.ts.map

package/dist/elements/Pagination/Page/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/Pagination/Page/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAIvC,QAAA,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAqBzB,CAAA;AAED,eAAe,IAAI,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/Pagination/Page/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,MAAM,MAAM,SAAS,GAAG;IACtB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,UAAU,CAAC,EAAE,CAAC,IAAI,KAAA,KAAK,IAAI,CAAA;CAC5B,CAAA;AAID,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAqBpC,CAAA"}

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

@@ -1,6 +1,6 @@
 import React from 'react';
 const baseClass = 'paginator__page';
-const Page = ({ isCurrent, isFirstPage = false, isLastPage = false, page = 1, updatePage })=>{
+export const Page = ({ isCurrent, isFirstPage = false, isLastPage = false, page = 1, updatePage })=>{
     const classes = [
         baseClass,
         isCurrent && `${baseClass}--is-current`,
@@ -13,6 +13,5 @@ const Page = ({ isCurrent, isFirstPage = false, isLastPage = false, page = 1, up
         type: "button"
     }, page);
 };
-export default Page;
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/elements/Pagination/Page/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport type { Props } from './types.js'\n\nconst baseClass = 'paginator__page'\n\nconst Page: React.FC<Props> = ({\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\nexport default Page\n"],"names":["React","baseClass","Page","isCurrent","isFirstPage","isLastPage","page","updatePage","classes","filter","Boolean","join","button","className","onClick","type"],"mappings":"AAAA,OAAOA,WAAW,QAAO;AAIzB,MAAMC,YAAY;AAElB,MAAMC,OAAwB,CAAC,EAC7BC,SAAS,EACTC,cAAc,KAAK,EACnBC,aAAa,KAAK,EAClBC,OAAO,CAAC,EACRC,UAAU,EACX;IACC,MAAMC,UAAU;QACdP;QACAE,aAAa,CAAC,EAAEF,UAAU,YAAY,CAAC;QACvCG,eAAe,CAAC,EAAEH,UAAU,eAAe,CAAC;QAC5CI,cAAc,CAAC,EAAEJ,UAAU,cAAc,CAAC;KAC3C,CACEQ,MAAM,CAACC,SACPC,IAAI,CAAC;IAER,qBACE,oBAACC;QAAOC,WAAWL;QAASM,SAAS,IAAMP,WAAWD;QAAOS,MAAK;OAC/DT;AAGP;AAEA,eAAeJ,KAAI"}
+{"version":3,"sources":["../../../../src/elements/Pagination/Page/index.tsx"],"sourcesContent":["import 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,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,CAAC,EAAEF,UAAU,YAAY,CAAC;QACvCG,eAAe,CAAC,EAAEH,UAAU,eAAe,CAAC;QAC5CI,cAAc,CAAC,EAAEJ,UAAU,cAAc,CAAC;KAC3C,CACEQ,MAAM,CAACC,SACPC,IAAI,CAAC;IAER,qBACE,oBAACC;QAAOC,WAAWL;QAASM,SAAS,IAAMP,WAAWD;QAAOS,MAAK;OAC/DT;AAGP,EAAC"}

package/dist/elements/Pagination/Separator/index.d.ts

@@ -1,4 +1,3 @@
 import React from 'react';
-declare const Separator: React.FC;
-export default Separator;
+export declare const Separator: React.FC;
 //# sourceMappingURL=index.d.ts.map

package/dist/elements/Pagination/Separator/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/Pagination/Separator/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,EAAgE,CAAA;AAEvF,eAAe,SAAS,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/Pagination/Separator/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAgE,CAAA"}

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

@@ -1,7 +1,6 @@
 import React from 'react';
-const Separator = ()=>/*#__PURE__*/ React.createElement("span", {
+export const Separator = ()=>/*#__PURE__*/ React.createElement("span", {
         className: "paginator__separator"
     }, "—");
-export default Separator;
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/elements/Pagination/Separator/index.tsx"],"sourcesContent":["import React from 'react'\n\nconst Separator: React.FC = () => <span className=\"paginator__separator\">&mdash;</span>\n\nexport default Separator\n"],"names":["React","Separator","span","className"],"mappings":"AAAA,OAAOA,WAAW,QAAO;AAEzB,MAAMC,YAAsB,kBAAM,oBAACC;QAAKC,WAAU;OAAuB;AAEzE,eAAeF,UAAS"}
+{"version":3,"sources":["../../../../src/elements/Pagination/Separator/index.tsx"],"sourcesContent":["import React from 'react'\n\nexport const Separator: React.FC = () => <span className=\"paginator__separator\">&mdash;</span>\n"],"names":["React","Separator","span","className"],"mappings":"AAAA,OAAOA,WAAW,QAAO;AAEzB,OAAO,MAAMC,YAAsB,kBAAM,oBAACC;QAAKC,WAAU;OAAuB,KAAc"}

package/dist/elements/Pagination/index.d.ts

@@ -1,5 +1,26 @@
 import React from 'react';
-import type { Props } from './types.js';
 import './index.scss';
-export declare const Pagination: React.FC<Props>;
+export type PaginationProps = {
+    hasNextPage?: boolean;
+    hasPrevPage?: boolean;
+    limit?: number;
+    nextPage?: number;
+    numberOfNeighbors?: number;
+    onChange?: (page: number) => void;
+    page?: number;
+    prevPage?: number;
+    totalPages?: number;
+};
+export type Node = {
+    props?: {
+        direction?: 'left' | 'right';
+        isDisabled?: boolean;
+        isFirstPage?: boolean;
+        isLastPage?: boolean;
+        page?: number;
+        updatePage: (page?: number) => void;
+    };
+    type: 'ClickableArrow' | 'Page' | 'Separator';
+} | number;
+export declare const Pagination: React.FC<PaginationProps>;
 //# sourceMappingURL=index.d.ts.map

package/dist/elements/Pagination/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/Pagination/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAQ,KAAK,EAAE,MAAM,YAAY,CAAA;AAM7C,OAAO,cAAc,CAAA;AAUrB,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CA4GtC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/Pagination/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,OAAO,cAAc,CAAA;AAUrB,MAAM,MAAM,eAAe,GAAG;IAC5B,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IACjC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB,CAAA;AAED,MAAM,MAAM,IAAI,GACZ;IACE,KAAK,CAAC,EAAE;QACN,SAAS,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;QAC5B,UAAU,CAAC,EAAE,OAAO,CAAA;QACpB,WAAW,CAAC,EAAE,OAAO,CAAA;QACrB,UAAU,CAAC,EAAE,OAAO,CAAA;QACpB,IAAI,CAAC,EAAE,MAAM,CAAA;QACb,UAAU,EAAE,CAAC,IAAI,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;KACpC,CAAA;IACD,IAAI,EAAE,gBAAgB,GAAG,MAAM,GAAG,WAAW,CAAA;CAC9C,GACD,MAAM,CAAA;AAEV,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CA8FhD,CAAA"}

package/dist/elements/Pagination/index.js

@@ -1,11 +1,8 @@
 'use client';
-import { usePathname, useRouter } from 'next/navigation.js';
-import queryString from 'qs';
 import React from 'react';
-import { useSearchParams } from '../../providers/SearchParams/index.js';
-import ClickableArrow from './ClickableArrow/index.js';
-import Page from './Page/index.js';
-import Separator from './Separator/index.js';
+import { ClickableArrow } from './ClickableArrow/index.js';
+import { Page } from './Page/index.js';
+import { Separator } from './Separator/index.js';
 const nodeTypes = {
     ClickableArrow,
     Page,
@@ -13,21 +10,9 @@ const nodeTypes = {
 };
 const baseClass = 'paginator';
 export const Pagination = (props)=>{
-    const router = useRouter();
-    const { searchParams } = useSearchParams();
-    const pathname = usePathname();
-    const { disableHistoryChange = false, hasNextPage = false, hasPrevPage = false, nextPage = null, numberOfNeighbors = 1, onChange, page: currentPage, prevPage = null, totalPages = null } = props;
+    const { hasNextPage = false, hasPrevPage = false, nextPage = null, numberOfNeighbors = 1, onChange, page: currentPage, prevPage = null, totalPages = null } = props;
     if (!totalPages || totalPages <= 1) return null;
     const updatePage = (page)=>{
-        if (!disableHistoryChange) {
-            const newParams = {
-                ...searchParams
-            };
-            newParams.page = page;
-            router.push(pathname + queryString.stringify(newParams, {
-                addQueryPrefix: true
-            }));
-        }
         if (typeof onChange === 'function') onChange(page);
     };
     // Create array of integers for each page

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/Pagination/index.tsx"],"sourcesContent":["'use client'\nimport { usePathname, useRouter } from 'next/navigation.js'\nimport queryString from 'qs'\nimport React from 'react'\n\nimport type { Node, Props } from './types.js'\n\nimport { useSearchParams } from '../../providers/SearchParams/index.js'\nimport ClickableArrow from './ClickableArrow/index.js'\nimport Page from './Page/index.js'\nimport Separator from './Separator/index.js'\nimport './index.scss'\n\nconst nodeTypes = {\n  ClickableArrow,\n  Page,\n  Separator,\n}\n\nconst baseClass = 'paginator'\n\nexport const Pagination: React.FC<Props> = (props) => {\n  const router = useRouter()\n  const { searchParams } = useSearchParams()\n  const pathname = usePathname()\n\n  const {\n    disableHistoryChange = false,\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 (!totalPages || totalPages <= 1) return null\n\n  const updatePage = (page) => {\n    if (!disableHistoryChange) {\n      const newParams = {\n        ...searchParams,\n      }\n\n      newParams.page = page\n      router.push(pathname + queryString.stringify(newParams, { addQueryPrefix: true }))\n    }\n\n    if (typeof onChange === 'function') onChange(page)\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) rangeStartIndex = 0\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) nodes.unshift({ type: 'Separator' })\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) nodes.push({ type: 'Separator' })\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),\n    },\n  })\n\n  nodes.unshift({\n    type: 'ClickableArrow',\n    props: {\n      direction: 'left',\n      isDisabled: !hasPrevPage,\n      updatePage: () => updatePage(prevPage),\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":["usePathname","useRouter","queryString","React","useSearchParams","ClickableArrow","Page","Separator","nodeTypes","baseClass","Pagination","props","router","searchParams","pathname","disableHistoryChange","hasNextPage","hasPrevPage","nextPage","numberOfNeighbors","onChange","page","currentPage","prevPage","totalPages","updatePage","newParams","push","stringify","addQueryPrefix","pages","Array","from","length","_","index","rangeStartIndex","rangeEndIndex","nodes","slice","unshift","type","isFirstPage","isLastPage","direction","isDisabled","div","className","map","node","i","isCurrent","key","NodeType"],"mappings":"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"}
+{"version":3,"sources":["../../../src/elements/Pagination/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport { ClickableArrow } from './ClickableArrow/index.js'\nimport { Page } from './Page/index.js'\nimport { Separator } from './Separator/index.js'\nimport './index.scss'\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 (!totalPages || totalPages <= 1) return null\n\n  const updatePage = (page) => {\n    if (typeof onChange === 'function') onChange(page)\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) rangeStartIndex = 0\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) nodes.unshift({ type: 'Separator' })\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) nodes.push({ type: 'Separator' })\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),\n    },\n  })\n\n  nodes.unshift({\n    type: 'ClickableArrow',\n    props: {\n      direction: 'left',\n      isDisabled: !hasPrevPage,\n      updatePage: () => updatePage(prevPage),\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","div","className","map","node","i","isCurrent","key","NodeType"],"mappings":"AAAA;AACA,OAAOA,WAAW,QAAO;AAEzB,SAASC,cAAc,QAAQ,4BAA2B;AAC1D,SAASC,IAAI,QAAQ,kBAAiB;AACtC,SAASC,SAAS,QAAQ,uBAAsB;AAGhD,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,CAACS,cAAcA,cAAc,GAAG,OAAO;IAE3C,MAAMC,aAAa,CAACJ;QAClB,IAAI,OAAOD,aAAa,YAAYA,SAASC;IAC/C;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,GAAGA,kBAAkB;IAE5C,MAAMC,gBAAgBX,cAAc,IAAIH,oBAAoB;IAE5D,sDAAsD;IACtD,MAAMe,QAAgBR,MAAMS,KAAK,CAACH,iBAAiBC;IAEnD,kCAAkC;IAClC,IAAIX,cAAcH,oBAAoB,KAAK,GAAGe,MAAME,OAAO,CAAC;QAAEC,MAAM;IAAY;IAChF,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,YAAYU,MAAMK,IAAI,CAAC;QAAEF,MAAM;IAAY;IACrF,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;QAC/B;IACF;IAEAgB,MAAME,OAAO,CAAC;QACZC,MAAM;QACNtB,OAAO;YACL0B,WAAW;YACXC,YAAY,CAACzB;YACbQ,YAAY,IAAMA,WAAWF;QAC/B;IACF;IAEA,qBACE,oBAACoB;QAAIC,WAAW/B;OACbqB,MAAMW,GAAG,CAAC,CAACC,MAAMC;QAChB,IAAI,OAAOD,SAAS,UAAU;YAC5B,qBACE,oBAACpC;gBAAKsC,WAAW1B,gBAAgBwB;gBAAMG,KAAKF;gBAAG1B,MAAMyB;gBAAMrB,YAAYA;;QAE3E;QAEA,MAAMyB,WAAWtC,SAAS,CAACkC,KAAKT,IAAI,CAAC;QAErC,qBAAO,oBAACa;YAASD,KAAKF;YAAI,GAAGD,KAAK/B,KAAK;;IACzC;AAGN,EAAC"}

package/dist/elements/PerPage/index.d.ts

@@ -1,11 +1,10 @@
 import React from 'react';
 import './index.scss';
-export type Props = {
+export type PerPageProps = {
     handleChange?: (limit: number) => void;
     limit: number;
     limits: number[];
-    modifySearchParams?: boolean;
     resetPage?: boolean;
 };
-export declare const PerPage: React.FC<Props>;
+export declare const PerPage: React.FC<PerPageProps>;
 //# sourceMappingURL=index.d.ts.map

package/dist/elements/PerPage/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/PerPage/index.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,MAAM,OAAO,CAAA;AAOzB,OAAO,cAAc,CAAA;AAMrB,MAAM,MAAM,KAAK,GAAG;IAClB,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACtC,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,MAAM,EAAE,CAAA;IAChB,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB,CAAA;AAED,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAkEnC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/PerPage/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,OAAO,cAAc,CAAA;AAMrB,MAAM,MAAM,YAAY,GAAG;IACzB,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACtC,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,MAAM,EAAE,CAAA;IAChB,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB,CAAA;AAED,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAiD1C,CAAA"}

package/dist/elements/PerPage/index.js

@@ -1,20 +1,13 @@
 'use client';
 // TODO: abstract the `next/navigation` dependency out from this component
-import { usePathname, useRouter } from 'next/navigation.js';
 import { collectionDefaults } from 'payload/config';
-import qs from 'qs';
 import React from 'react';
 import { Chevron } from '../../icons/Chevron/index.js';
-import { useSearchParams } from '../../providers/SearchParams/index.js';
 import { useTranslation } from '../../providers/Translation/index.js';
-import * as PopupList from '../Popup/PopupButtonList/index.js';
-import Popup from '../Popup/index.js';
+import { Popup, PopupList } from '../Popup/index.js';
 const baseClass = 'per-page';
 const defaultLimits = collectionDefaults.admin.pagination.limits;
-export const PerPage = ({ handleChange, limit, limits = defaultLimits, modifySearchParams = true, resetPage = false })=>{
-    const { searchParams } = useSearchParams();
-    const router = useRouter();
-    const pathname = usePathname();
+export const PerPage = ({ handleChange, limit, limits = defaultLimits })=>{
     const { t } = useTranslation();
     return /*#__PURE__*/ React.createElement("div", {
         className: baseClass
@@ -36,16 +29,6 @@ export const PerPage = ({ handleChange, limit, limits = defaultLimits, modifySea
                     onClick: ()=>{
                         close();
                         if (handleChange) handleChange(limitNumber);
-                        if (modifySearchParams) {
-                            const search = qs.stringify({
-                                ...searchParams,
-                                limit: limitNumber,
-                                page: resetPage ? 1 : searchParams.page
-                            }, {
-                                addQueryPrefix: true
-                            });
-                            router.replace(`${pathname}${search}`);
-                        }
                     }
                 }, limitNumber === Number(limit) && /*#__PURE__*/ React.createElement("div", {
                     className: `${baseClass}__chevron`

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 { usePathname, useRouter } from 'next/navigation.js'\nimport { collectionDefaults } from 'payload/config'\nimport qs from 'qs'\nimport React from 'react'\n\nimport { Chevron } from '../../icons/Chevron/index.js'\nimport { useSearchParams } from '../../providers/SearchParams/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport * as PopupList from '../Popup/PopupButtonList/index.js'\nimport Popup from '../Popup/index.js'\nimport './index.scss'\n\nconst baseClass = 'per-page'\n\nconst defaultLimits = collectionDefaults.admin.pagination.limits\n\nexport type Props = {\n  handleChange?: (limit: number) => void\n  limit: number\n  limits: number[]\n  modifySearchParams?: boolean\n  resetPage?: boolean\n}\n\nexport const PerPage: React.FC<Props> = ({\n  handleChange,\n  limit,\n  limits = defaultLimits,\n  modifySearchParams = true,\n  resetPage = false,\n}) => {\n  const { searchParams } = useSearchParams()\n  const router = useRouter()\n  const pathname = usePathname()\n  const { t } = useTranslation()\n\n  return (\n    <div className={baseClass}>\n      <Popup\n        button={\n          <div className={`${baseClass}__base-button`}>\n            <span>{t('general:perPage', { limit })}</span>\n            &nbsp;\n            <Chevron 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 === Number(limit) && `${baseClass}__button-active`,\n                ]\n                  .filter(Boolean)\n                  .join(' ')}\n                key={i}\n                onClick={() => {\n                  close()\n                  if (handleChange) handleChange(limitNumber)\n                  if (modifySearchParams) {\n                    const search = qs.stringify(\n                      {\n                        ...searchParams,\n                        limit: limitNumber,\n                        page: resetPage ? 1 : searchParams.page,\n                      },\n                      { addQueryPrefix: true },\n                    )\n\n                    router.replace(`${pathname}${search}`)\n                  }\n                }}\n              >\n                {limitNumber === Number(limit) && (\n                  <div className={`${baseClass}__chevron`}>\n                    <Chevron direction=\"right\" />\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":["usePathname","useRouter","collectionDefaults","qs","React","Chevron","useSearchParams","useTranslation","PopupList","Popup","baseClass","defaultLimits","admin","pagination","limits","PerPage","handleChange","limit","modifySearchParams","resetPage","searchParams","router","pathname","t","div","className","button","span","horizontalAlign","render","close","ButtonGroup","map","limitNumber","i","Button","Number","filter","Boolean","join","key","onClick","search","stringify","page","addQueryPrefix","replace","direction","size"],"mappings":"AAAA;AACA,0EAA0E;AAC1E,SAASA,WAAW,EAAEC,SAAS,QAAQ,qBAAoB;AAC3D,SAASC,kBAAkB,QAAQ,iBAAgB;AACnD,OAAOC,QAAQ,KAAI;AACnB,OAAOC,WAAW,QAAO;AAEzB,SAASC,OAAO,QAAQ,+BAA8B;AACtD,SAASC,eAAe,QAAQ,wCAAuC;AACvE,SAASC,cAAc,QAAQ,uCAAsC;AACrE,YAAYC,eAAe,oCAAmC;AAC9D,OAAOC,WAAW,oBAAmB;AAGrC,MAAMC,YAAY;AAElB,MAAMC,gBAAgBT,mBAAmBU,KAAK,CAACC,UAAU,CAACC,MAAM;AAUhE,OAAO,MAAMC,UAA2B,CAAC,EACvCC,YAAY,EACZC,KAAK,EACLH,SAASH,aAAa,EACtBO,qBAAqB,IAAI,EACzBC,YAAY,KAAK,EAClB;IACC,MAAM,EAAEC,YAAY,EAAE,GAAGd;IACzB,MAAMe,SAASpB;IACf,MAAMqB,WAAWtB;IACjB,MAAM,EAAEuB,CAAC,EAAE,GAAGhB;IAEd,qBACE,oBAACiB;QAAIC,WAAWf;qBACd,oBAACD;QACCiB,sBACE,oBAACF;YAAIC,WAAW,CAAC,EAAEf,UAAU,aAAa,CAAC;yBACzC,oBAACiB,cAAMJ,EAAE,mBAAmB;YAAEN;QAAM,KAAU,mBAE9C,oBAACZ;YAAQoB,WAAW,CAAC,EAAEf,UAAU,MAAM,CAAC;;QAG5CkB,iBAAgB;QAChBC,QAAQ,CAAC,EAAEC,KAAK,EAAE,iBAChB,oBAACtB,UAAUuB,WAAW,QACnBjB,OAAOkB,GAAG,CAAC,CAACC,aAAaC,kBACxB,oBAAC1B,UAAU2B,MAAM;oBACfV,WAAW;wBACT,CAAC,EAAEf,UAAU,QAAQ,CAAC;wBACtBuB,gBAAgBG,OAAOnB,UAAU,CAAC,EAAEP,UAAU,eAAe,CAAC;qBAC/D,CACE2B,MAAM,CAACC,SACPC,IAAI,CAAC;oBACRC,KAAKN;oBACLO,SAAS;wBACPX;wBACA,IAAId,cAAcA,aAAaiB;wBAC/B,IAAIf,oBAAoB;4BACtB,MAAMwB,SAASvC,GAAGwC,SAAS,CACzB;gCACE,GAAGvB,YAAY;gCACfH,OAAOgB;gCACPW,MAAMzB,YAAY,IAAIC,aAAawB,IAAI;4BACzC,GACA;gCAAEC,gBAAgB;4BAAK;4BAGzBxB,OAAOyB,OAAO,CAAC,CAAC,EAAExB,SAAS,EAAEoB,OAAO,CAAC;wBACvC;oBACF;mBAECT,gBAAgBG,OAAOnB,wBACtB,oBAACO;oBAAIC,WAAW,CAAC,EAAEf,UAAU,SAAS,CAAC;iCACrC,oBAACL;oBAAQ0C,WAAU;qBAErB,mBAEF,oBAACpB,cAAMM;QAKfe,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 } from 'payload/config'\nimport React from 'react'\n\nimport { Chevron } 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  handleChange?: (limit: number) => void\n  limit: number\n  limits: number[]\n  resetPage?: boolean\n}\n\nexport const PerPage: React.FC<PerPageProps> = ({\n  handleChange,\n  limit,\n  limits = defaultLimits,\n}) => {\n  const { t } = useTranslation()\n\n  return (\n    <div className={baseClass}>\n      <Popup\n        button={\n          <div className={`${baseClass}__base-button`}>\n            <span>{t('general:perPage', { limit })}</span>\n            &nbsp;\n            <Chevron 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 === Number(limit) && `${baseClass}__button-active`,\n                ]\n                  .filter(Boolean)\n                  .join(' ')}\n                key={i}\n                onClick={() => {\n                  close()\n                  if (handleChange) handleChange(limitNumber)\n                }}\n              >\n                {limitNumber === Number(limit) && (\n                  <div className={`${baseClass}__chevron`}>\n                    <Chevron direction=\"right\" />\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","React","Chevron","useTranslation","Popup","PopupList","baseClass","defaultLimits","admin","pagination","limits","PerPage","handleChange","limit","t","div","className","button","span","horizontalAlign","render","close","ButtonGroup","map","limitNumber","i","Button","Number","filter","Boolean","join","key","onClick","direction","size"],"mappings":"AAAA;AACA,0EAA0E;AAC1E,SAASA,kBAAkB,QAAQ,iBAAgB;AACnD,OAAOC,WAAW,QAAO;AAEzB,SAASC,OAAO,QAAQ,+BAA8B;AACtD,SAASC,cAAc,QAAQ,uCAAsC;AACrE,SAASC,KAAK,EAAEC,SAAS,QAAQ,oBAAmB;AAGpD,MAAMC,YAAY;AAElB,MAAMC,gBAAgBP,mBAAmBQ,KAAK,CAACC,UAAU,CAACC,MAAM;AAShE,OAAO,MAAMC,UAAkC,CAAC,EAC9CC,YAAY,EACZC,KAAK,EACLH,SAASH,aAAa,EACvB;IACC,MAAM,EAAEO,CAAC,EAAE,GAAGX;IAEd,qBACE,oBAACY;QAAIC,WAAWV;qBACd,oBAACF;QACCa,sBACE,oBAACF;YAAIC,WAAW,CAAC,EAAEV,UAAU,aAAa,CAAC;yBACzC,oBAACY,cAAMJ,EAAE,mBAAmB;YAAED;QAAM,KAAU,mBAE9C,oBAACX;YAAQc,WAAW,CAAC,EAAEV,UAAU,MAAM,CAAC;;QAG5Ca,iBAAgB;QAChBC,QAAQ,CAAC,EAAEC,KAAK,EAAE,iBAChB,oBAAChB,UAAUiB,WAAW,QACnBZ,OAAOa,GAAG,CAAC,CAACC,aAAaC,kBACxB,oBAACpB,UAAUqB,MAAM;oBACfV,WAAW;wBACT,CAAC,EAAEV,UAAU,QAAQ,CAAC;wBACtBkB,gBAAgBG,OAAOd,UAAU,CAAC,EAAEP,UAAU,eAAe,CAAC;qBAC/D,CACEsB,MAAM,CAACC,SACPC,IAAI,CAAC;oBACRC,KAAKN;oBACLO,SAAS;wBACPX;wBACA,IAAIT,cAAcA,aAAaY;oBACjC;mBAECA,gBAAgBG,OAAOd,wBACtB,oBAACE;oBAAIC,WAAW,CAAC,EAAEV,UAAU,SAAS,CAAC;iCACrC,oBAACJ;oBAAQ+B,WAAU;qBAErB,mBAEF,oBAACf,cAAMM;QAKfU,MAAK;;AAIb,EAAC"}

package/dist/elements/Pill/index.d.ts

@@ -1,6 +1,31 @@
 import React from 'react';
-import type { Props } from './types.js';
+import type { HTMLAttributes } from 'react';
+export type PillProps = {
+    alignIcon?: 'left' | 'right';
+    'aria-checked'?: boolean;
+    'aria-controls'?: string;
+    'aria-expanded'?: boolean;
+    'aria-label'?: string;
+    children?: React.ReactNode;
+    className?: string;
+    draggable?: boolean;
+    elementProps?: HTMLAttributes<HTMLElement> & {
+        ref: React.RefCallback<HTMLElement>;
+    };
+    icon?: React.ReactNode;
+    id?: string;
+    onClick?: () => void;
+    pillStyle?: 'dark' | 'error' | 'light' | 'light-gray' | 'success' | 'warning' | 'white';
+    rounded?: boolean;
+    to?: string;
+};
+export type RenderedTypeProps = {
+    children: React.ReactNode;
+    className?: string;
+    onClick?: () => void;
+    to: string;
+    type?: 'button';
+};
 import './index.scss';
-export declare const Pill: React.FC<Props>;
-export default Pill;
+export declare const Pill: React.FC<PillProps>;
 //# sourceMappingURL=index.d.ts.map

package/dist/elements/Pill/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/Pill/index.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,KAAK,EAAqB,MAAM,YAAY,CAAA;AAG1D,OAAO,cAAc,CAAA;AAmFrB,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAKhC,CAAA;AAED,eAAe,IAAI,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/Pill/index.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAE3C,MAAM,MAAM,SAAS,GAAG;IACtB,SAAS,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;IAC5B,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,YAAY,CAAC,EAAE,cAAc,CAAC,WAAW,CAAC,GAAG;QAC3C,GAAG,EAAE,KAAK,CAAC,WAAW,CAAC,WAAW,CAAC,CAAA;KACpC,CAAA;IACD,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,OAAO,GAAG,YAAY,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAA;IACvF,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,EAAE,CAAC,EAAE,MAAM,CAAA;CACZ,CAAA;AAED,MAAM,MAAM,iBAAiB,GAAG;IAC9B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,CAAC,EAAE,QAAQ,CAAA;CAChB,CAAA;AAGD,OAAO,cAAc,CAAA;AAmFrB,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAKpC,CAAA"}

package/dist/elements/Pill/index.js

@@ -64,6 +64,5 @@ export const Pill = (props)=>{
     if (draggable) return /*#__PURE__*/ React.createElement(DraggablePill, props);
     return /*#__PURE__*/ React.createElement(StaticPill, props);
 };
-export default Pill;
 
 //# 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 } from 'react'\n\nimport LinkWithDefault from 'next/link.js'\nconst Link = LinkWithDefault.default\nimport React from 'react' // TODO: abstract this out to support all routers\n\nimport type { Props, RenderedTypeProps } from './types.js'\n\nimport { useDraggableSortable } from '../DraggableSortable/useDraggableSortable/index.js'\nimport './index.scss'\n\nconst baseClass = 'pill'\n\nconst DraggablePill: React.FC<Props> = (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<Props> = (props) => {\n  const {\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    to,\n  } = props\n\n  const classes = [\n    baseClass,\n    `${baseClass}--style-${pillStyle}`,\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) Element = 'button'\n  if (to) Element = Link\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 || ''}\n      onClick={onClick}\n      type={Element === 'button' ? 'button' : undefined}\n    >\n      {icon && alignIcon === 'left' && <span className={`${baseClass}__icon`}>{icon}</span>}\n      <span className={`${baseClass}__label`}>{children}</span>\n      {icon && alignIcon === 'right' && <span className={`${baseClass}__icon`}>{icon}</span>}\n    </Element>\n  )\n}\n\nexport const Pill: React.FC<Props> = (props) => {\n  const { draggable } = props\n\n  if (draggable) return <DraggablePill {...props} />\n  return <StaticPill {...props} />\n}\n\nexport default Pill\n"],"names":["LinkWithDefault","Link","default","React","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","to","classes","Element","aria-checked","aria-controls","aria-expanded","aria-label","href","type","undefined","span","Pill"],"mappings":"AAAA;AAGA,OAAOA,qBAAqB,eAAc;AAC1C,MAAMC,OAAOD,gBAAgBE,OAAO;AACpC,OAAOC,WAAW,QAAO,CAAC,iDAAiD;AAI3E,SAASC,oBAAoB,QAAQ,qDAAoD;AAGzF,MAAMC,YAAY;AAElB,MAAMC,gBAAiC,CAACC;IACtC,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,oBAACO;QACE,GAAGR,KAAK;QACTE,WAAW;YAACE,cAAc,CAAC,EAAEN,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,aAA8B,CAACR;IACnC,MAAM,EACJe,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,EAAE,EACH,GAAG1B;IAEJ,MAAM2B,UAAU;QACd7B;QACA,CAAC,EAAEA,UAAU,QAAQ,EAAE0B,UAAU,CAAC;QAClCtB,aAAaA;QACbwB,MAAM,CAAC,EAAE5B,UAAU,UAAU,CAAC;QAC7B4B,CAAAA,MAAMH,OAAM,KAAM,CAAC,EAAEzB,UAAU,YAAY,CAAC;QAC7CwB,QAAQ,CAAC,EAAExB,UAAU,UAAU,CAAC;QAChCwB,QAAQ,CAAC,EAAExB,UAAU,aAAa,EAAEiB,UAAU,CAAC;QAC/CM,aAAa,CAAC,EAAEvB,UAAU,WAAW,CAAC;QACtC2B,WAAW,CAAC,EAAE3B,UAAU,SAAS,CAAC;KACnC,CACEW,MAAM,CAACC,SACPC,IAAI,CAAC;IAER,IAAIiB,UAAqD;IAEzD,IAAIL,WAAW,CAACG,IAAIE,UAAU;IAC9B,IAAIF,IAAIE,UAAUlC;IAElB,qBACE,oBAACkC;QACE,GAAGhB,YAAY;QAChBiB,gBAAcb;QACdc,iBAAeb;QACfc,iBAAeb;QACfc,cAAYb;QACZjB,WAAWyB;QACXM,MAAMP,MAAM;QACZH,SAASA;QACTW,MAAMN,YAAY,WAAW,WAAWO;OAEvCb,QAAQP,cAAc,wBAAU,oBAACqB;QAAKlC,WAAW,CAAC,EAAEJ,UAAU,MAAM,CAAC;OAAGwB,qBACzE,oBAACc;QAAKlC,WAAW,CAAC,EAAEJ,UAAU,OAAO,CAAC;OAAGsB,WACxCE,QAAQP,cAAc,yBAAW,oBAACqB;QAAKlC,WAAW,CAAC,EAAEJ,UAAU,MAAM,CAAC;OAAGwB;AAGhF;AAEA,OAAO,MAAMe,OAAwB,CAACrC;IACpC,MAAM,EAAEqB,SAAS,EAAE,GAAGrB;IAEtB,IAAIqB,WAAW,qBAAO,oBAACtB,eAAkBC;IACzC,qBAAO,oBAACQ,YAAeR;AACzB,EAAC;AAED,eAAeqC,KAAI"}
+{"version":3,"sources":["../../../src/elements/Pill/index.tsx"],"sourcesContent":["'use client'\nimport type { ElementType } from 'react'\n\nimport LinkWithDefault from 'next/link.js'\nconst Link = LinkWithDefault.default\nimport React from 'react' // TODO: abstract this out to support all routers\n\nimport type { HTMLAttributes } from 'react'\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?: HTMLAttributes<HTMLElement> & {\n    ref: React.RefCallback<HTMLElement>\n  }\n  icon?: React.ReactNode\n  id?: string\n  onClick?: () => void\n  pillStyle?: 'dark' | 'error' | 'light' | 'light-gray' | 'success' | 'warning' | 'white'\n  rounded?: boolean\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    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    to,\n  } = props\n\n  const classes = [\n    baseClass,\n    `${baseClass}--style-${pillStyle}`,\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) Element = 'button'\n  if (to) Element = Link\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 || ''}\n      onClick={onClick}\n      type={Element === 'button' ? 'button' : undefined}\n    >\n      {icon && alignIcon === 'left' && <span className={`${baseClass}__icon`}>{icon}</span>}\n      <span className={`${baseClass}__label`}>{children}</span>\n      {icon && alignIcon === 'right' && <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) return <DraggablePill {...props} />\n  return <StaticPill {...props} />\n}\n"],"names":["LinkWithDefault","Link","default","React","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","to","classes","Element","aria-checked","aria-controls","aria-expanded","aria-label","href","type","undefined","span","Pill"],"mappings":"AAAA;AAGA,OAAOA,qBAAqB,eAAc;AAC1C,MAAMC,OAAOD,gBAAgBE,OAAO;AACpC,OAAOC,WAAW,QAAO,CAAC,iDAAiD;AAgC3E,SAASC,oBAAoB,QAAQ,qDAAoD;AAGzF,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,oBAACO;QACE,GAAGR,KAAK;QACTE,WAAW;YAACE,cAAc,CAAC,EAAEN,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,EACJe,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,EAAE,EACH,GAAG1B;IAEJ,MAAM2B,UAAU;QACd7B;QACA,CAAC,EAAEA,UAAU,QAAQ,EAAE0B,UAAU,CAAC;QAClCtB,aAAaA;QACbwB,MAAM,CAAC,EAAE5B,UAAU,UAAU,CAAC;QAC7B4B,CAAAA,MAAMH,OAAM,KAAM,CAAC,EAAEzB,UAAU,YAAY,CAAC;QAC7CwB,QAAQ,CAAC,EAAExB,UAAU,UAAU,CAAC;QAChCwB,QAAQ,CAAC,EAAExB,UAAU,aAAa,EAAEiB,UAAU,CAAC;QAC/CM,aAAa,CAAC,EAAEvB,UAAU,WAAW,CAAC;QACtC2B,WAAW,CAAC,EAAE3B,UAAU,SAAS,CAAC;KACnC,CACEW,MAAM,CAACC,SACPC,IAAI,CAAC;IAER,IAAIiB,UAAqD;IAEzD,IAAIL,WAAW,CAACG,IAAIE,UAAU;IAC9B,IAAIF,IAAIE,UAAUlC;IAElB,qBACE,oBAACkC;QACE,GAAGhB,YAAY;QAChBiB,gBAAcb;QACdc,iBAAeb;QACfc,iBAAeb;QACfc,cAAYb;QACZjB,WAAWyB;QACXM,MAAMP,MAAM;QACZH,SAASA;QACTW,MAAMN,YAAY,WAAW,WAAWO;OAEvCb,QAAQP,cAAc,wBAAU,oBAACqB;QAAKlC,WAAW,CAAC,EAAEJ,UAAU,MAAM,CAAC;OAAGwB,qBACzE,oBAACc;QAAKlC,WAAW,CAAC,EAAEJ,UAAU,OAAO,CAAC;OAAGsB,WACxCE,QAAQP,cAAc,yBAAW,oBAACqB;QAAKlC,WAAW,CAAC,EAAEJ,UAAU,MAAM,CAAC;OAAGwB;AAGhF;AAEA,OAAO,MAAMe,OAA4B,CAACrC;IACxC,MAAM,EAAEqB,SAAS,EAAE,GAAGrB;IAEtB,IAAIqB,WAAW,qBAAO,oBAACtB,eAAkBC;IACzC,qBAAO,oBAACQ,YAAeR;AACzB,EAAC"}

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

@@ -6,8 +6,7 @@
   flex-direction: column;
   text-align: left;
   gap: 3px;
-  [dir='rtl']
-  &__text-align--left {
+  [dir='rtl'] &__text-align--left {
     text-align: right;
   }
   &__text-align--left {
@@ -17,15 +16,13 @@
   &__text-align--center {
     text-align: center;
   }
-  [dir='rtl']
-  &__text-align--right {
+  [dir='rtl'] &__text-align--right {
     text-align: left;
   }
   &__text-align--right {
     text-align: right;
   }
 
-
   &__button {
     @extend %btn-reset;
     padding-left: var(--list-button-padding);

package/dist/elements/Popup/PopupTrigger/index.d.ts

@@ -1,5 +1,11 @@
 import React from 'react';
-import type { Props } from './types.js';
 import './index.scss';
-export declare const PopupTrigger: React.FC<Props>;
+export type PopupTriggerProps = {
+    active: boolean;
+    button: React.ReactNode;
+    buttonType: 'custom' | 'default' | 'none';
+    className?: string;
+    setActive: (active: boolean) => void;
+};
+export declare const PopupTrigger: React.FC<PopupTriggerProps>;
 //# sourceMappingURL=index.d.ts.map

package/dist/elements/Popup/PopupTrigger/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/Popup/PopupTrigger/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAEvC,OAAO,cAAc,CAAA;AAIrB,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAkCxC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/Popup/PopupTrigger/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,cAAc,CAAA;AAIrB,MAAM,MAAM,iBAAiB,GAAG;IAC9B,MAAM,EAAE,OAAO,CAAA;IACf,MAAM,EAAE,KAAK,CAAC,SAAS,CAAA;IACvB,UAAU,EAAE,QAAQ,GAAG,SAAS,GAAG,MAAM,CAAA;IACzC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAA;CACrC,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAkCpD,CAAA"}