@payloadcms/ui 3.84.0 → 4.0.0-internal.38b7f1d

package/dist/elements/Drawer/index.scss

@@ -1,142 +0,0 @@
-@import '../../scss/styles.scss';
-
-$transTime: 200;
-
-@layer payload-default {
-  .drawer {
-    display: flex;
-    overflow: hidden;
-    position: fixed;
-    height: 100vh;
-
-    &__blur-bg {
-      @include blur-bg;
-      position: absolute;
-      z-index: 1;
-      top: 0;
-      right: 0;
-      bottom: 0;
-      left: 0;
-      opacity: 0;
-      transition: all #{$transTime}ms linear;
-    }
-
-    &__content {
-      opacity: 0;
-      transform: translateX(calc(var(--base) * 4));
-      position: relative;
-      z-index: 2;
-      // NOTE: width is controlled by js
-      // width: calc(100% - var(--gutter-h));
-      overflow: hidden;
-      transition: all #{$transTime}ms linear;
-      background-color: var(--theme-bg);
-    }
-
-    &__content-children {
-      position: relative;
-      z-index: 1;
-      overflow: auto;
-      height: 100%;
-    }
-
-    &--is-open {
-      .drawer {
-        &__content,
-        &__blur-bg {
-          opacity: 1;
-        }
-
-        &__close {
-          opacity: 0.1;
-          transition: opacity #{$transTime}ms linear;
-          transition-delay: #{calc($transTime / 2)}ms;
-        }
-
-        &__content {
-          transform: translateX(0);
-        }
-      }
-    }
-
-    &__close {
-      @extend %btn-reset;
-      position: relative;
-      z-index: 2;
-      flex-shrink: 0;
-      text-indent: -9999px;
-      cursor: pointer;
-      opacity: 0;
-      will-change: opacity;
-      transition: none;
-      transition-delay: 0ms;
-      flex-grow: 1;
-      background: var(--theme-elevation-800);
-
-      &:active,
-      &:focus {
-        outline: 0;
-      }
-    }
-
-    &__header {
-      display: flex;
-      align-items: center;
-      margin-top: base(2.5);
-      margin-bottom: base(1);
-      width: 100%;
-
-      &__title {
-        margin: 0;
-        flex-grow: 1;
-      }
-
-      &__close {
-        border: 0;
-        background-color: transparent;
-        padding: 0;
-        cursor: pointer;
-        overflow: hidden;
-        direction: ltr;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        width: base(1.2);
-        height: base(1.2);
-
-        svg {
-          margin: base(-1.2);
-          width: base(2.4);
-          height: base(2.4);
-
-          position: relative;
-
-          .stroke {
-            stroke-width: 1px;
-            vector-effect: non-scaling-stroke;
-          }
-        }
-      }
-    }
-
-    @include mid-break {
-      &__header {
-        margin-top: base(1.5);
-      }
-    }
-  }
-
-  html[data-theme='dark'] {
-    .drawer {
-      &__close {
-        background: var(--color-base-1000);
-      }
-
-      &--is-open {
-        .drawer__close {
-          opacity: 0.25;
-        }
-      }
-    }
-  }
-}

package/dist/elements/Dropzone/index.scss

@@ -1,43 +0,0 @@
-@import '../../scss/styles.scss';
-
-@layer payload-default {
-  .dropzone {
-    position: relative;
-    display: flex;
-    align-items: center;
-    padding: calc(var(--base) * 0.9) var(--base);
-    background: transparent;
-    border: 1px dotted var(--theme-elevation-400);
-    border-radius: var(--style-radius-s);
-    height: 100%;
-    width: 100%;
-    box-shadow: 0 0 0 0 transparent;
-    transition: all 100ms cubic-bezier(0, 0.2, 0.2, 1);
-
-    .btn {
-      margin: 0;
-      display: flex;
-      justify-content: center;
-      align-items: center;
-    }
-
-    &.dragging {
-      border-color: var(--theme-success-500);
-      background: var(--theme-success-150);
-      @include shadow-m;
-
-      * {
-        pointer-events: none;
-      }
-    }
-
-    @include mid-break {
-      display: block;
-      text-align: center;
-    }
-
-    &.dropzoneStyle--none {
-      all: unset;
-    }
-  }
-}

package/dist/elements/ErrorPill/index.scss

@@ -1,33 +0,0 @@
-@import '../../scss/styles.scss';
-
-@layer payload-default {
-  .error-pill {
-    align-self: center;
-    align-items: center;
-    border: 0;
-    padding: 0 base(0.25);
-    flex-shrink: 0;
-    border-radius: var(--style-radius-l);
-    line-height: 18px;
-    font-size: 11px;
-    text-align: center;
-    font-weight: 500;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    background: var(--theme-error-300);
-    color: var(--theme-error-950);
-
-    &--fixed-width {
-      width: 18px;
-      height: 18px;
-      border-radius: 50%;
-      position: relative;
-    }
-
-    &__count {
-      letter-spacing: 0.5px;
-      margin-left: 0.5px;
-    }
-  }
-}

package/dist/elements/FolderView/Breadcrumbs/index.d.ts

@@ -1,19 +0,0 @@
-import type { FolderBreadcrumb } from 'payload/shared';
-import React from 'react';
-import './index.scss';
-type Props = {
-    readonly breadcrumbs: {
-        id: null | number | string;
-        name: React.ReactNode | string;
-        onClick: () => void;
-    }[];
-    className?: string;
-};
-export declare function FolderBreadcrumbs({ breadcrumbs, className }: Props): React.JSX.Element;
-export declare function DroppableBreadcrumb({ id, children, className, onClick, }: {
-    children: React.ReactNode;
-    className?: string;
-    onClick: () => void;
-} & Pick<FolderBreadcrumb, 'id'>): React.JSX.Element;
-export {};
-//# sourceMappingURL=index.d.ts.map

package/dist/elements/FolderView/Breadcrumbs/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/FolderView/Breadcrumbs/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAA;AAGtD,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,cAAc,CAAA;AAIrB,KAAK,KAAK,GAAG;IACX,QAAQ,CAAC,WAAW,EAAE;QACpB,EAAE,EAAE,IAAI,GAAG,MAAM,GAAG,MAAM,CAAA;QAC1B,IAAI,EAAE,KAAK,CAAC,SAAS,GAAG,MAAM,CAAA;QAC9B,OAAO,EAAE,MAAM,IAAI,CAAA;KACpB,EAAE,CAAA;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AACD,wBAAgB,iBAAiB,CAAC,EAAE,WAAW,EAAE,SAAS,EAAE,EAAE,KAAK,qBAuBlE;AAED,wBAAgB,mBAAmB,CAAC,EAClC,EAAE,EACF,QAAQ,EACR,SAAS,EACT,OAAO,GACR,EAAE;IACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,OAAO,EAAE,MAAM,IAAI,CAAA;CACpB,GAAG,IAAI,CAAC,gBAAgB,EAAE,IAAI,CAAC,qBAqB/B"}

package/dist/elements/FolderView/Breadcrumbs/index.js

@@ -1,96 +0,0 @@
-'use client';
-
-import { c as _c } from "react/compiler-runtime";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useDroppable } from '@dnd-kit/core';
-import React from 'react';
-import { ChevronIcon } from '../../../icons/Chevron/index.js';
-import './index.scss';
-const baseClass = 'folderBreadcrumbs';
-export function FolderBreadcrumbs({
-  breadcrumbs,
-  className
-}) {
-  return /*#__PURE__*/_jsx("div", {
-    className: `${baseClass} ${className || ''}`.trim(),
-    children: breadcrumbs?.map((crumb, index) => /*#__PURE__*/_jsxs("div", {
-      className: `${baseClass}__crumb`,
-      children: [crumb.onClick ? /*#__PURE__*/_jsx(DroppableBreadcrumb, {
-        className: `${baseClass}__crumb-item`,
-        id: crumb.id,
-        onClick: crumb.onClick,
-        children: crumb.name
-      }) : crumb.name, breadcrumbs.length > 0 && index !== breadcrumbs.length - 1 && /*#__PURE__*/_jsx(ChevronIcon, {
-        className: `${baseClass}__crumb-chevron`,
-        direction: "right"
-      })]
-    }, index))
-  });
-}
-export function DroppableBreadcrumb(t0) {
-  const $ = _c(13);
-  const {
-    id,
-    children,
-    className,
-    onClick
-  } = t0;
-  const t1 = `folder-${id}`;
-  let t2;
-  if ($[0] !== id) {
-    t2 = {
-      id,
-      type: "folder"
-    };
-    $[0] = id;
-    $[1] = t2;
-  } else {
-    t2 = $[1];
-  }
-  let t3;
-  if ($[2] !== t1 || $[3] !== t2) {
-    t3 = {
-      id: t1,
-      data: t2
-    };
-    $[2] = t1;
-    $[3] = t2;
-    $[4] = t3;
-  } else {
-    t3 = $[4];
-  }
-  const {
-    isOver,
-    setNodeRef
-  } = useDroppable(t3);
-  const t4 = isOver && "droppable-button--hover";
-  let t5;
-  if ($[5] !== className || $[6] !== t4) {
-    t5 = ["droppable-button", className, t4].filter(Boolean);
-    $[5] = className;
-    $[6] = t4;
-    $[7] = t5;
-  } else {
-    t5 = $[7];
-  }
-  const t6 = t5.join(" ");
-  let t7;
-  if ($[8] !== children || $[9] !== onClick || $[10] !== setNodeRef || $[11] !== t6) {
-    t7 = _jsx("button", {
-      className: t6,
-      onClick,
-      ref: setNodeRef,
-      type: "button",
-      children
-    });
-    $[8] = children;
-    $[9] = onClick;
-    $[10] = setNodeRef;
-    $[11] = t6;
-    $[12] = t7;
-  } else {
-    t7 = $[12];
-  }
-  return t7;
-}
-//# sourceMappingURL=index.js.map

package/dist/elements/FolderView/Breadcrumbs/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":["c","_c","useDroppable","React","ChevronIcon","baseClass","FolderBreadcrumbs","breadcrumbs","className","_jsx","trim","map","crumb","index","_jsxs","onClick","DroppableBreadcrumb","id","name","length","direction","t0","$","children","t1","t2","type","t3","data","isOver","setNodeRef","t4","t5","filter","Boolean","t6","join","t7","ref"],"sources":["../../../../src/elements/FolderView/Breadcrumbs/index.tsx"],"sourcesContent":["'use client'\n\nimport type { FolderBreadcrumb } from 'payload/shared'\n\nimport { useDroppable } from '@dnd-kit/core'\nimport React from 'react'\n\nimport { ChevronIcon } from '../../../icons/Chevron/index.js'\nimport './index.scss'\n\nconst baseClass = 'folderBreadcrumbs'\n\ntype Props = {\n  readonly breadcrumbs: {\n    id: null | number | string\n    name: React.ReactNode | string\n    onClick: () => void\n  }[]\n  className?: string\n}\nexport function FolderBreadcrumbs({ breadcrumbs, className }: Props) {\n  return (\n    <div className={`${baseClass} ${className || ''}`.trim()}>\n      {breadcrumbs?.map((crumb, index) => (\n        <div className={`${baseClass}__crumb`} key={index}>\n          {crumb.onClick ? (\n            <DroppableBreadcrumb\n              className={`${baseClass}__crumb-item`}\n              id={crumb.id}\n              onClick={crumb.onClick}\n            >\n              {crumb.name}\n            </DroppableBreadcrumb>\n          ) : (\n            crumb.name\n          )}\n          {breadcrumbs.length > 0 && index !== breadcrumbs.length - 1 && (\n            <ChevronIcon className={`${baseClass}__crumb-chevron`} direction=\"right\" />\n          )}\n        </div>\n      ))}\n    </div>\n  )\n}\n\nexport function DroppableBreadcrumb({\n  id,\n  children,\n  className,\n  onClick,\n}: {\n  children: React.ReactNode\n  className?: string\n  onClick: () => void\n} & Pick<FolderBreadcrumb, 'id'>) {\n  const { isOver, setNodeRef } = useDroppable({\n    id: `folder-${id}`,\n    data: {\n      id,\n      type: 'folder',\n    },\n  })\n\n  return (\n    <button\n      className={['droppable-button', className, isOver && 'droppable-button--hover']\n        .filter(Boolean)\n        .join(' ')}\n      onClick={onClick}\n      ref={setNodeRef}\n      type=\"button\"\n    >\n      {children}\n    </button>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAIA,SAASC,YAAY,QAAQ;AAC7B,OAAOC,KAAA,MAAW;AAElB,SAASC,WAAW,QAAQ;AAC5B,OAAO;AAEP,MAAMC,SAAA,GAAY;AAUlB,OAAO,SAASC,kBAAkB;EAAEC,WAAW;EAAEC;AAAS,CAAS;EACjE,oBACEC,IAAA,CAAC;IAAID,SAAA,EAAW,GAAGH,SAAA,IAAaG,SAAA,IAAa,IAAI,CAACE,IAAI;cACnDH,WAAA,EAAaI,GAAA,CAAI,CAACC,KAAA,EAAOC,KAAA,kBACxBC,KAAA,CAAC;MAAIN,SAAA,EAAW,GAAGH,SAAA,SAAkB;iBAClCO,KAAA,CAAMG,OAAO,gBACZN,IAAA,CAACO,mBAAA;QACCR,SAAA,EAAW,GAAGH,SAAA,cAAuB;QACrCY,EAAA,EAAIL,KAAA,CAAMK,EAAE;QACZF,OAAA,EAASH,KAAA,CAAMG,OAAO;kBAErBH,KAAA,CAAMM;WAGTN,KAAA,CAAMM,IAAI,EAEXX,WAAA,CAAYY,MAAM,GAAG,KAAKN,KAAA,KAAUN,WAAA,CAAYY,MAAM,GAAG,kBACxDV,IAAA,CAACL,WAAA;QAAYI,SAAA,EAAW,GAAGH,SAAA,iBAA0B;QAAEe,SAAA,EAAU;;OAbzBP,KAAA;;AAmBpD;AAEA,OAAO,SAAAG,oBAAAK,EAAA;EAAA,MAAAC,CAAA,GAAArB,EAAA;EAA6B;IAAAgB,EAAA;IAAAM,QAAA;IAAAf,SAAA;IAAAO;EAAA,IAAAM,EASJ;EAExB,MAAAG,EAAA,aAAUP,EAAA,EAAI;EAAA,IAAAQ,EAAA;EAAA,IAAAH,CAAA,QAAAL,EAAA;IACZQ,EAAA;MAAAR,EAAA;MAAAS,IAAA,EAEE;IAAA;IACRJ,CAAA,MAAAL,EAAA;IAAAK,CAAA,MAAAG,EAAA;EAAA;IAAAA,EAAA,GAAAH,CAAA;EAAA;EAAA,IAAAK,EAAA;EAAA,IAAAL,CAAA,QAAAE,EAAA,IAAAF,CAAA,QAAAG,EAAA;IAL0CE,EAAA;MAAAV,EAAA,EACtCO,EAAc;MAAAI,IAAA,EACZH;IAGN;IACFH,CAAA,MAAAE,EAAA;IAAAF,CAAA,MAAAG,EAAA;IAAAH,CAAA,MAAAK,EAAA;EAAA;IAAAA,EAAA,GAAAL,CAAA;EAAA;EANA;IAAAO,MAAA;IAAAC;EAAA,IAA+B5B,YAAA,CAAayB,EAM5C;EAI+C,MAAAI,EAAA,GAAAF,MAAA,IAAU;EAAA,IAAAG,EAAA;EAAA,IAAAV,CAAA,QAAAd,SAAA,IAAAc,CAAA,QAAAS,EAAA;IAA1CC,EAAA,IAAC,oBAAoBxB,SAAA,EAAWuB,EAAU,EAAAE,MAAA,CAAAC,OAC3C;IAAAZ,CAAA,MAAAd,SAAA;IAAAc,CAAA,MAAAS,EAAA;IAAAT,CAAA,MAAAU,EAAA;EAAA;IAAAA,EAAA,GAAAV,CAAA;EAAA;EADC,MAAAa,EAAA,GAAAH,EACD,CAAAI,IAAA,CACF;EAAA,IAAAC,EAAA;EAAA,IAAAf,CAAA,QAAAC,QAAA,IAAAD,CAAA,QAAAP,OAAA,IAAAO,CAAA,SAAAQ,UAAA,IAAAR,CAAA,SAAAa,EAAA;IAHVE,EAAA,GAAA5B,IAAA,CAAC;MAAAD,SAAA,EACY2B,EAEH;MAAApB,OAAA;MAAAuB,GAAA,EAEHR,UAAA;MAAAJ,IAAA,EACA;MAAAH;IAAA,C;;;;;;;;;SANPc,E","ignoreList":[]}

package/dist/elements/FolderView/Breadcrumbs/index.scss

@@ -1,56 +0,0 @@
-@import '../../../scss/styles.scss';
-
-@layer payload-default {
-  .droppable-button {
-    @include btn-reset;
-    font-weight: 600;
-    font-family: inherit;
-    &:hover {
-      cursor: pointer;
-    }
-  }
-  .folderBreadcrumbs {
-    display: flex;
-
-    &__crumb,
-    &__crumb-item.droppable-button {
-      @extend %h4;
-      font-weight: 600;
-      letter-spacing: unset;
-      display: flex;
-      align-items: center;
-      margin: 0;
-
-      &:has(.icon--folder) {
-        height: calc(var(--base) * 1.6);
-        .btn__label {
-          display: flex;
-          align-items: center;
-          height: 100%;
-        }
-      }
-    }
-
-    &__crumb-item.droppable-button--hover {
-      opacity: 0.5;
-    }
-
-    &__crumb-chevron {
-      position: relative;
-      top: 1px;
-
-      .stroke {
-        stroke: var(--theme-elevation-250);
-      }
-    }
-  }
-
-  @include mid-break {
-    .folderBreadcrumbs {
-      &__crumb,
-      &__crumb-item {
-        font-size: var(--base);
-      }
-    }
-  }
-}

package/dist/elements/FolderView/BrowseByFolderButton/index.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-import './index.scss';
-export declare function BrowseByFolderButton({ active }: {
-    active: any;
-}): React.JSX.Element;
-//# sourceMappingURL=index.d.ts.map

package/dist/elements/FolderView/BrowseByFolderButton/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/FolderView/BrowseByFolderButton/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAMzB,OAAO,cAAc,CAAA;AAIrB,wBAAgB,oBAAoB,CAAC,EAAE,MAAM,EAAE;;CAAA,qBAwB9C"}

package/dist/elements/FolderView/BrowseByFolderButton/index.js

@@ -1,40 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { formatAdminURL } from 'payload/shared';
-import React from 'react';
-import { useConfig } from '../../../providers/Config/index.js';
-import { useTranslation } from '../../../providers/Translation/index.js';
-import { Link } from '../../Link/index.js';
-import { ColoredFolderIcon } from '../ColoredFolderIcon/index.js';
-import './index.scss';
-const baseClass = 'browse-by-folder-button';
-export function BrowseByFolderButton({
-  active
-}) {
-  const {
-    t
-  } = useTranslation();
-  const {
-    config
-  } = useConfig();
-  const {
-    admin: {
-      routes: {
-        browseByFolder: foldersRoute
-      }
-    },
-    routes: {
-      admin: adminRoute
-    }
-  } = config;
-  return /*#__PURE__*/_jsxs(Link, {
-    className: [baseClass, active && 'active'].filter(Boolean).join(' '),
-    href: formatAdminURL({
-      adminRoute,
-      path: foldersRoute
-    }),
-    id: "browse-by-folder",
-    prefetch: false,
-    children: [/*#__PURE__*/_jsx(ColoredFolderIcon, {}), t('folder:browseByFolder')]
-  });
-}
-//# sourceMappingURL=index.js.map

package/dist/elements/FolderView/BrowseByFolderButton/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":["formatAdminURL","React","useConfig","useTranslation","Link","ColoredFolderIcon","baseClass","BrowseByFolderButton","active","t","config","admin","routes","browseByFolder","foldersRoute","adminRoute","_jsxs","className","filter","Boolean","join","href","path","id","prefetch","_jsx"],"sources":["../../../../src/elements/FolderView/BrowseByFolderButton/index.tsx"],"sourcesContent":["import { formatAdminURL } from 'payload/shared'\nimport React from 'react'\n\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { Link } from '../../Link/index.js'\nimport { ColoredFolderIcon } from '../ColoredFolderIcon/index.js'\nimport './index.scss'\n\nconst baseClass = 'browse-by-folder-button'\n\nexport function BrowseByFolderButton({ active }) {\n  const { t } = useTranslation()\n  const { config } = useConfig()\n  const {\n    admin: {\n      routes: { browseByFolder: foldersRoute },\n    },\n    routes: { admin: adminRoute },\n  } = config\n\n  return (\n    <Link\n      className={[baseClass, active && 'active'].filter(Boolean).join(' ')}\n      href={formatAdminURL({\n        adminRoute,\n        path: foldersRoute,\n      })}\n      id=\"browse-by-folder\"\n      prefetch={false}\n    >\n      <ColoredFolderIcon />\n      {t('folder:browseByFolder')}\n    </Link>\n  )\n}\n"],"mappings":";AAAA,SAASA,cAAc,QAAQ;AAC/B,OAAOC,KAAA,MAAW;AAElB,SAASC,SAAS,QAAQ;AAC1B,SAASC,cAAc,QAAQ;AAC/B,SAASC,IAAI,QAAQ;AACrB,SAASC,iBAAiB,QAAQ;AAClC,OAAO;AAEP,MAAMC,SAAA,GAAY;AAElB,OAAO,SAASC,qBAAqB;EAAEC;AAAM,CAAE;EAC7C,MAAM;IAAEC;EAAC,CAAE,GAAGN,cAAA;EACd,MAAM;IAAEO;EAAM,CAAE,GAAGR,SAAA;EACnB,MAAM;IACJS,KAAA,EAAO;MACLC,MAAA,EAAQ;QAAEC,cAAA,EAAgBC;MAAY;IAAE,CACzC;IACDF,MAAA,EAAQ;MAAED,KAAA,EAAOI;IAAU;EAAE,CAC9B,GAAGL,MAAA;EAEJ,oBACEM,KAAA,CAACZ,IAAA;IACCa,SAAA,EAAW,CAACX,SAAA,EAAWE,MAAA,IAAU,SAAS,CAACU,MAAM,CAACC,OAAA,EAASC,IAAI,CAAC;IAChEC,IAAA,EAAMrB,cAAA,CAAe;MACnBe,UAAA;MACAO,IAAA,EAAMR;IACR;IACAS,EAAA,EAAG;IACHC,QAAA,EAAU;4BAEVC,IAAA,CAACpB,iBAAA,OACAI,CAAA,CAAE;;AAGT","ignoreList":[]}

package/dist/elements/FolderView/BrowseByFolderButton/index.scss

@@ -1,30 +0,0 @@
-@import '../../../scss/styles.scss';
-
-@layer payload-default {
-  .browse-by-folder-button {
-    border: 1px solid var(--theme-elevation-100);
-    text-decoration: none;
-    padding: calc(var(--base) / 2);
-    display: flex;
-    align-items: center;
-    width: 100%;
-    gap: calc(var(--base) * 0.33);
-    margin-top: calc(var(--base) * 0.25);
-    margin-bottom: var(--base);
-    border-radius: var(--style-radius-m);
-    color: var(--theme-text);
-
-    &.active {
-      background-color: var(--theme-elevation-50);
-      font-weight: 600;
-
-      .icon {
-        color: var(--theme-elevation-400);
-      }
-    }
-
-    .icon {
-      color: var(--theme-elevation-300);
-    }
-  }
-}

package/dist/elements/FolderView/Cell/index.client.d.ts

@@ -1,13 +0,0 @@
-import type { Data, ViewTypes } from 'payload';
-import React from 'react';
-type Props = {
-    readonly collectionSlug: string;
-    readonly data: Data;
-    readonly docTitle: string;
-    readonly folderCollectionSlug: string;
-    readonly folderFieldName: string;
-    readonly viewType?: ViewTypes;
-};
-export declare const FolderTableCellClient: ({ collectionSlug, data, docTitle, folderCollectionSlug, folderFieldName, viewType, }: Props) => React.JSX.Element;
-export {};
-//# sourceMappingURL=index.client.d.ts.map

package/dist/elements/FolderView/Cell/index.client.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.client.d.ts","sourceRoot":"","sources":["../../../../src/elements/FolderView/Cell/index.client.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAI9C,OAAO,KAAoB,MAAM,OAAO,CAAA;AAKxC,KAAK,KAAK,GAAG;IACX,QAAQ,CAAC,cAAc,EAAE,MAAM,CAAA;IAC/B,QAAQ,CAAC,IAAI,EAAE,IAAI,CAAA;IACnB,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAA;IACzB,QAAQ,CAAC,oBAAoB,EAAE,MAAM,CAAA;IACrC,QAAQ,CAAC,eAAe,EAAE,MAAM,CAAA;IAChC,QAAQ,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAA;CAC9B,CAAA;AAED,eAAO,MAAM,qBAAqB,yFAO/B,KAAK,sBA6FP,CAAA"}

package/dist/elements/FolderView/Cell/index.client.js

@@ -1,95 +0,0 @@
-'use client';
-
-import { jsx as _jsx } from "react/jsx-runtime";
-import { formatAdminURL } from 'payload/shared';
-import React, { useEffect } from 'react';
-// eslint-disable-next-line payload/no-imports-from-exports-dir
-import { MoveDocToFolderButton, useConfig, useTranslation } from '../../../exports/client/index.js';
-export const FolderTableCellClient = ({
-  collectionSlug,
-  data,
-  docTitle,
-  folderCollectionSlug,
-  folderFieldName,
-  viewType
-}) => {
-  const docID = data.id;
-  const intialFolderID = data?.[folderFieldName];
-  const {
-    config
-  } = useConfig();
-  const {
-    t
-  } = useTranslation();
-  const [fromFolderName, setFromFolderName] = React.useState(() => intialFolderID ? `${t('general:loading')}...` : t('folder:noFolder'));
-  const [fromFolderID, setFromFolderID] = React.useState(intialFolderID);
-  const hasLoadedFolderName = React.useRef(false);
-  const onConfirm = React.useCallback(async ({
-    id,
-    name
-  }) => {
-    try {
-      await fetch(formatAdminURL({
-        apiRoute: config.routes.api,
-        path: `/${collectionSlug}/${docID}`
-      }), {
-        body: JSON.stringify({
-          [folderFieldName]: id
-        }),
-        credentials: 'include',
-        headers: {
-          'Content-Type': 'application/json'
-        },
-        method: 'PATCH'
-      });
-      setFromFolderID(id);
-      setFromFolderName(name || t('folder:noFolder'));
-    } catch (error) {
-      // eslint-disable-next-line no-console
-      console.error('Error moving document to folder', error);
-    }
-  }, [config.routes.api, collectionSlug, docID, folderFieldName, t]);
-  useEffect(() => {
-    const loadFolderName = async () => {
-      try {
-        const req = await fetch(formatAdminURL({
-          apiRoute: config.routes.api,
-          path: `/${folderCollectionSlug}${intialFolderID ? `/${intialFolderID}` : ''}`
-        }), {
-          credentials: 'include',
-          headers: {
-            'Content-Type': 'application/json'
-          },
-          method: 'GET'
-        });
-        const res = await req.json();
-        setFromFolderName(res?.name || t('folder:noFolder'));
-      } catch (error_0) {
-        // eslint-disable-next-line no-console
-        console.error('Error moving document to folder', error_0);
-      }
-    };
-    if (!hasLoadedFolderName.current) {
-      void loadFolderName();
-      hasLoadedFolderName.current = true;
-    }
-  }, [config.routes.api, folderCollectionSlug, intialFolderID, t]);
-  return /*#__PURE__*/_jsx(MoveDocToFolderButton, {
-    buttonProps: {
-      disabled: viewType === 'trash',
-      size: 'small'
-    },
-    collectionSlug: collectionSlug,
-    docData: data,
-    docID: docID,
-    docTitle: docTitle,
-    folderCollectionSlug: folderCollectionSlug,
-    folderFieldName: folderFieldName,
-    fromFolderID: fromFolderID,
-    fromFolderName: fromFolderName,
-    modalSlug: `move-doc-to-folder-cell--${docID}`,
-    onConfirm: onConfirm,
-    skipConfirmModal: false
-  });
-};
-//# sourceMappingURL=index.client.js.map

package/dist/elements/FolderView/Cell/index.client.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.client.js","names":["formatAdminURL","React","useEffect","MoveDocToFolderButton","useConfig","useTranslation","FolderTableCellClient","collectionSlug","data","docTitle","folderCollectionSlug","folderFieldName","viewType","docID","id","intialFolderID","config","t","fromFolderName","setFromFolderName","useState","fromFolderID","setFromFolderID","hasLoadedFolderName","useRef","onConfirm","useCallback","name","fetch","apiRoute","routes","api","path","body","JSON","stringify","credentials","headers","method","error","console","loadFolderName","req","res","json","current","_jsx","buttonProps","disabled","size","docData","modalSlug","skipConfirmModal"],"sources":["../../../../src/elements/FolderView/Cell/index.client.tsx"],"sourcesContent":["'use client'\n\nimport type { Data, ViewTypes } from 'payload'\nimport type { FolderOrDocument } from 'payload/shared'\n\nimport { formatAdminURL } from 'payload/shared'\nimport React, { useEffect } from 'react'\n\n// eslint-disable-next-line payload/no-imports-from-exports-dir\nimport { MoveDocToFolderButton, useConfig, useTranslation } from '../../../exports/client/index.js'\n\ntype Props = {\n  readonly collectionSlug: string\n  readonly data: Data\n  readonly docTitle: string\n  readonly folderCollectionSlug: string\n  readonly folderFieldName: string\n  readonly viewType?: ViewTypes\n}\n\nexport const FolderTableCellClient = ({\n  collectionSlug,\n  data,\n  docTitle,\n  folderCollectionSlug,\n  folderFieldName,\n  viewType,\n}: Props) => {\n  const docID = data.id\n  const intialFolderID = data?.[folderFieldName]\n\n  const { config } = useConfig()\n  const { t } = useTranslation()\n  const [fromFolderName, setFromFolderName] = React.useState(() =>\n    intialFolderID ? `${t('general:loading')}...` : t('folder:noFolder'),\n  )\n  const [fromFolderID, setFromFolderID] = React.useState(intialFolderID)\n\n  const hasLoadedFolderName = React.useRef(false)\n\n  const onConfirm = React.useCallback(\n    async ({ id, name }) => {\n      try {\n        await fetch(\n          formatAdminURL({\n            apiRoute: config.routes.api,\n            path: `/${collectionSlug}/${docID}`,\n          }),\n          {\n            body: JSON.stringify({\n              [folderFieldName]: id,\n            }),\n            credentials: 'include',\n            headers: {\n              'Content-Type': 'application/json',\n            },\n            method: 'PATCH',\n          },\n        )\n\n        setFromFolderID(id)\n        setFromFolderName(name || t('folder:noFolder'))\n      } catch (error) {\n        // eslint-disable-next-line no-console\n        console.error('Error moving document to folder', error)\n      }\n    },\n    [config.routes.api, collectionSlug, docID, folderFieldName, t],\n  )\n\n  useEffect(() => {\n    const loadFolderName = async () => {\n      try {\n        const req = await fetch(\n          formatAdminURL({\n            apiRoute: config.routes.api,\n            path: `/${folderCollectionSlug}${intialFolderID ? `/${intialFolderID}` : ''}`,\n          }),\n          {\n            credentials: 'include',\n            headers: {\n              'Content-Type': 'application/json',\n            },\n            method: 'GET',\n          },\n        )\n\n        const res = await req.json()\n        setFromFolderName(res?.name || t('folder:noFolder'))\n      } catch (error) {\n        // eslint-disable-next-line no-console\n        console.error('Error moving document to folder', error)\n      }\n    }\n\n    if (!hasLoadedFolderName.current) {\n      void loadFolderName()\n      hasLoadedFolderName.current = true\n    }\n  }, [config.routes.api, folderCollectionSlug, intialFolderID, t])\n\n  return (\n    <MoveDocToFolderButton\n      buttonProps={{\n        disabled: viewType === 'trash',\n        size: 'small',\n      }}\n      collectionSlug={collectionSlug}\n      docData={data as FolderOrDocument['value']}\n      docID={docID}\n      docTitle={docTitle}\n      folderCollectionSlug={folderCollectionSlug}\n      folderFieldName={folderFieldName}\n      fromFolderID={fromFolderID}\n      fromFolderName={fromFolderName}\n      modalSlug={`move-doc-to-folder-cell--${docID}`}\n      onConfirm={onConfirm}\n      skipConfirmModal={false}\n    />\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/FolderView/Cell/index.server.d.ts

@@ -1,4 +0,0 @@
-import type { DefaultServerCellComponentProps } from 'payload';
-import React from 'react';
-export declare const FolderTableCell: (props: DefaultServerCellComponentProps) => React.JSX.Element;
-//# sourceMappingURL=index.server.d.ts.map

package/dist/elements/FolderView/Cell/index.server.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.server.d.ts","sourceRoot":"","sources":["../../../../src/elements/FolderView/Cell/index.server.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,+BAA+B,EAAE,MAAM,SAAS,CAAA;AAE9D,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,eAAO,MAAM,eAAe,UAAW,+BAA+B,sBAmBrE,CAAA"}

package/dist/elements/FolderView/Cell/index.server.js

@@ -1,18 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import React from 'react';
-import { FolderTableCellClient } from './index.client.js';
-export const FolderTableCell = props => {
-  const titleToRender = (props.collectionConfig.upload ? props.rowData?.filename : props.rowData?.title) || props.rowData.id;
-  if (!props.payload.config.folders) {
-    return null;
-  }
-  return /*#__PURE__*/_jsx(FolderTableCellClient, {
-    collectionSlug: props.collectionSlug,
-    data: props.rowData,
-    docTitle: titleToRender,
-    folderCollectionSlug: props.payload.config.folders.slug,
-    folderFieldName: props.payload.config.folders.fieldName,
-    viewType: props.viewType
-  });
-};
-//# sourceMappingURL=index.server.js.map

package/dist/elements/FolderView/Cell/index.server.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.server.js","names":["React","FolderTableCellClient","FolderTableCell","props","titleToRender","collectionConfig","upload","rowData","filename","title","id","payload","config","folders","_jsx","collectionSlug","data","docTitle","folderCollectionSlug","slug","folderFieldName","fieldName","viewType"],"sources":["../../../../src/elements/FolderView/Cell/index.server.tsx"],"sourcesContent":["import type { DefaultServerCellComponentProps } from 'payload'\n\nimport React from 'react'\n\nimport { FolderTableCellClient } from './index.client.js'\n\nexport const FolderTableCell = (props: DefaultServerCellComponentProps) => {\n  const titleToRender =\n    (props.collectionConfig.upload ? props.rowData?.filename : props.rowData?.title) ||\n    props.rowData.id\n\n  if (!props.payload.config.folders) {\n    return null\n  }\n\n  return (\n    <FolderTableCellClient\n      collectionSlug={props.collectionSlug}\n      data={props.rowData}\n      docTitle={titleToRender}\n      folderCollectionSlug={props.payload.config.folders.slug}\n      folderFieldName={props.payload.config.folders.fieldName}\n      viewType={props.viewType}\n    />\n  )\n}\n"],"mappings":";AAEA,OAAOA,KAAA,MAAW;AAElB,SAASC,qBAAqB,QAAQ;AAEtC,OAAO,MAAMC,eAAA,GAAmBC,KAAA;EAC9B,MAAMC,aAAA,GACJ,CAACD,KAAA,CAAME,gBAAgB,CAACC,MAAM,GAAGH,KAAA,CAAMI,OAAO,EAAEC,QAAA,GAAWL,KAAA,CAAMI,OAAO,EAAEE,KAAI,KAC9EN,KAAA,CAAMI,OAAO,CAACG,EAAE;EAElB,IAAI,CAACP,KAAA,CAAMQ,OAAO,CAACC,MAAM,CAACC,OAAO,EAAE;IACjC,OAAO;EACT;EAEA,oBACEC,IAAA,CAACb,qBAAA;IACCc,cAAA,EAAgBZ,KAAA,CAAMY,cAAc;IACpCC,IAAA,EAAMb,KAAA,CAAMI,OAAO;IACnBU,QAAA,EAAUb,aAAA;IACVc,oBAAA,EAAsBf,KAAA,CAAMQ,OAAO,CAACC,MAAM,CAACC,OAAO,CAACM,IAAI;IACvDC,eAAA,EAAiBjB,KAAA,CAAMQ,OAAO,CAACC,MAAM,CAACC,OAAO,CAACQ,SAAS;IACvDC,QAAA,EAAUnB,KAAA,CAAMmB;;AAGtB","ignoreList":[]}

package/dist/elements/FolderView/ColoredFolderIcon/index.d.ts

@@ -1,3 +0,0 @@
-import './index.scss';
-export declare function ColoredFolderIcon(): import("react").JSX.Element;
-//# sourceMappingURL=index.d.ts.map

package/dist/elements/FolderView/ColoredFolderIcon/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/FolderView/ColoredFolderIcon/index.tsx"],"names":[],"mappings":"AACA,OAAO,cAAc,CAAA;AACrB,wBAAgB,iBAAiB,gCAEhC"}