@payloadcms/ui 4.0.0-internal.a7ca468 → 4.0.0-internal.af6aad0

package/dist/elements/DefaultListViewTabs/index.js

@@ -9,10 +9,11 @@ import { usePreferences } from '../../providers/Preferences/index.js';
 import { useRouter } from '../../providers/RouterAdapter/index.js';
 import { useTranslation } from '../../providers/Translation/index.js';
 import { Button } from '../Button/index.js';
+import { getFolderHierarchySlug } from '../Hierarchy/getFolderHierarchySlug.js';
 import './index.css';
 const baseClass = 'default-list-view-tabs';
 export const DefaultListViewTabs = t0 => {
-  const $ = _c(24);
+  const $ = _c(31);
   const {
     collectionConfig,
     config,
@@ -28,27 +29,48 @@ export const DefaultListViewTabs = t0 => {
   } = usePreferences();
   const router = useRouter();
   const isTrashEnabled = collectionConfig.trash;
-  const isHierarchyEnabled = Boolean(collectionConfig.hierarchy);
+  let t1;
+  if ($[0] !== collectionConfig.slug || $[1] !== config.collections) {
+    t1 = getFolderHierarchySlug(config.collections, collectionConfig.slug);
+    $[0] = collectionConfig.slug;
+    $[1] = config.collections;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  const folderHierarchySlug = t1;
+  let t2;
+  if ($[3] !== collectionConfig || $[4] !== config.collections || $[5] !== folderHierarchySlug) {
+    t2 = collectionConfig.hierarchy ? collectionConfig : config.collections.find(collection => collection.slug === folderHierarchySlug);
+    $[3] = collectionConfig;
+    $[4] = config.collections;
+    $[5] = folderHierarchySlug;
+    $[6] = t2;
+  } else {
+    t2 = $[6];
+  }
+  const hierarchyCollectionConfig = t2;
+  const isHierarchyEnabled = Boolean(hierarchyCollectionConfig);
   if (!isTrashEnabled && !isHierarchyEnabled) {
     return null;
   }
-  let t1;
-  if ($[0] !== collectionConfig.slug || $[1] !== config || $[2] !== onChange || $[3] !== router || $[4] !== setPreference) {
-    t1 = async newViewType => {
+  let t3;
+  if ($[7] !== collectionConfig.slug || $[8] !== config.routes || $[9] !== onChange || $[10] !== router || $[11] !== setPreference) {
+    t3 = async newViewType => {
       if (onChange) {
         onChange(newViewType);
       }
       if (newViewType === "list" || newViewType === "hierarchy") {
         await setPreference(`collection-${collectionConfig.slug}`, {
           listViewType: newViewType
-        });
+        }, true);
       }
       let path = `/collections/${collectionConfig.slug}`;
-      bb17: switch (newViewType) {
+      bb23: switch (newViewType) {
         case "hierarchy":
           {
             path = `/collections/${collectionConfig.slug}/hierarchy`;
-            break bb17;
+            break bb23;
           }
         case "trash":
           {
@@ -61,64 +83,64 @@ export const DefaultListViewTabs = t0 => {
       });
       router.push(url);
     };
-    $[0] = collectionConfig.slug;
-    $[1] = config;
-    $[2] = onChange;
-    $[3] = router;
-    $[4] = setPreference;
-    $[5] = t1;
+    $[7] = collectionConfig.slug;
+    $[8] = config.routes;
+    $[9] = onChange;
+    $[10] = router;
+    $[11] = setPreference;
+    $[12] = t3;
   } else {
-    t1 = $[5];
+    t3 = $[12];
   }
-  const handleViewChange = t1;
-  const t2 = collectionConfig?.labels?.plural;
-  let t3;
-  if ($[6] !== i18n || $[7] !== t2) {
-    t3 = getTranslation(t2, i18n);
-    $[6] = i18n;
-    $[7] = t2;
-    $[8] = t3;
+  const handleViewChange = t3;
+  const t4 = collectionConfig?.labels?.plural;
+  let t5;
+  if ($[13] !== i18n || $[14] !== t4) {
+    t5 = getTranslation(t4, i18n);
+    $[13] = i18n;
+    $[14] = t4;
+    $[15] = t5;
   } else {
-    t3 = $[8];
+    t5 = $[15];
   }
-  const collectionLabel = t3;
+  const collectionLabel = t5;
   const allButtonLabel = `${t("general:all")} ${collectionLabel}`;
-  let t4;
-  if ($[9] !== allButtonLabel || $[10] !== collectionConfig.labels?.singular || $[11] !== collectionLabel || $[12] !== handleViewChange || $[13] !== i18n || $[14] !== isHierarchyEnabled || $[15] !== isTrashEnabled || $[16] !== t || $[17] !== viewType) {
-    let t5;
-    if ($[19] === Symbol.for("react.memo_cache_sentinel")) {
-      t5 = /\s+/g;
-      $[19] = t5;
+  let t6;
+  if ($[16] !== allButtonLabel || $[17] !== collectionLabel || $[18] !== handleViewChange || $[19] !== hierarchyCollectionConfig?.labels?.singular || $[20] !== i18n || $[21] !== isHierarchyEnabled || $[22] !== isTrashEnabled || $[23] !== t || $[24] !== viewType) {
+    let t7;
+    if ($[26] === Symbol.for("react.memo_cache_sentinel")) {
+      t7 = /\s+/g;
+      $[26] = t7;
     } else {
-      t5 = $[19];
+      t7 = $[26];
     }
-    const allButtonId = allButtonLabel.toLowerCase().replace(t5, "-");
-    const t6 = viewType === "list" && `${baseClass}__button--active`;
-    let t7;
-    if ($[20] !== t6) {
-      t7 = [`${baseClass}__button`, t6].filter(Boolean);
-      $[20] = t6;
-      $[21] = t7;
+    const allButtonId = allButtonLabel.toLowerCase().replace(t7, "-");
+    const t8 = viewType === "list" && `${baseClass}__button--active`;
+    let t9;
+    if ($[27] !== t8) {
+      t9 = [`${baseClass}__button`, t8].filter(Boolean);
+      $[27] = t8;
+      $[28] = t9;
     } else {
-      t7 = $[21];
+      t9 = $[28];
     }
-    let t8;
-    if ($[22] !== handleViewChange) {
-      t8 = () => handleViewChange("list");
-      $[22] = handleViewChange;
-      $[23] = t8;
+    let t10;
+    if ($[29] !== handleViewChange) {
+      t10 = () => handleViewChange("list");
+      $[29] = handleViewChange;
+      $[30] = t10;
     } else {
-      t8 = $[23];
+      t10 = $[30];
     }
-    t4 = _jsxs("div", {
+    t6 = _jsxs("div", {
       className: baseClass,
       children: [_jsx(Button, {
         buttonStyle: viewType === "list" ? "pill" : "ghost",
-        className: t7.join(" "),
+        className: t9.join(" "),
         disabled: viewType === "list",
         el: "button",
         id: allButtonId,
-        onClick: t8,
+        onClick: t10,
         children: `${t("general:all")} ${collectionLabel}`
       }), isHierarchyEnabled && _jsx(Button, {
         buttonStyle: viewType === "hierarchy" ? "pill" : "ghost",
@@ -127,7 +149,7 @@ export const DefaultListViewTabs = t0 => {
         el: "button",
         id: "hierarchy-view-pill",
         onClick: () => handleViewChange("hierarchy"),
-        children: `${t("general:by")} ${getTranslation(collectionConfig?.labels?.singular, i18n)}`
+        children: `${t("general:by")} ${getTranslation(hierarchyCollectionConfig?.labels?.singular, i18n)}`
       }), isTrashEnabled && _jsx(Button, {
         buttonStyle: viewType === "trash" ? "pill" : "ghost",
         className: [`${baseClass}__button`, viewType === "trash" && `${baseClass}__button--active`].filter(Boolean).join(" "),
@@ -138,19 +160,19 @@ export const DefaultListViewTabs = t0 => {
         children: t("general:trash")
       })]
     });
-    $[9] = allButtonLabel;
-    $[10] = collectionConfig.labels?.singular;
-    $[11] = collectionLabel;
-    $[12] = handleViewChange;
-    $[13] = i18n;
-    $[14] = isHierarchyEnabled;
-    $[15] = isTrashEnabled;
-    $[16] = t;
-    $[17] = viewType;
-    $[18] = t4;
+    $[16] = allButtonLabel;
+    $[17] = collectionLabel;
+    $[18] = handleViewChange;
+    $[19] = hierarchyCollectionConfig?.labels?.singular;
+    $[20] = i18n;
+    $[21] = isHierarchyEnabled;
+    $[22] = isTrashEnabled;
+    $[23] = t;
+    $[24] = viewType;
+    $[25] = t6;
   } else {
-    t4 = $[18];
+    t6 = $[25];
   }
-  return t4;
+  return t6;
 };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","getTranslation","formatAdminURL","React","usePreferences","useRouter","useTranslation","Button","baseClass","DefaultListViewTabs","t0","$","collectionConfig","config","onChange","viewType","i18n","t","setPreference","router","isTrashEnabled","trash","isHierarchyEnabled","Boolean","hierarchy","t1","slug","newViewType","listViewType","path","bb17","url","adminRoute","routes","admin","push","handleViewChange","t2","labels","plural","t3","collectionLabel","allButtonLabel","t4","singular","t5","Symbol","for","allButtonId","toLowerCase","replace","t6","t7","filter","t8","_jsxs","className","children","_jsx","buttonStyle","join","disabled","el","id","onClick"],"sources":["../../../src/elements/DefaultListViewTabs/index.tsx"],"sourcesContent":["'use client'\n\nimport type { ClientCollectionConfig, ClientConfig, ViewTypes } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { formatAdminURL } from 'payload/shared'\nimport React from 'react'\n\nimport { usePreferences } from '../../providers/Preferences/index.js'\nimport { useRouter } from '../../providers/RouterAdapter/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { Button } from '../Button/index.js'\nimport './index.css'\n\nconst baseClass = 'default-list-view-tabs'\n\ntype DefaultListViewTabsProps = {\n  collectionConfig: ClientCollectionConfig\n  config: ClientConfig\n  onChange?: (viewType: ViewTypes) => void\n  viewType?: ViewTypes\n}\n\nexport const DefaultListViewTabs: React.FC<DefaultListViewTabsProps> = ({\n  collectionConfig,\n  config,\n  onChange,\n  viewType,\n}) => {\n  const { i18n, t } = useTranslation()\n  const { setPreference } = usePreferences()\n  const router = useRouter()\n  const isTrashEnabled = collectionConfig.trash\n  const isHierarchyEnabled = Boolean(collectionConfig.hierarchy)\n\n  if (!isTrashEnabled && !isHierarchyEnabled) {\n    return null\n  }\n\n  const handleViewChange = async (newViewType: ViewTypes) => {\n    if (onChange) {\n      onChange(newViewType)\n    }\n\n    // Save preference for list vs hierarchy (not trash)\n    if (newViewType === 'list' || newViewType === 'hierarchy') {\n      await setPreference(`collection-${collectionConfig.slug}`, {\n        listViewType: newViewType,\n      })\n    }\n\n    let path: `/${string}` = `/collections/${collectionConfig.slug}`\n    switch (newViewType) {\n      case 'hierarchy':\n        path = `/collections/${collectionConfig.slug}/hierarchy`\n        break\n      case 'trash':\n        path = `/collections/${collectionConfig.slug}/trash`\n        break\n    }\n\n    const url = formatAdminURL({\n      adminRoute: config.routes.admin,\n      path,\n    })\n\n    router.push(url)\n  }\n\n  const collectionLabel = getTranslation(collectionConfig?.labels?.plural, i18n)\n  const allButtonLabel = `${t('general:all')} ${collectionLabel}`\n  const allButtonId = allButtonLabel.toLowerCase().replace(/\\s+/g, '-')\n\n  return (\n    <div className={baseClass}>\n      <Button\n        buttonStyle={viewType === 'list' ? 'pill' : 'ghost'}\n        className={[`${baseClass}__button`, viewType === 'list' && `${baseClass}__button--active`]\n          .filter(Boolean)\n          .join(' ')}\n        disabled={viewType === 'list'}\n        el=\"button\"\n        id={allButtonId}\n        onClick={() => handleViewChange('list')}\n      >\n        {`${t('general:all')} ${collectionLabel}`}\n      </Button>\n\n      {isHierarchyEnabled && (\n        <Button\n          buttonStyle={viewType === 'hierarchy' ? 'pill' : 'ghost'}\n          className={[\n            `${baseClass}__button`,\n            viewType === 'hierarchy' && `${baseClass}__button--active`,\n          ]\n            .filter(Boolean)\n            .join(' ')}\n          disabled={viewType === 'hierarchy'}\n          el=\"button\"\n          id=\"hierarchy-view-pill\"\n          onClick={() => handleViewChange('hierarchy')}\n        >\n          {`${t('general:by')} ${getTranslation(collectionConfig?.labels?.singular, i18n)}`}\n        </Button>\n      )}\n\n      {isTrashEnabled && (\n        <Button\n          buttonStyle={viewType === 'trash' ? 'pill' : 'ghost'}\n          className={[\n            `${baseClass}__button`,\n            viewType === 'trash' && `${baseClass}__button--active`,\n          ]\n            .filter(Boolean)\n            .join(' ')}\n          disabled={viewType === 'trash'}\n          el=\"button\"\n          id=\"trash-view-pill\"\n          onClick={() => handleViewChange('trash')}\n        >\n          {t('general:trash')}\n        </Button>\n      )}\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","getTranslation","formatAdminURL","React","usePreferences","useRouter","useTranslation","Button","getFolderHierarchySlug","baseClass","DefaultListViewTabs","t0","$","collectionConfig","config","onChange","viewType","i18n","t","setPreference","router","isTrashEnabled","trash","t1","slug","collections","folderHierarchySlug","t2","hierarchy","find","collection","hierarchyCollectionConfig","isHierarchyEnabled","Boolean","t3","routes","newViewType","listViewType","path","bb23","url","adminRoute","admin","push","handleViewChange","t4","labels","plural","t5","collectionLabel","allButtonLabel","t6","singular","t7","Symbol","for","allButtonId","toLowerCase","replace","t8","t9","filter","t10","_jsxs","className","children","_jsx","buttonStyle","join","disabled","el","id","onClick"],"sources":["../../../src/elements/DefaultListViewTabs/index.tsx"],"sourcesContent":["'use client'\n\nimport type { ClientCollectionConfig, ClientConfig, ViewTypes } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { formatAdminURL } from 'payload/shared'\nimport React from 'react'\n\nimport { usePreferences } from '../../providers/Preferences/index.js'\nimport { useRouter } from '../../providers/RouterAdapter/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { Button } from '../Button/index.js'\nimport { getFolderHierarchySlug } from '../Hierarchy/getFolderHierarchySlug.js'\nimport './index.css'\n\nconst baseClass = 'default-list-view-tabs'\n\ntype DefaultListViewTabsProps = {\n  collectionConfig: ClientCollectionConfig\n  config: ClientConfig\n  onChange?: (viewType: ViewTypes) => void\n  viewType?: ViewTypes\n}\n\nexport const DefaultListViewTabs: React.FC<DefaultListViewTabsProps> = ({\n  collectionConfig,\n  config,\n  onChange,\n  viewType,\n}) => {\n  const { i18n, t } = useTranslation()\n  const { setPreference } = usePreferences()\n  const router = useRouter()\n  const isTrashEnabled = collectionConfig.trash\n\n  // The collection either owns a tree (Folders) or belongs to one via a folder field (Media). Both\n  // get the pill, and the pill is labelled after whichever collection owns the tree.\n  const folderHierarchySlug = getFolderHierarchySlug(config.collections, collectionConfig.slug)\n  const hierarchyCollectionConfig = collectionConfig.hierarchy\n    ? collectionConfig\n    : config.collections.find((collection) => collection.slug === folderHierarchySlug)\n  const isHierarchyEnabled = Boolean(hierarchyCollectionConfig)\n\n  if (!isTrashEnabled && !isHierarchyEnabled) {\n    return null\n  }\n\n  const handleViewChange = async (newViewType: ViewTypes) => {\n    if (onChange) {\n      onChange(newViewType)\n    }\n\n    // Save preference for list vs hierarchy (not trash)\n    // merge: true, otherwise this write replaces the entire preference value for\n    // the key, discarding the user's saved columns/sort/limit/preset/groupBy.\n    if (newViewType === 'list' || newViewType === 'hierarchy') {\n      await setPreference(\n        `collection-${collectionConfig.slug}`,\n        {\n          listViewType: newViewType,\n        },\n        true,\n      )\n    }\n\n    let path: `/${string}` = `/collections/${collectionConfig.slug}`\n    switch (newViewType) {\n      case 'hierarchy':\n        path = `/collections/${collectionConfig.slug}/hierarchy`\n        break\n      case 'trash':\n        path = `/collections/${collectionConfig.slug}/trash`\n        break\n    }\n\n    const url = formatAdminURL({\n      adminRoute: config.routes.admin,\n      path,\n    })\n\n    router.push(url)\n  }\n\n  const collectionLabel = getTranslation(collectionConfig?.labels?.plural, i18n)\n  const allButtonLabel = `${t('general:all')} ${collectionLabel}`\n  const allButtonId = allButtonLabel.toLowerCase().replace(/\\s+/g, '-')\n\n  return (\n    <div className={baseClass}>\n      <Button\n        buttonStyle={viewType === 'list' ? 'pill' : 'ghost'}\n        className={[`${baseClass}__button`, viewType === 'list' && `${baseClass}__button--active`]\n          .filter(Boolean)\n          .join(' ')}\n        disabled={viewType === 'list'}\n        el=\"button\"\n        id={allButtonId}\n        onClick={() => handleViewChange('list')}\n      >\n        {`${t('general:all')} ${collectionLabel}`}\n      </Button>\n\n      {isHierarchyEnabled && (\n        <Button\n          buttonStyle={viewType === 'hierarchy' ? 'pill' : 'ghost'}\n          className={[\n            `${baseClass}__button`,\n            viewType === 'hierarchy' && `${baseClass}__button--active`,\n          ]\n            .filter(Boolean)\n            .join(' ')}\n          disabled={viewType === 'hierarchy'}\n          el=\"button\"\n          id=\"hierarchy-view-pill\"\n          onClick={() => handleViewChange('hierarchy')}\n        >\n          {`${t('general:by')} ${getTranslation(hierarchyCollectionConfig?.labels?.singular, i18n)}`}\n        </Button>\n      )}\n\n      {isTrashEnabled && (\n        <Button\n          buttonStyle={viewType === 'trash' ? 'pill' : 'ghost'}\n          className={[\n            `${baseClass}__button`,\n            viewType === 'trash' && `${baseClass}__button--active`,\n          ]\n            .filter(Boolean)\n            .join(' ')}\n          disabled={viewType === 'trash'}\n          el=\"button\"\n          id=\"trash-view-pill\"\n          onClick={() => handleViewChange('trash')}\n        >\n          {t('general:trash')}\n        </Button>\n      )}\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/DocumentDrawer/types.d.ts

@@ -29,7 +29,7 @@ export type DocumentDrawerProps = {
     readonly redirectAfterRestore?: boolean;
 } & Pick<DocumentDrawerContextProps, 'onDelete' | 'onDuplicate' | 'onSave'> & Pick<DrawerProps, 'Header'>;
 export type DocumentTogglerProps = {
-    readonly buttonStyle?: 'dashed' | 'destructive' | 'ghost' | 'pill' | 'primary' | 'secondary';
+    readonly buttonStyle?: 'dashed' | 'destructive' | 'ghost' | 'link' | 'pill' | 'primary' | 'secondary';
     readonly children?: React.ReactNode;
     readonly className?: string;
     readonly collectionSlug: string;

package/dist/elements/DocumentDrawer/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/elements/DocumentDrawer/types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/elements/DocumentDrawer/types.ts"],"names":[],"mappings":"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"}

package/dist/elements/DocumentDrawer/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":[],"sources":["../../../src/elements/DocumentDrawer/types.ts"],"sourcesContent":["import type { Data, DefaultDocumentIDType, FormState, Operation } from 'payload'\nimport type React from 'react'\nimport type { HTMLAttributes } from 'react'\n\nimport type { Props as DrawerProps } from '../Drawer/types.js'\nimport type { DocumentDrawerContextProps } from './Provider.js'\n\nexport type DocumentDrawerProps = {\n  readonly AfterFields?: React.ReactNode\n  /**\n   * The slug of the collection to which the document belongs.\n   */\n  readonly collectionSlug: string\n  readonly disableActions?: boolean\n  readonly drawerSlug?: string\n  /**\n   * The ID of the document to be edited.\n   * When provided, will be fetched and displayed in the drawer.\n   * If omitted, will render the \"create new\" view for the given collection.\n   */\n  readonly id?: DefaultDocumentIDType | null\n  readonly initialData?: Data\n  /**\n   * @deprecated\n   */\n  readonly initialState?: FormState\n  readonly overrideEntityVisibility?: boolean\n  readonly redirectAfterCreate?: boolean\n  readonly redirectAfterDelete?: boolean\n  readonly redirectAfterDuplicate?: boolean\n  readonly redirectAfterRestore?: boolean\n} & Pick<DocumentDrawerContextProps, 'onDelete' | 'onDuplicate' | 'onSave'> &\n  Pick<DrawerProps, 'Header'>\n\nexport type DocumentTogglerProps = {\n  readonly buttonStyle?: 'dashed' | 'destructive' | 'ghost' | 'pill' | 'primary' | 'secondary'\n  readonly children?: React.ReactNode\n  readonly className?: string\n  readonly collectionSlug: string\n  readonly disabled?: boolean\n  readonly drawerSlug?: string\n  readonly extraButtonProps?: Record<string, any>\n  readonly onClick?: () => void\n  readonly operation: Operation\n  readonly tooltip?: string\n} & Readonly<HTMLAttributes<HTMLButtonElement>>\n\nexport type UseDocumentDrawerContext = {\n  closeDrawer: () => void\n  drawerDepth: number\n  drawerSlug: string\n  isDrawerOpen: boolean\n  openDrawer: () => void\n  toggleDrawer: () => void\n}\n\nexport type UseDocumentDrawer = (\n  args: {\n    /**\n     * Optional custom drawer slug. If provided, this will be used instead of auto-generating one.\n     * Useful for ensuring stable slugs in contexts where component remounting can cause issues.\n     */\n    drawerSlug?: string\n  } & Pick<DocumentDrawerProps, 'collectionSlug' | 'id' | 'overrideEntityVisibility'>,\n) => [\n  // drawer\n  React.FC<\n    {\n      children?: React.ReactNode\n    } & Omit<DocumentDrawerProps, 'collectionSlug' | 'operation'>\n  >,\n  // toggler\n  React.FC<\n    {\n      children?: React.ReactNode\n    } & Omit<DocumentTogglerProps, 'collectionSlug' | 'operation'>\n  >,\n  // context\n  UseDocumentDrawerContext,\n]\n"],"mappings":"AAwDA","ignoreList":[]}
+{"version":3,"file":"types.js","names":[],"sources":["../../../src/elements/DocumentDrawer/types.ts"],"sourcesContent":["import type { Data, DefaultDocumentIDType, FormState, Operation } from 'payload'\nimport type React from 'react'\nimport type { HTMLAttributes } from 'react'\n\nimport type { Props as DrawerProps } from '../Drawer/types.js'\nimport type { DocumentDrawerContextProps } from './Provider.js'\n\nexport type DocumentDrawerProps = {\n  readonly AfterFields?: React.ReactNode\n  /**\n   * The slug of the collection to which the document belongs.\n   */\n  readonly collectionSlug: string\n  readonly disableActions?: boolean\n  readonly drawerSlug?: string\n  /**\n   * The ID of the document to be edited.\n   * When provided, will be fetched and displayed in the drawer.\n   * If omitted, will render the \"create new\" view for the given collection.\n   */\n  readonly id?: DefaultDocumentIDType | null\n  readonly initialData?: Data\n  /**\n   * @deprecated\n   */\n  readonly initialState?: FormState\n  readonly overrideEntityVisibility?: boolean\n  readonly redirectAfterCreate?: boolean\n  readonly redirectAfterDelete?: boolean\n  readonly redirectAfterDuplicate?: boolean\n  readonly redirectAfterRestore?: boolean\n} & Pick<DocumentDrawerContextProps, 'onDelete' | 'onDuplicate' | 'onSave'> &\n  Pick<DrawerProps, 'Header'>\n\nexport type DocumentTogglerProps = {\n  readonly buttonStyle?:\n    | 'dashed'\n    | 'destructive'\n    | 'ghost'\n    | 'link'\n    | 'pill'\n    | 'primary'\n    | 'secondary'\n  readonly children?: React.ReactNode\n  readonly className?: string\n  readonly collectionSlug: string\n  readonly disabled?: boolean\n  readonly drawerSlug?: string\n  readonly extraButtonProps?: Record<string, any>\n  readonly onClick?: () => void\n  readonly operation: Operation\n  readonly tooltip?: string\n} & Readonly<HTMLAttributes<HTMLButtonElement>>\n\nexport type UseDocumentDrawerContext = {\n  closeDrawer: () => void\n  drawerDepth: number\n  drawerSlug: string\n  isDrawerOpen: boolean\n  openDrawer: () => void\n  toggleDrawer: () => void\n}\n\nexport type UseDocumentDrawer = (\n  args: {\n    /**\n     * Optional custom drawer slug. If provided, this will be used instead of auto-generating one.\n     * Useful for ensuring stable slugs in contexts where component remounting can cause issues.\n     */\n    drawerSlug?: string\n  } & Pick<DocumentDrawerProps, 'collectionSlug' | 'id' | 'overrideEntityVisibility'>,\n) => [\n  // drawer\n  React.FC<\n    {\n      children?: React.ReactNode\n    } & Omit<DocumentDrawerProps, 'collectionSlug' | 'operation'>\n  >,\n  // toggler\n  React.FC<\n    {\n      children?: React.ReactNode\n    } & Omit<DocumentTogglerProps, 'collectionSlug' | 'operation'>\n  >,\n  // context\n  UseDocumentDrawerContext,\n]\n"],"mappings":"AA+DA","ignoreList":[]}

package/dist/elements/Drawer/index.css

@@ -6,13 +6,13 @@
     position: fixed;
     inset: 0;
 
-    --gutter-h: var(--spacer-4);
+    --gutter-h: var(--spacer-3);
     --gutter-v: var(--spacer-4);
   }
 
-  @media (max-width: 768px) {
+  @media (min-width: 768px) {
     .drawer {
-      --gutter-h: var(--spacer-3);
+      --gutter-h: var(--spacer-4);
     }
   }
 
@@ -33,7 +33,7 @@
     position: relative;
     z-index: 2;
     width: clamp(600px, 40vw, 1080px);
-    max-width: 100vw;
+    max-width: calc(100vw - var(--spacer-3));
     background-color: var(--color-bg);
     box-shadow: var(--elevation-400-menu-panel);
     container: drawer / inline-size;
@@ -41,6 +41,12 @@
     transition: transform 100ms ease-out;
   }
 
+  @media (min-width: 768px) {
+    .drawer__content {
+      max-width: 100vw;
+    }
+  }
+
   .drawer__content-children {
     position: relative;
     z-index: 1;

package/dist/elements/Drawer/types.d.ts

@@ -3,7 +3,7 @@ export type DrawerHeaderAction = {
     readonly disabled?: boolean;
     readonly label: string;
     readonly onClick: () => void;
-    readonly style?: 'dashed' | 'destructive' | 'ghost' | 'pill' | 'primary' | 'secondary';
+    readonly style?: 'dashed' | 'destructive' | 'ghost' | 'link' | 'pill' | 'primary' | 'secondary';
 };
 export type Props = {
     readonly children: React.ReactNode;
@@ -15,7 +15,7 @@ export type Props = {
     readonly title?: string;
 };
 export type TogglerProps = {
-    buttonStyle?: 'dashed' | 'destructive' | 'ghost' | 'pill' | 'primary' | 'secondary';
+    buttonStyle?: 'dashed' | 'destructive' | 'ghost' | 'link' | 'pill' | 'primary' | 'secondary';
     children: React.ReactNode;
     className?: string;
     disabled?: boolean;

package/dist/elements/Drawer/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/elements/Drawer/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAE3C,MAAM,MAAM,kBAAkB,GAAG;IAC/B,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAC3B,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,OAAO,EAAE,MAAM,IAAI,CAAA;IAC5B,QAAQ,CAAC,KAAK,CAAC,EAAE,QAAQ,GAAG,aAAa,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,GAAG,WAAW,CAAA;CACvF,CAAA;AAED,MAAM,MAAM,KAAK,GAAG;IAClB,QAAQ,CAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IAClC,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACjC,QAAQ,CAAC,aAAa,CAAC,EAAE,aAAa,CAAC,kBAAkB,CAAC,CAAA;IAC1D,QAAQ,CAAC,UAAU,CAAC,EAAE,OAAO,CAAA;IAC7B,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CACxB,CAAA;AAED,MAAM,MAAM,YAAY,GAAG;IACzB,WAAW,CAAC,EAAE,QAAQ,GAAG,aAAa,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,GAAG,WAAW,CAAA;IACnF,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,gBAAgB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IACtC,IAAI,EAAE,MAAM,CAAA;IACZ,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB,GAAG,cAAc,CAAC,iBAAiB,CAAC,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/elements/Drawer/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAE3C,MAAM,MAAM,kBAAkB,GAAG;IAC/B,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAC3B,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,OAAO,EAAE,MAAM,IAAI,CAAA;IAC5B,QAAQ,CAAC,KAAK,CAAC,EAAE,QAAQ,GAAG,aAAa,GAAG,OAAO,GAAG,MAAM,GAAG,MAAM,GAAG,SAAS,GAAG,WAAW,CAAA;CAChG,CAAA;AAED,MAAM,MAAM,KAAK,GAAG;IAClB,QAAQ,CAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IAClC,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACjC,QAAQ,CAAC,aAAa,CAAC,EAAE,aAAa,CAAC,kBAAkB,CAAC,CAAA;IAC1D,QAAQ,CAAC,UAAU,CAAC,EAAE,OAAO,CAAA;IAC7B,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CACxB,CAAA;AAED,MAAM,MAAM,YAAY,GAAG;IACzB,WAAW,CAAC,EAAE,QAAQ,GAAG,aAAa,GAAG,OAAO,GAAG,MAAM,GAAG,MAAM,GAAG,SAAS,GAAG,WAAW,CAAA;IAC5F,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,gBAAgB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IACtC,IAAI,EAAE,MAAM,CAAA;IACZ,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB,GAAG,cAAc,CAAC,iBAAiB,CAAC,CAAA"}

package/dist/elements/Drawer/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":[],"sources":["../../../src/elements/Drawer/types.ts"],"sourcesContent":["import type { HTMLAttributes } from 'react'\n\nexport type DrawerHeaderAction = {\n  readonly disabled?: boolean\n  readonly label: string\n  readonly onClick: () => void\n  readonly style?: 'dashed' | 'destructive' | 'ghost' | 'pill' | 'primary' | 'secondary'\n}\n\nexport type Props = {\n  readonly children: React.ReactNode\n  readonly className?: string\n  readonly Header?: React.ReactNode\n  readonly headerActions?: ReadonlyArray<DrawerHeaderAction>\n  readonly hoverTitle?: boolean\n  readonly slug: string\n  readonly title?: string\n}\n\nexport type TogglerProps = {\n  buttonStyle?: 'dashed' | 'destructive' | 'ghost' | 'pill' | 'primary' | 'secondary'\n  children: React.ReactNode\n  className?: string\n  disabled?: boolean\n  extraButtonProps?: Record<string, any>\n  slug: string\n  tooltip?: string\n} & HTMLAttributes<HTMLButtonElement>\n"],"mappings":"AAmBA","ignoreList":[]}
+{"version":3,"file":"types.js","names":[],"sources":["../../../src/elements/Drawer/types.ts"],"sourcesContent":["import type { HTMLAttributes } from 'react'\n\nexport type DrawerHeaderAction = {\n  readonly disabled?: boolean\n  readonly label: string\n  readonly onClick: () => void\n  readonly style?: 'dashed' | 'destructive' | 'ghost' | 'link' | 'pill' | 'primary' | 'secondary'\n}\n\nexport type Props = {\n  readonly children: React.ReactNode\n  readonly className?: string\n  readonly Header?: React.ReactNode\n  readonly headerActions?: ReadonlyArray<DrawerHeaderAction>\n  readonly hoverTitle?: boolean\n  readonly slug: string\n  readonly title?: string\n}\n\nexport type TogglerProps = {\n  buttonStyle?: 'dashed' | 'destructive' | 'ghost' | 'link' | 'pill' | 'primary' | 'secondary'\n  children: React.ReactNode\n  className?: string\n  disabled?: boolean\n  extraButtonProps?: Record<string, any>\n  slug: string\n  tooltip?: string\n} & HTMLAttributes<HTMLButtonElement>\n"],"mappings":"AAmBA","ignoreList":[]}

package/dist/elements/Dropzone/index.css

@@ -1,7 +1,8 @@
 @layer payload-default {
   .dropzone {
     position: relative;
-    display: flex;
+    display: block;
+    text-align: center;
     align-items: flex-start;
     background-color: var(--color-bg-secondary);
     border: var(--stroke-width-small) dashed var(--special-border-translucent);
@@ -17,6 +18,11 @@
       background: var(--color-bg-hover);
     }
 
+    &:focus {
+      outline: var(--accessibility-outline);
+      outline-offset: calc(-2 * var(--accessibility-outline-offset));
+    }
+
     &.dragging {
       background: var(--color-bg-brand-tertiary);
 
@@ -25,9 +31,9 @@
       }
     }
 
-    @media (max-width: 768px) {
-      display: block;
-      text-align: center;
+    @media (min-width: 768px) {
+      display: flex;
+      text-align: start;
     }
 
     &.dropzone--style-default {

package/dist/elements/DuplicateDocument/SelectLocalesDrawer/index.js

@@ -31,6 +31,7 @@ export const SelectLocalesDrawer = ({
     t
   } = useTranslation();
   const {
+    closeModal,
     toggleModal
   } = useModal();
   const [selectedLocales, setSelectedLocales] = useState([]);
@@ -50,8 +51,8 @@ export const SelectLocalesDrawer = ({
     await onConfirm({
       selectedLocales
     });
-    toggleModal(slug);
-  }, [onConfirm, selectedLocales, slug, toggleModal]);
+    closeModal(slug);
+  }, [closeModal, onConfirm, selectedLocales, slug]);
   return /*#__PURE__*/_jsxs(Drawer, {
     className: baseClass,
     Header: /*#__PURE__*/_jsx(DrawerHeader, {

package/dist/elements/DuplicateDocument/SelectLocalesDrawer/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["useModal","getTranslation","setsAreEqual","React","useCallback","useMemo","useState","CheckboxInput","useTranslation","Button","Drawer","DrawerHeader","getLocaleOptions","i18n","localization","locales","map","locale","label","value","code","baseClass","SelectLocalesDrawer","slug","onConfirm","t","toggleModal","selectedLocales","setSelectedLocales","localeOptions","allLocales","allLocalesSelected","Set","handleSelectAll","handleToggleLocale","localeValue","prev","includes","filter","l","handleConfirm","_jsxs","className","Header","_jsx","onClose","title","buttonStyle","disabled","length","iconPosition","id","onClick","size","checked","count","onToggle"],"sources":["../../../../src/elements/DuplicateDocument/SelectLocalesDrawer/index.tsx"],"sourcesContent":["'use client'\n\nimport type { I18nClient } from '@payloadcms/translations'\nimport type { ClientConfig } from 'payload'\n\nimport { useModal } from '@faceless-ui/modal'\nimport { getTranslation } from '@payloadcms/translations'\nimport { setsAreEqual } from 'payload/shared'\nimport React, { useCallback, useMemo, useState } from 'react'\n\nimport { CheckboxInput } from '../../../fields/Checkbox/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { Button } from '../../Button/index.js'\nimport { Drawer } from '../../Drawer/index.js'\nimport { DrawerHeader } from '../../DrawerHeader/index.js'\nimport './index.css'\n\nexport type LocaleOption = {\n  label: string\n  value: string\n}\n\nexport type SelectLocalesDrawerProps = {\n  readonly localization: Exclude<ClientConfig['localization'], false>\n  readonly onConfirm: (args: { selectedLocales: string[] }) => Promise<void> | void\n  readonly slug: string\n}\n\nconst getLocaleOptions = ({\n  i18n,\n  localization,\n}: {\n  i18n: I18nClient\n  localization: SelectLocalesDrawerProps['localization']\n}): LocaleOption[] => {\n  return localization.locales.map((locale) => ({\n    label: getTranslation(locale.label, i18n),\n    value: locale.code,\n  }))\n}\n\nconst baseClass = 'select-locales-drawer'\n\nexport const SelectLocalesDrawer: React.FC<SelectLocalesDrawerProps> = ({\n  slug,\n  localization,\n  onConfirm,\n}) => {\n  const { i18n, t } = useTranslation()\n  const { toggleModal } = useModal()\n  const [selectedLocales, setSelectedLocales] = useState<string[]>([])\n\n  const localeOptions = useMemo(\n    () => getLocaleOptions({ i18n, localization }),\n    [localization, i18n],\n  )\n  const allLocales = useMemo(() => localeOptions.map((locale) => locale.value), [localeOptions])\n  const allLocalesSelected = useMemo(\n    () => setsAreEqual(new Set(selectedLocales), new Set(allLocales)),\n    [selectedLocales, allLocales],\n  )\n\n  const handleSelectAll = useCallback(() => {\n    setSelectedLocales(allLocalesSelected ? [] : [...allLocales])\n  }, [allLocalesSelected, allLocales])\n\n  const handleToggleLocale = useCallback((localeValue: string) => {\n    setSelectedLocales((prev) =>\n      prev.includes(localeValue) ? prev.filter((l) => l !== localeValue) : [...prev, localeValue],\n    )\n  }, [])\n\n  const handleConfirm = useCallback(async () => {\n    await onConfirm({ selectedLocales })\n    toggleModal(slug)\n  }, [onConfirm, selectedLocales, slug, toggleModal])\n\n  return (\n    <Drawer\n      className={baseClass}\n      Header={\n        <DrawerHeader\n          onClose={() => {\n            toggleModal(slug)\n          }}\n          title={`${t('general:duplicate')} ${t('localization:selectedLocales')}`}\n        />\n      }\n      slug={slug}\n    >\n      <div className={`${baseClass}__sub-header`}>\n        <span>{t('localization:selectLocaleToDuplicate')}</span>\n        <Button\n          buttonStyle=\"primary\"\n          disabled={selectedLocales.length === 0}\n          iconPosition=\"left\"\n          id=\"#action-duplicate-confirm\"\n          onClick={handleConfirm}\n          size=\"medium\"\n        >\n          {t('general:duplicate')}\n        </Button>\n      </div>\n      <div className={`${baseClass}__content`}>\n        <div className={`${baseClass}__item`}>\n          <CheckboxInput\n            checked={allLocalesSelected}\n            id=\"select-locale-all\"\n            label={t('general:selectAll', {\n              count: allLocales.length,\n              label: t('general:locales'),\n            })}\n            onToggle={handleSelectAll}\n          />\n        </div>\n        {localeOptions.map((locale) => (\n          <div className={`${baseClass}__item`} key={locale.value}>\n            <CheckboxInput\n              checked={selectedLocales.includes(locale.value)}\n              id={`select-locale-${locale.value}`}\n              label={locale.label}\n              onToggle={() => handleToggleLocale(locale.value)}\n            />\n          </div>\n        ))}\n      </div>\n    </Drawer>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["useModal","getTranslation","setsAreEqual","React","useCallback","useMemo","useState","CheckboxInput","useTranslation","Button","Drawer","DrawerHeader","getLocaleOptions","i18n","localization","locales","map","locale","label","value","code","baseClass","SelectLocalesDrawer","slug","onConfirm","t","closeModal","toggleModal","selectedLocales","setSelectedLocales","localeOptions","allLocales","allLocalesSelected","Set","handleSelectAll","handleToggleLocale","localeValue","prev","includes","filter","l","handleConfirm","_jsxs","className","Header","_jsx","onClose","title","buttonStyle","disabled","length","iconPosition","id","onClick","size","checked","count","onToggle"],"sources":["../../../../src/elements/DuplicateDocument/SelectLocalesDrawer/index.tsx"],"sourcesContent":["'use client'\n\nimport type { I18nClient } from '@payloadcms/translations'\nimport type { ClientConfig } from 'payload'\n\nimport { useModal } from '@faceless-ui/modal'\nimport { getTranslation } from '@payloadcms/translations'\nimport { setsAreEqual } from 'payload/shared'\nimport React, { useCallback, useMemo, useState } from 'react'\n\nimport { CheckboxInput } from '../../../fields/Checkbox/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { Button } from '../../Button/index.js'\nimport { Drawer } from '../../Drawer/index.js'\nimport { DrawerHeader } from '../../DrawerHeader/index.js'\nimport './index.css'\n\nexport type LocaleOption = {\n  label: string\n  value: string\n}\n\nexport type SelectLocalesDrawerProps = {\n  readonly localization: Exclude<ClientConfig['localization'], false>\n  readonly onConfirm: (args: { selectedLocales: string[] }) => Promise<void> | void\n  readonly slug: string\n}\n\nconst getLocaleOptions = ({\n  i18n,\n  localization,\n}: {\n  i18n: I18nClient\n  localization: SelectLocalesDrawerProps['localization']\n}): LocaleOption[] => {\n  return localization.locales.map((locale) => ({\n    label: getTranslation(locale.label, i18n),\n    value: locale.code,\n  }))\n}\n\nconst baseClass = 'select-locales-drawer'\n\nexport const SelectLocalesDrawer: React.FC<SelectLocalesDrawerProps> = ({\n  slug,\n  localization,\n  onConfirm,\n}) => {\n  const { i18n, t } = useTranslation()\n  const { closeModal, toggleModal } = useModal()\n  const [selectedLocales, setSelectedLocales] = useState<string[]>([])\n\n  const localeOptions = useMemo(\n    () => getLocaleOptions({ i18n, localization }),\n    [localization, i18n],\n  )\n  const allLocales = useMemo(() => localeOptions.map((locale) => locale.value), [localeOptions])\n  const allLocalesSelected = useMemo(\n    () => setsAreEqual(new Set(selectedLocales), new Set(allLocales)),\n    [selectedLocales, allLocales],\n  )\n\n  const handleSelectAll = useCallback(() => {\n    setSelectedLocales(allLocalesSelected ? [] : [...allLocales])\n  }, [allLocalesSelected, allLocales])\n\n  const handleToggleLocale = useCallback((localeValue: string) => {\n    setSelectedLocales((prev) =>\n      prev.includes(localeValue) ? prev.filter((l) => l !== localeValue) : [...prev, localeValue],\n    )\n  }, [])\n\n  const handleConfirm = useCallback(async () => {\n    await onConfirm({ selectedLocales })\n    closeModal(slug)\n  }, [closeModal, onConfirm, selectedLocales, slug])\n\n  return (\n    <Drawer\n      className={baseClass}\n      Header={\n        <DrawerHeader\n          onClose={() => {\n            toggleModal(slug)\n          }}\n          title={`${t('general:duplicate')} ${t('localization:selectedLocales')}`}\n        />\n      }\n      slug={slug}\n    >\n      <div className={`${baseClass}__sub-header`}>\n        <span>{t('localization:selectLocaleToDuplicate')}</span>\n        <Button\n          buttonStyle=\"primary\"\n          disabled={selectedLocales.length === 0}\n          iconPosition=\"left\"\n          id=\"#action-duplicate-confirm\"\n          onClick={handleConfirm}\n          size=\"medium\"\n        >\n          {t('general:duplicate')}\n        </Button>\n      </div>\n      <div className={`${baseClass}__content`}>\n        <div className={`${baseClass}__item`}>\n          <CheckboxInput\n            checked={allLocalesSelected}\n            id=\"select-locale-all\"\n            label={t('general:selectAll', {\n              count: allLocales.length,\n              label: t('general:locales'),\n            })}\n            onToggle={handleSelectAll}\n          />\n        </div>\n        {localeOptions.map((locale) => (\n          <div className={`${baseClass}__item`} key={locale.value}>\n            <CheckboxInput\n              checked={selectedLocales.includes(locale.value)}\n              id={`select-locale-${locale.value}`}\n              label={locale.label}\n              onToggle={() => handleToggleLocale(locale.value)}\n            />\n          </div>\n        ))}\n      </div>\n    </Drawer>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/FileManager/index.css

@@ -105,36 +105,6 @@
     line-height: var(--text-body-small-line-height);
   }
 
-  .file-manager__hidden-input {
-    display: none;
-  }
-
-  .file-manager__dropzone-content {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    gap: var(--spacer-2);
-    width: 100%;
-  }
-
-  .file-manager__dropzone-buttons {
-    display: flex;
-    gap: var(--spacer-2);
-    align-items: center;
-  }
-
-  .file-manager__or-text {
-    color: var(--color-text-tertiary);
-    text-transform: lowercase;
-  }
-
-  .file-manager__drag-text {
-    flex-shrink: 0;
-    margin: 0;
-    text-transform: lowercase;
-    color: var(--color-text-tertiary);
-  }
-
   @container edit-main (min-width: 1024px) {
     .file-manager {
       min-height: 100px;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/FileManager/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,yBAAyB,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAIrE,OAAO,KAA6D,MAAM,OAAO,CAAA;AA2BjF,OAAO,aAAa,CAAA;AAcpB,MAAM,MAAM,gBAAgB,GAAG;IAC7B,QAAQ,CAAC,cAAc,EAAE,MAAM,CAAA;IAC/B,QAAQ,CAAC,YAAY,CAAC,EAAE,OAAO,SAAS,EAAE,SAAS,CAAA;IACnD;;;OAGG;IACH,QAAQ,CAAC,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAA;IACtC,QAAQ,CAAC,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,WAAW,KAAK,IAAI,CAAA;IACxD,QAAQ,CAAC,YAAY,EAAE,IAAI,CAAC,yBAAyB,CAAC,QAAQ,CAAC,EAAE,oBAAoB,CAAC,CAAA;IACtF,QAAQ,CAAC,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACzC,QAAQ,CAAC,WAAW,CAAC,EAAE,WAAW,CAAA;IAClC,QAAQ,CAAC,iBAAiB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC7C,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAkblD,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/FileManager/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,yBAAyB,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAIrE,OAAO,KAAqD,MAAM,OAAO,CAAA;AA4BzE,OAAO,aAAa,CAAA;AAcpB,MAAM,MAAM,gBAAgB,GAAG;IAC7B,QAAQ,CAAC,cAAc,EAAE,MAAM,CAAA;IAC/B,QAAQ,CAAC,YAAY,CAAC,EAAE,OAAO,SAAS,EAAE,SAAS,CAAA;IACnD;;;OAGG;IACH,QAAQ,CAAC,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAA;IACtC,QAAQ,CAAC,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,WAAW,KAAK,IAAI,CAAA;IACxD,QAAQ,CAAC,YAAY,EAAE,IAAI,CAAC,yBAAyB,CAAC,QAAQ,CAAC,EAAE,oBAAoB,CAAC,CAAA;IACtF,QAAQ,CAAC,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACzC,QAAQ,CAAC,WAAW,CAAC,EAAE,WAAW,CAAA;IAClC,QAAQ,CAAC,iBAAiB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC7C,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA2VlD,CAAA"}