@payloadcms/ui 4.0.0-internal.5b1e7cd → 4.0.0-internal.c2b57ce

package/dist/elements/ItemsDrawer/index.scss

@@ -1,102 +0,0 @@
-@import '../../scss/styles.scss';
-
-@layer payload-default {
-  .items-drawer {
-    &__items-wrapper {
-      padding-top: base(1.5);
-    }
-
-    &__items {
-      position: relative;
-      padding: 0;
-      list-style: none;
-      display: grid;
-      grid-template-columns: repeat(6, 1fr);
-      gap: base(1);
-    }
-
-    &__default-image {
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      width: 100%;
-      aspect-ratio: 3 / 2;
-      overflow: hidden;
-
-      img,
-      svg {
-        width: 100%;
-        height: 100%;
-        object-fit: cover;
-      }
-    }
-
-    &__item-groups {
-      padding: 0;
-      display: flex;
-      flex-direction: column;
-      gap: base(1.5);
-    }
-
-    &__item-group {
-      list-style: none;
-    }
-
-    &__item-group-label {
-      padding-bottom: base(0.5);
-    }
-
-    &__item-group-none {
-      order: 1;
-      padding-top: base(1.5);
-      border-top: 1px solid var(--theme-border-color);
-
-      &:only-child {
-        padding-top: 0;
-        border-top: 0;
-      }
-    }
-
-    @include large-break {
-      &__items {
-        grid-template-columns: repeat(5, 1fr);
-      }
-    }
-
-    @include mid-break {
-      &__items-wrapper {
-        padding-top: base(1.75);
-      }
-
-      &__items {
-        grid-template-columns: repeat(3, 1fr);
-      }
-
-      &__item-groups {
-        gap: base(1.75);
-      }
-
-      &__item-group-none {
-        padding-top: base(1.75);
-      }
-    }
-
-    @include small-break {
-      &__items-wrapper {
-        padding-top: base(0.75);
-      }
-
-      &__items {
-        grid-template-columns: repeat(2, 1fr);
-      }
-
-      &__item-groups {
-        gap: base(0.75);
-      }
-
-      &__item-group-none {
-        padding-top: base(0.75);
-      }
-    }
-  }
-}

package/dist/elements/ListControls/getTextFieldsToBeSearched.d.ts

@@ -1,4 +0,0 @@
-import type { I18nClient } from '@payloadcms/translations';
-import type { ClientField } from 'payload';
-export declare const getTextFieldsToBeSearched: (listSearchableFields: string[], fields: ClientField[], i18n: I18nClient) => ClientField[];
-//# sourceMappingURL=getTextFieldsToBeSearched.d.ts.map

package/dist/elements/ListControls/getTextFieldsToBeSearched.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"getTextFieldsToBeSearched.d.ts","sourceRoot":"","sources":["../../../src/elements/ListControls/getTextFieldsToBeSearched.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAA;AAC1D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAI1C,eAAO,MAAM,yBAAyB,yBACd,MAAM,EAAE,UACtB,WAAW,EAAE,QACf,UAAU,KACf,WAAW,EAqBb,CAAA"}

package/dist/elements/ListControls/getTextFieldsToBeSearched.js

@@ -1,22 +0,0 @@
-'use client';
-
-import { fieldAffectsData, flattenTopLevelFields } from 'payload/shared';
-export const getTextFieldsToBeSearched = (listSearchableFields, fields, i18n) => {
-  if (listSearchableFields) {
-    const flattenedFields = flattenTopLevelFields(fields, {
-      i18n,
-      moveSubFieldsToTop: true
-    });
-    const searchableFieldNames = new Set(listSearchableFields);
-    const matchingFields = [];
-    for (const field of flattenedFields) {
-      if (fieldAffectsData(field) && searchableFieldNames.has(field.name)) {
-        matchingFields.push(field);
-        searchableFieldNames.delete(field.name);
-      }
-    }
-    return matchingFields;
-  }
-  return null;
-};
-//# sourceMappingURL=getTextFieldsToBeSearched.js.map

package/dist/elements/ListControls/getTextFieldsToBeSearched.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"getTextFieldsToBeSearched.js","names":["fieldAffectsData","flattenTopLevelFields","getTextFieldsToBeSearched","listSearchableFields","fields","i18n","flattenedFields","moveSubFieldsToTop","searchableFieldNames","Set","matchingFields","field","has","name","push","delete"],"sources":["../../../src/elements/ListControls/getTextFieldsToBeSearched.ts"],"sourcesContent":["'use client'\nimport type { I18nClient } from '@payloadcms/translations'\nimport type { ClientField } from 'payload'\n\nimport { fieldAffectsData, flattenTopLevelFields } from 'payload/shared'\n\nexport const getTextFieldsToBeSearched = (\n  listSearchableFields: string[],\n  fields: ClientField[],\n  i18n: I18nClient,\n): ClientField[] => {\n  if (listSearchableFields) {\n    const flattenedFields = flattenTopLevelFields(fields, {\n      i18n,\n      moveSubFieldsToTop: true,\n    }) as ClientField[]\n\n    const searchableFieldNames = new Set(listSearchableFields)\n    const matchingFields: typeof flattenedFields = []\n\n    for (const field of flattenedFields) {\n      if (fieldAffectsData(field) && searchableFieldNames.has(field.name)) {\n        matchingFields.push(field)\n        searchableFieldNames.delete(field.name)\n      }\n    }\n\n    return matchingFields\n  }\n\n  return null\n}\n"],"mappings":"AAAA;;AAIA,SAASA,gBAAgB,EAAEC,qBAAqB,QAAQ;AAExD,OAAO,MAAMC,yBAAA,GAA4BA,CACvCC,oBAAA,EACAC,MAAA,EACAC,IAAA;EAEA,IAAIF,oBAAA,EAAsB;IACxB,MAAMG,eAAA,GAAkBL,qBAAA,CAAsBG,MAAA,EAAQ;MACpDC,IAAA;MACAE,kBAAA,EAAoB;IACtB;IAEA,MAAMC,oBAAA,GAAuB,IAAIC,GAAA,CAAIN,oBAAA;IACrC,MAAMO,cAAA,GAAyC,EAAE;IAEjD,KAAK,MAAMC,KAAA,IAASL,eAAA,EAAiB;MACnC,IAAIN,gBAAA,CAAiBW,KAAA,KAAUH,oBAAA,CAAqBI,GAAG,CAACD,KAAA,CAAME,IAAI,GAAG;QACnEH,cAAA,CAAeI,IAAI,CAACH,KAAA;QACpBH,oBAAA,CAAqBO,MAAM,CAACJ,KAAA,CAAME,IAAI;MACxC;IACF;IAEA,OAAOH,cAAA;EACT;EAEA,OAAO;AACT","ignoreList":[]}

package/dist/elements/ListControls/index.scss

@@ -1,31 +0,0 @@
-@import '../../scss/styles';
-
-@layer payload-default {
-  .list-controls {
-    display: flex;
-    flex-direction: column;
-
-    .pill-selector,
-    .where-builder,
-    .sort-complex,
-    .group-by-builder {
-      margin-top: calc(var(--base) / 2);
-    }
-
-    @include small-break {
-      .search-bar__actions {
-        .pill {
-          padding: base(0.2) base(0.2) base(0.2) base(0.4);
-          justify-content: space-between;
-        }
-      }
-
-      &__toggle-columns,
-      &__toggle-where,
-      &__toggle-sort,
-      &__toggle-group-by {
-        flex: 1;
-      }
-    }
-  }
-}

package/dist/elements/ListHeader/TitleActions/ListCreateNewDocInFolderButton.d.ts

@@ -1,15 +0,0 @@
-import type { CollectionSlug } from 'payload';
-import React from 'react';
-export declare function ListCreateNewDocInFolderButton({ buttonLabel, buttonSize, buttonStyle, collectionSlugs, folderAssignedCollections, onCreateSuccess, slugPrefix, }: {
-    buttonLabel: string;
-    buttonSize?: 'large' | 'medium' | 'small' | 'xsmall';
-    buttonStyle?: 'error' | 'icon-label' | 'none' | 'pill' | 'primary' | 'secondary' | 'subtle' | 'tab' | 'transparent';
-    collectionSlugs: CollectionSlug[];
-    folderAssignedCollections: CollectionSlug[];
-    onCreateSuccess: (args: {
-        collectionSlug: CollectionSlug;
-        doc: Record<string, unknown>;
-    }) => Promise<void> | void;
-    slugPrefix: string;
-}): React.JSX.Element;
-//# sourceMappingURL=ListCreateNewDocInFolderButton.d.ts.map

package/dist/elements/ListHeader/TitleActions/ListCreateNewDocInFolderButton.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ListCreateNewDocInFolderButton.d.ts","sourceRoot":"","sources":["../../../../src/elements/ListHeader/TitleActions/ListCreateNewDocInFolderButton.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAA0B,cAAc,EAAE,MAAM,SAAS,CAAA;AAIrE,OAAO,KAAK,MAAM,OAAO,CAAA;AAWzB,wBAAgB,8BAA8B,CAAC,EAC7C,WAAW,EACX,UAAoB,EACpB,WAAoB,EACpB,eAAe,EACf,yBAAyB,EACzB,eAAe,EACf,UAAU,GACX,EAAE;IACD,WAAW,EAAE,MAAM,CAAA;IACnB,UAAU,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,CAAA;IACpD,WAAW,CAAC,EACR,OAAO,GACP,YAAY,GACZ,MAAM,GACN,MAAM,GACN,SAAS,GACT,WAAW,GACX,QAAQ,GACR,KAAK,GACL,aAAa,CAAA;IACjB,eAAe,EAAE,cAAc,EAAE,CAAA;IACjC,yBAAyB,EAAE,cAAc,EAAE,CAAA;IAC3C,eAAe,EAAE,CAAC,IAAI,EAAE;QACtB,cAAc,EAAE,cAAc,CAAA;QAC9B,GAAG,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;KAC7B,KAAK,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAA;IAC1B,UAAU,EAAE,MAAM,CAAA;CACnB,qBAyHA"}

package/dist/elements/ListHeader/TitleActions/ListCreateNewDocInFolderButton.js

@@ -1,182 +0,0 @@
-'use client';
-
-import { c as _c } from "react/compiler-runtime";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useModal } from '@faceless-ui/modal';
-import { getTranslation } from '@payloadcms/translations';
-import React from 'react';
-import { useConfig } from '../../../providers/Config/index.js';
-import { useFolder } from '../../../providers/Folders/index.js';
-import { useTranslation } from '../../../providers/Translation/index.js';
-import { Button } from '../../Button/index.js';
-import { DocumentDrawer, useDocumentDrawer } from '../../DocumentDrawer/index.js';
-import { Popup, PopupList } from '../../Popup/index.js';
-const baseClass = 'create-new-doc-in-folder';
-export function ListCreateNewDocInFolderButton(t0) {
-  const $ = _c(24);
-  const {
-    buttonLabel,
-    buttonSize: t1,
-    buttonStyle: t2,
-    collectionSlugs,
-    folderAssignedCollections,
-    onCreateSuccess,
-    slugPrefix
-  } = t0;
-  const buttonSize = t1 === undefined ? "small" : t1;
-  const buttonStyle = t2 === undefined ? "pill" : t2;
-  const newDocInFolderDrawerSlug = `${slugPrefix}-new-doc-in-folder-drawer`;
-  const {
-    i18n
-  } = useTranslation();
-  const {
-    closeModal,
-    openModal
-  } = useModal();
-  const {
-    config
-  } = useConfig();
-  const {
-    folderCollectionConfig,
-    folderCollectionSlug,
-    folderFieldName,
-    folderID
-  } = useFolder();
-  let t3;
-  if ($[0] !== folderCollectionSlug) {
-    t3 = {
-      collectionSlug: folderCollectionSlug
-    };
-    $[0] = folderCollectionSlug;
-    $[1] = t3;
-  } else {
-    t3 = $[1];
-  }
-  const [FolderDocumentDrawer,, t4] = useDocumentDrawer(t3);
-  const {
-    closeDrawer: closeFolderDrawer,
-    openDrawer: openFolderDrawer
-  } = t4;
-  const [createCollectionSlug, setCreateCollectionSlug] = React.useState();
-  let t5;
-  if ($[2] !== collectionSlugs || $[3] !== config) {
-    t5 = () => collectionSlugs.reduce((acc, collectionSlug) => {
-      const collectionConfig = config.collections.find(t6 => {
-        const {
-          slug
-        } = t6;
-        return slug === collectionSlug;
-      });
-      if (collectionConfig) {
-        acc.push(collectionConfig);
-      }
-      return acc;
-    }, []);
-    $[2] = collectionSlugs;
-    $[3] = config;
-    $[4] = t5;
-  } else {
-    t5 = $[4];
-  }
-  const [enabledCollections] = React.useState(t5);
-  if (enabledCollections.length === 0) {
-    return null;
-  }
-  let t6;
-  if ($[5] !== FolderDocumentDrawer || $[6] !== buttonLabel || $[7] !== buttonSize || $[8] !== buttonStyle || $[9] !== closeFolderDrawer || $[10] !== closeModal || $[11] !== collectionSlugs || $[12] !== createCollectionSlug || $[13] !== enabledCollections || $[14] !== folderAssignedCollections || $[15] !== folderCollectionConfig.slug || $[16] !== folderFieldName || $[17] !== folderID || $[18] !== i18n || $[19] !== newDocInFolderDrawerSlug || $[20] !== onCreateSuccess || $[21] !== openFolderDrawer || $[22] !== openModal) {
-    t6 = _jsxs(React.Fragment, {
-      children: [enabledCollections.length === 1 ? _jsx(Button, {
-        buttonStyle,
-        className: `${baseClass}__button`,
-        el: "div",
-        onClick: () => {
-          if (enabledCollections[0].slug === folderCollectionConfig.slug) {
-            openFolderDrawer();
-          } else {
-            setCreateCollectionSlug(enabledCollections[0].slug);
-            openModal(newDocInFolderDrawerSlug);
-          }
-        },
-        size: buttonSize,
-        children: buttonLabel
-      }) : _jsx(Popup, {
-        button: _jsx(Button, {
-          buttonStyle,
-          className: `${baseClass}__popup-button`,
-          el: "div",
-          icon: "chevron",
-          size: buttonSize,
-          children: buttonLabel
-        }),
-        buttonType: "default",
-        className: `${baseClass}__action-popup`,
-        children: _jsx(PopupList.ButtonGroup, {
-          children: enabledCollections.map((collection, index) => _jsx(PopupList.Button, {
-            onClick: () => {
-              if (collection.slug === folderCollectionConfig.slug) {
-                openFolderDrawer();
-              } else {
-                setCreateCollectionSlug(collection.slug);
-                openModal(newDocInFolderDrawerSlug);
-              }
-            },
-            children: getTranslation(collection.labels.singular, i18n)
-          }, index))
-        })
-      }), createCollectionSlug && _jsx(DocumentDrawer, {
-        collectionSlug: createCollectionSlug,
-        drawerSlug: newDocInFolderDrawerSlug,
-        initialData: {
-          [folderFieldName]: folderID
-        },
-        onSave: async t7 => {
-          const {
-            doc
-          } = t7;
-          await onCreateSuccess({
-            collectionSlug: createCollectionSlug,
-            doc
-          });
-          closeModal(newDocInFolderDrawerSlug);
-        },
-        redirectAfterCreate: false
-      }), collectionSlugs.includes(folderCollectionConfig.slug) && _jsx(FolderDocumentDrawer, {
-        initialData: {
-          [folderFieldName]: folderID,
-          folderType: createCollectionSlug ? folderAssignedCollections || [createCollectionSlug] : folderAssignedCollections
-        },
-        onSave: async result => {
-          await onCreateSuccess({
-            collectionSlug: folderCollectionConfig.slug,
-            doc: result.doc
-          });
-          closeFolderDrawer();
-        },
-        redirectAfterCreate: false
-      })]
-    });
-    $[5] = FolderDocumentDrawer;
-    $[6] = buttonLabel;
-    $[7] = buttonSize;
-    $[8] = buttonStyle;
-    $[9] = closeFolderDrawer;
-    $[10] = closeModal;
-    $[11] = collectionSlugs;
-    $[12] = createCollectionSlug;
-    $[13] = enabledCollections;
-    $[14] = folderAssignedCollections;
-    $[15] = folderCollectionConfig.slug;
-    $[16] = folderFieldName;
-    $[17] = folderID;
-    $[18] = i18n;
-    $[19] = newDocInFolderDrawerSlug;
-    $[20] = onCreateSuccess;
-    $[21] = openFolderDrawer;
-    $[22] = openModal;
-    $[23] = t6;
-  } else {
-    t6 = $[23];
-  }
-  return t6;
-}
-//# sourceMappingURL=ListCreateNewDocInFolderButton.js.map

package/dist/elements/ListHeader/TitleActions/ListCreateNewDocInFolderButton.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ListCreateNewDocInFolderButton.js","names":["c","_c","useModal","getTranslation","React","useConfig","useFolder","useTranslation","Button","DocumentDrawer","useDocumentDrawer","Popup","PopupList","baseClass","ListCreateNewDocInFolderButton","t0","$","buttonLabel","buttonSize","t1","buttonStyle","t2","collectionSlugs","folderAssignedCollections","onCreateSuccess","slugPrefix","undefined","newDocInFolderDrawerSlug","i18n","closeModal","openModal","config","folderCollectionConfig","folderCollectionSlug","folderFieldName","folderID","t3","collectionSlug","FolderDocumentDrawer","t4","closeDrawer","closeFolderDrawer","openDrawer","openFolderDrawer","createCollectionSlug","setCreateCollectionSlug","useState","t5","reduce","acc","collectionConfig","collections","find","t6","slug","push","enabledCollections","length","_jsxs","Fragment","children","_jsx","className","el","onClick","size","button","icon","ButtonGroup","map","collection","index","labels","singular","drawerSlug","initialData","onSave","t7","doc","redirectAfterCreate","includes","folderType","result"],"sources":["../../../../src/elements/ListHeader/TitleActions/ListCreateNewDocInFolderButton.tsx"],"sourcesContent":["'use client'\n\nimport type { ClientCollectionConfig, CollectionSlug } from 'payload'\n\nimport { useModal } from '@faceless-ui/modal'\nimport { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\n\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { useFolder } from '../../../providers/Folders/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { Button } from '../../Button/index.js'\nimport { DocumentDrawer, useDocumentDrawer } from '../../DocumentDrawer/index.js'\nimport { Popup, PopupList } from '../../Popup/index.js'\n\nconst baseClass = 'create-new-doc-in-folder'\n\nexport function ListCreateNewDocInFolderButton({\n  buttonLabel,\n  buttonSize = 'small',\n  buttonStyle = 'pill',\n  collectionSlugs,\n  folderAssignedCollections,\n  onCreateSuccess,\n  slugPrefix,\n}: {\n  buttonLabel: string\n  buttonSize?: 'large' | 'medium' | 'small' | 'xsmall'\n  buttonStyle?:\n    | 'error'\n    | 'icon-label'\n    | 'none'\n    | 'pill'\n    | 'primary'\n    | 'secondary'\n    | 'subtle'\n    | 'tab'\n    | 'transparent'\n  collectionSlugs: CollectionSlug[]\n  folderAssignedCollections: CollectionSlug[]\n  onCreateSuccess: (args: {\n    collectionSlug: CollectionSlug\n    doc: Record<string, unknown>\n  }) => Promise<void> | void\n  slugPrefix: string\n}) {\n  const newDocInFolderDrawerSlug = `${slugPrefix}-new-doc-in-folder-drawer`\n  const { i18n } = useTranslation()\n  const { closeModal, openModal } = useModal()\n  const { config } = useConfig()\n  const { folderCollectionConfig, folderCollectionSlug, folderFieldName, folderID } = useFolder()\n  const [FolderDocumentDrawer, , { closeDrawer: closeFolderDrawer, openDrawer: openFolderDrawer }] =\n    useDocumentDrawer({\n      collectionSlug: folderCollectionSlug,\n    })\n  const [createCollectionSlug, setCreateCollectionSlug] = React.useState<string | undefined>()\n  const [enabledCollections] = React.useState<ClientCollectionConfig[]>(() =>\n    collectionSlugs.reduce((acc, collectionSlug) => {\n      const collectionConfig = config.collections.find(({ slug }) => slug === collectionSlug)\n      if (collectionConfig) {\n        acc.push(collectionConfig)\n      }\n      return acc\n    }, []),\n  )\n\n  if (enabledCollections.length === 0) {\n    return null\n  }\n\n  return (\n    <React.Fragment>\n      {enabledCollections.length === 1 ? (\n        // If there is only 1 option, do not render a popup\n        <Button\n          buttonStyle={buttonStyle}\n          className={`${baseClass}__button`}\n          el=\"div\"\n          onClick={() => {\n            if (enabledCollections[0].slug === folderCollectionConfig.slug) {\n              openFolderDrawer()\n            } else {\n              setCreateCollectionSlug(enabledCollections[0].slug)\n              openModal(newDocInFolderDrawerSlug)\n            }\n          }}\n          size={buttonSize}\n        >\n          {buttonLabel}\n        </Button>\n      ) : (\n        <Popup\n          button={\n            <Button\n              buttonStyle={buttonStyle}\n              className={`${baseClass}__popup-button`}\n              el=\"div\"\n              icon=\"chevron\"\n              size={buttonSize}\n            >\n              {buttonLabel}\n            </Button>\n          }\n          buttonType=\"default\"\n          className={`${baseClass}__action-popup`}\n        >\n          <PopupList.ButtonGroup>\n            {enabledCollections.map((collection, index) => {\n              return (\n                <PopupList.Button\n                  key={index}\n                  onClick={() => {\n                    if (collection.slug === folderCollectionConfig.slug) {\n                      openFolderDrawer()\n                    } else {\n                      setCreateCollectionSlug(collection.slug)\n                      openModal(newDocInFolderDrawerSlug)\n                    }\n                  }}\n                >\n                  {getTranslation(collection.labels.singular, i18n)}\n                </PopupList.Button>\n              )\n            })}\n          </PopupList.ButtonGroup>\n        </Popup>\n      )}\n\n      {createCollectionSlug && (\n        <DocumentDrawer\n          collectionSlug={createCollectionSlug}\n          drawerSlug={newDocInFolderDrawerSlug}\n          initialData={{\n            [folderFieldName]: folderID,\n          }}\n          onSave={async ({ doc }) => {\n            await onCreateSuccess({\n              collectionSlug: createCollectionSlug,\n              doc,\n            })\n            closeModal(newDocInFolderDrawerSlug)\n          }}\n          redirectAfterCreate={false}\n        />\n      )}\n\n      {collectionSlugs.includes(folderCollectionConfig.slug) && (\n        <FolderDocumentDrawer\n          initialData={{\n            [folderFieldName]: folderID,\n            folderType: createCollectionSlug\n              ? folderAssignedCollections || [createCollectionSlug]\n              : folderAssignedCollections,\n          }}\n          onSave={async (result) => {\n            await onCreateSuccess({\n              collectionSlug: folderCollectionConfig.slug,\n              doc: result.doc,\n            })\n            closeFolderDrawer()\n          }}\n          redirectAfterCreate={false}\n        />\n      )}\n    </React.Fragment>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/ListHeader/index.scss

@@ -1,48 +0,0 @@
-@import '../../scss/styles.scss';
-
-@layer payload-default {
-  .list-header {
-    display: flex;
-    align-items: flex-end;
-    flex-wrap: wrap;
-
-    &__content {
-      display: grid;
-      grid-template-columns: 1fr auto;
-      width: 100%;
-    }
-
-    &__title-and-actions {
-      display: flex;
-      flex-wrap: wrap;
-      align-items: flex-end;
-      gap: calc(var(--base) * 0.5);
-    }
-
-    &__title {
-      margin: 0;
-    }
-
-    &__title-actions {
-      margin-bottom: 4px;
-      display: flex;
-      gap: calc(var(--base) * 0.5);
-    }
-
-    &__actions {
-      margin-bottom: 4px;
-      display: flex;
-      flex-wrap: wrap;
-      align-items: center;
-      gap: calc(var(--base) * 0.5);
-    }
-
-    &__after-header-content {
-      width: 100%;
-    }
-
-    .btn {
-      margin: 0;
-    }
-  }
-}

package/dist/elements/ListSelection/index.scss

@@ -1,32 +0,0 @@
-@import '../../scss/styles.scss';
-
-@layer payload-default {
-  .list-selection {
-    display: flex;
-    margin-left: auto;
-    color: var(--theme-elevation-500);
-    gap: 0.5em;
-    align-items: center;
-
-    &__actions {
-      display: flex;
-      gap: calc(var(--base) * 0.5);
-    }
-
-    &__button {
-      color: var(--theme-elevation-800);
-      background: unset;
-      text-decoration: underline;
-      cursor: pointer;
-      padding: 0;
-      font-size: inherit;
-      white-space: nowrap;
-      overflow: hidden;
-      text-overflow: ellipsis;
-    }
-
-    @include small-break {
-      margin-bottom: base(0.5);
-    }
-  }
-}

package/dist/elements/LivePreview/Toggler/index.scss

@@ -1,48 +0,0 @@
-@import '../../../scss/styles.scss';
-
-@layer payload-default {
-  .live-preview-toggler {
-    background: none;
-    border: none;
-    border: 1px solid;
-    border-color: var(--theme-elevation-100);
-    border-radius: var(--style-radius-s);
-    line-height: var(--btn-line-height);
-    font-size: var(--base-body-size);
-    padding: calc(var(--base) * 0.2) calc(var(--base) * 0.4);
-    cursor: pointer;
-    transition-property: border, color, background;
-    transition-duration: 100ms;
-    transition-timing-function: cubic-bezier(0, 0.2, 0.2, 1);
-    height: calc(var(--base) * 1.6);
-    width: calc(var(--base) * 1.6);
-    position: relative;
-
-    .icon {
-      position: absolute;
-      top: 50%;
-      left: 50%;
-      transform: translate(-50%, -50%);
-
-      .stroke {
-        transition-property: stroke;
-        transition-duration: 100ms;
-        transition-timing-function: cubic-bezier(0, 0.2, 0.2, 1);
-      }
-    }
-
-    &:hover {
-      border-color: var(--theme-elevation-300);
-      background-color: var(--theme-elevation-100);
-    }
-
-    &--active {
-      background-color: var(--theme-elevation-100);
-      border-color: var(--theme-elevation-200);
-
-      &:hover {
-        background-color: var(--theme-elevation-200);
-      }
-    }
-  }
-}

package/dist/elements/LivePreview/Toolbar/Controls/index.scss

@@ -1,61 +0,0 @@
-@import '../../../../scss/styles.scss';
-
-@layer payload-default {
-  .live-preview-toolbar-controls {
-    display: flex;
-    align-items: center;
-    gap: calc(var(--base) / 3);
-
-    &__breakpoint {
-      border: none;
-      background: transparent;
-      height: var(--base);
-
-      &:focus {
-        outline: none;
-      }
-    }
-
-    &__device-size {
-      display: flex;
-      align-items: center;
-    }
-
-    &__size {
-      width: 50px;
-      height: var(--base);
-      display: flex;
-      align-items: center;
-      border: 1px solid var(--theme-elevation-200);
-      background: var(--theme-elevation-100);
-      border-radius: 2px;
-      font-size: small;
-    }
-
-    &__zoom {
-      width: 55px;
-      border: none;
-      background: transparent;
-      height: var(--base);
-
-      &:focus {
-        outline: none;
-      }
-    }
-
-    &__external {
-      flex-shrink: 0;
-      display: flex;
-      width: var(--base);
-      height: var(--base);
-      align-items: center;
-      justify-content: center;
-      padding: 6px 0;
-    }
-
-    .popup-button {
-      display: flex;
-      align-items: center;
-    }
-  }
-}

package/dist/elements/LivePreview/Toolbar/SizeInput/index.scss

@@ -1,12 +0,0 @@
-@layer payload-default {
-  .toolbar-input {
-    width: 50px;
-    height: var(--base);
-    display: flex;
-    align-items: center;
-    border: 1px solid var(--theme-elevation-200);
-    background: var(--theme-elevation-100);
-    border-radius: 2px;
-    font-size: small;
-  }
-}

package/dist/elements/LivePreview/Toolbar/index.scss

@@ -1,43 +0,0 @@
-@import '../../../scss/styles.scss';
-
-@layer payload-default {
-  .live-preview-toolbar {
-    display: flex;
-    background-color: var(--theme-bg);
-    color: var(--theme-text);
-    height: calc(var(--base) * 1.75);
-    align-items: center;
-    flex-shrink: 0;
-
-    &--static {
-      position: relative;
-      width: 100%;
-      justify-content: center;
-      border-bottom: 1px solid var(--theme-elevation-100);
-    }
-
-    &--draggable {
-      @include shadow-lg;
-      position: absolute;
-      top: 0;
-      left: 0;
-      margin: 0;
-      border-radius: 4px;
-    }
-
-    &__drag-handle {
-      background: transparent;
-      border: 0;
-      padding: 0;
-      cursor: grab;
-
-      .icon--drag-handle .fill {
-        fill: var(--theme-elevation-300);
-      }
-
-      &:active {
-        cursor: grabbing;
-      }
-    }
-  }
-}