@payloadcms/ui 4.0.0-internal.d28e9fb → 4.0.0-internal.d7d662c

package/dist/elements/DrawerContentContainer/index.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
-import './index.scss';
+import './index.css';
 const baseClass = 'drawer-content-container';
 export function DrawerContentContainer({
   children,

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","baseClass","DrawerContentContainer","children","className","_jsx","filter","Boolean","join"],"sources":["../../../src/elements/DrawerContentContainer/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.scss'\n\nconst baseClass = 'drawer-content-container'\n\ntype Props = {\n  readonly children: React.ReactNode\n  readonly className?: string\n}\nexport function DrawerContentContainer({ children, className }: Props) {\n  return <div className={[baseClass, className].filter(Boolean).join(' ')}>{children}</div>\n}\n"],"mappings":";AAAA,OAAOA,KAAA,MAAW;AAElB,OAAO;AAEP,MAAMC,SAAA,GAAY;AAMlB,OAAO,SAASC,uBAAuB;EAAEC,QAAQ;EAAEC;AAAS,CAAS;EACnE,oBAAOC,IAAA,CAAC;IAAID,SAAA,EAAW,CAACH,SAAA,EAAWG,SAAA,CAAU,CAACE,MAAM,CAACC,OAAA,EAASC,IAAI,CAAC;cAAOL;;AAC5E","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","baseClass","DrawerContentContainer","children","className","_jsx","filter","Boolean","join"],"sources":["../../../src/elements/DrawerContentContainer/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.css'\n\nconst baseClass = 'drawer-content-container'\n\ntype Props = {\n  readonly children: React.ReactNode\n  readonly className?: string\n}\nexport function DrawerContentContainer({ children, className }: Props) {\n  return <div className={[baseClass, className].filter(Boolean).join(' ')}>{children}</div>\n}\n"],"mappings":";AAAA,OAAOA,KAAA,MAAW;AAElB,OAAO;AAEP,MAAMC,SAAA,GAAY;AAMlB,OAAO,SAASC,uBAAuB;EAAEC,QAAQ;EAAEC;AAAS,CAAS;EACnE,oBAAOC,IAAA,CAAC;IAAID,SAAA,EAAW,CAACH,SAAA,EAAWG,SAAA,CAAU,CAACE,MAAM,CAACC,OAAA,EAASC,IAAI,CAAC;cAAOL;;AAC5E","ignoreList":[]}

package/dist/elements/DrawerHeader/index.css

@@ -0,0 +1,25 @@
+@layer payload-default {
+  .bulk-upload--drawer-header {
+    display: flex;
+    align-items: center;
+    gap: var(--spacer-2);
+    padding: var(--spacer-2-5);
+    border-bottom: var(--stroke-width-small) solid var(--color-border);
+
+    .btn {
+      padding: 0;
+      border: 0;
+    }
+
+    h2 {
+      margin: 0;
+      flex: 1;
+    }
+  }
+
+  .bulk-upload--drawer-header__meta {
+    display: flex;
+    align-items: center;
+    gap: var(--spacer-2);
+  }
+}

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

@@ -0,0 +1,10 @@
+import React from 'react';
+import './index.css';
+type Props = {
+    readonly BeforeDocumentMeta?: React.ReactNode;
+    readonly onClose: () => void;
+    readonly title: string;
+};
+export declare function DrawerHeader({ BeforeDocumentMeta, onClose, title }: Props): React.JSX.Element;
+export {};
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/DrawerHeader/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,OAAO,aAAa,CAAA;AAIpB,KAAK,KAAK,GAAG;IACX,QAAQ,CAAC,kBAAkB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC7C,QAAQ,CAAC,OAAO,EAAE,MAAM,IAAI,CAAA;IAC5B,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAA;CACvB,CAAA;AACD,wBAAgB,YAAY,CAAC,EAAE,kBAAkB,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,KAAK,qBAezE"}

package/dist/elements/DrawerHeader/index.js

@@ -0,0 +1,51 @@
+'use client';
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import { ChevronIcon } from '../../icons/Chevron/index.js';
+import { useTranslation } from '../../providers/Translation/index.js';
+import { Button } from '../Button/index.js';
+import './index.css';
+const baseClass = 'bulk-upload--drawer-header';
+export function DrawerHeader(t0) {
+  const $ = _c(5);
+  const {
+    BeforeDocumentMeta,
+    onClose,
+    title
+  } = t0;
+  const {
+    t
+  } = useTranslation();
+  let t1;
+  if ($[0] !== BeforeDocumentMeta || $[1] !== onClose || $[2] !== t || $[3] !== title) {
+    t1 = _jsxs("div", {
+      className: baseClass,
+      children: [_jsx(Button, {
+        "aria-label": t("general:close"),
+        buttonStyle: "ghost",
+        icon: _jsx(ChevronIcon, {
+          direction: "left",
+          size: 24
+        }),
+        onClick: onClose
+      }), _jsx("h2", {
+        title,
+        children: title
+      }), BeforeDocumentMeta ? _jsx("div", {
+        className: `${baseClass}__meta`,
+        children: BeforeDocumentMeta
+      }) : null]
+    });
+    $[0] = BeforeDocumentMeta;
+    $[1] = onClose;
+    $[2] = t;
+    $[3] = title;
+    $[4] = t1;
+  } else {
+    t1 = $[4];
+  }
+  return t1;
+}
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["c","_c","React","ChevronIcon","useTranslation","Button","baseClass","DrawerHeader","t0","$","BeforeDocumentMeta","onClose","title","t","t1","_jsxs","className","children","_jsx","buttonStyle","icon","direction","size"],"sources":["../../../src/elements/DrawerHeader/index.tsx"],"sourcesContent":["'use client'\n\nimport React from 'react'\n\nimport { ChevronIcon } from '../../icons/Chevron/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { Button } from '../Button/index.js'\nimport './index.css'\n\nconst baseClass = 'bulk-upload--drawer-header'\n\ntype Props = {\n  readonly BeforeDocumentMeta?: React.ReactNode\n  readonly onClose: () => void\n  readonly title: string\n}\nexport function DrawerHeader({ BeforeDocumentMeta, onClose, title }: Props) {\n  const { t } = useTranslation()\n\n  return (\n    <div className={baseClass}>\n      <Button\n        aria-label={t('general:close')}\n        buttonStyle=\"ghost\"\n        icon={<ChevronIcon direction=\"left\" size={24} />}\n        onClick={onClose}\n      />\n      <h2 title={title}>{title}</h2>\n      {BeforeDocumentMeta ? <div className={`${baseClass}__meta`}>{BeforeDocumentMeta}</div> : null}\n    </div>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAEA,OAAOC,KAAA,MAAW;AAElB,SAASC,WAAW,QAAQ;AAC5B,SAASC,cAAc,QAAQ;AAC/B,SAASC,MAAM,QAAQ;AACvB,OAAO;AAEP,MAAMC,SAAA,GAAY;AAOlB,OAAO,SAAAC,aAAAC,EAAA;EAAA,MAAAC,CAAA,GAAAR,EAAA;EAAsB;IAAAS,kBAAA;IAAAC,OAAA;IAAAC;EAAA,IAAAJ,EAA6C;EACxE;IAAAK;EAAA,IAAcT,cAAA;EAAA,IAAAU,EAAA;EAAA,IAAAL,CAAA,QAAAC,kBAAA,IAAAD,CAAA,QAAAE,OAAA,IAAAF,CAAA,QAAAI,CAAA,IAAAJ,CAAA,QAAAG,KAAA;IAGZE,EAAA,GAAAC,KAAA,CAAC;MAAAC,SAAA,EAAeV,SAAA;MAAAW,QAAA,E,CACdC,IAAA,CAACb,MAAA;QAAA,cACaQ,CAAA,CAAE;QAAAM,WAAA,EACF;QAAAC,IAAA,EACNF,IAAA,CAACf,WAAA;UAAAkB,SAAA,EAAsB;UAAAC,IAAA,EAAa;;iBACjCX;UAEXO,IAAA,CAAC;QAAAN,KAAA;QAAAK,QAAA,EAAkBL;UAClBF,kBAAA,GAAqBQ,IAAA,CAAC;QAAAF,SAAA,EAAe,GAAGV,SAAA,QAAiB;QAAAW,QAAA,EAAGP;OAA4B,IAAxF,IAAwF;;;;;;;;;;SAR3FI,E","ignoreList":[]}

package/dist/elements/Dropzone/index.css

@@ -1,35 +1,46 @@
 @layer payload-default {
   .dropzone {
     position: relative;
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    padding: calc(var(--spacer-3) - 2px);
-    background: transparent;
-    border: 1px dashed var(--special-border-translucent);
-    border-radius: var(--radius-medium);
-    height: 100%;
+    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);
+    border-radius: var(--field-border-radius);
+    overflow: clip;
     width: 100%;
 
     .btn {
       margin: 0;
     }
 
+    &:hover {
+      background: var(--color-bg-hover);
+    }
+
+    &:focus {
+      outline: var(--accessibility-outline);
+      outline-offset: calc(-2 * var(--accessibility-outline-offset));
+    }
+
     &.dragging {
-      border-color: var(--border-success-strong);
-      background: var(--bg-success-tertiary);
+      background: var(--color-bg-brand-tertiary);
 
       * {
         pointer-events: none;
       }
     }
 
-    @media (max-width: 768px) {
-      display: block;
-      text-align: center;
+    @media (min-width: 768px) {
+      display: flex;
+      text-align: start;
+    }
+
+    &.dropzone--style-default {
+      padding-block: var(--spacer-3);
     }
 
-    &.dropzoneStyle--none {
+    &.dropzone--style-none {
       all: unset;
     }
   }

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

@@ -5,8 +5,10 @@ export type Props = {
     readonly className?: string;
     readonly disabled?: boolean;
     readonly dropzoneStyle?: 'default' | 'none';
+    readonly hasError?: boolean;
+    readonly isFocusable?: boolean;
     readonly multipleFiles?: boolean;
     readonly onChange: (e: FileList) => void;
 };
-export declare function Dropzone({ children, className, disabled, dropzoneStyle, multipleFiles, onChange, }: Props): React.JSX.Element;
+export declare function Dropzone({ children, className, disabled, dropzoneStyle, hasError, isFocusable, multipleFiles, onChange, }: Props): React.JSX.Element;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/Dropzone/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,aAAa,CAAA;AASpB,MAAM,MAAM,KAAK,GAAG;IAClB,QAAQ,CAAC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACnC,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAC3B,QAAQ,CAAC,aAAa,CAAC,EAAE,SAAS,GAAG,MAAM,CAAA;IAC3C,QAAQ,CAAC,aAAa,CAAC,EAAE,OAAO,CAAA;IAChC,QAAQ,CAAC,QAAQ,EAAE,CAAC,CAAC,EAAE,QAAQ,KAAK,IAAI,CAAA;CACzC,CAAA;AAED,wBAAgB,QAAQ,CAAC,EACvB,QAAQ,EACR,SAAS,EACT,QAAgB,EAChB,aAAyB,EACzB,aAAa,EACb,QAAQ,GACT,EAAE,KAAK,qBAkGP"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/Dropzone/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,aAAa,CAAA;AASpB,MAAM,MAAM,KAAK,GAAG;IAClB,QAAQ,CAAC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACnC,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAC3B,QAAQ,CAAC,aAAa,CAAC,EAAE,SAAS,GAAG,MAAM,CAAA;IAC3C,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAC3B,QAAQ,CAAC,WAAW,CAAC,EAAE,OAAO,CAAA;IAC9B,QAAQ,CAAC,aAAa,CAAC,EAAE,OAAO,CAAA;IAChC,QAAQ,CAAC,QAAQ,EAAE,CAAC,CAAC,EAAE,QAAQ,KAAK,IAAI,CAAA;CACzC,CAAA;AAED,wBAAgB,QAAQ,CAAC,EACvB,QAAQ,EACR,SAAS,EACT,QAAgB,EAChB,aAAyB,EACzB,QAAgB,EAChB,WAAkB,EAClB,aAAa,EACb,QAAQ,GACT,EAAE,KAAK,qBAyGP"}

package/dist/elements/Dropzone/index.js

@@ -13,6 +13,8 @@ export function Dropzone({
   className,
   disabled = false,
   dropzoneStyle = 'default',
+  hasError = false,
+  isFocusable = true,
   multipleFiles,
   onChange
 }) {
@@ -77,11 +79,14 @@ export function Dropzone({
     }
     return () => null;
   }, [disabled, handleDragEnter, handleDragLeave, handleDrop, handlePaste]);
-  const classes = [baseClass, className, dragging ? 'dragging' : '', `dropzoneStyle--${dropzoneStyle}`].filter(Boolean).join(' ');
+  const classes = [baseClass, className, dragging ? 'dragging' : '', hasError && `${baseClass}--has-error`, `${baseClass}--style-${dropzoneStyle}`].filter(Boolean).join(' ');
+  /* eslint-disable jsx-a11y/no-noninteractive-tabindex -- interactive via drag/drop/paste event listeners */
   return /*#__PURE__*/_jsx("div", {
     className: classes,
     ref: dropRef,
+    tabIndex: isFocusable && dropzoneStyle !== 'none' ? 0 : undefined,
     children: children
   });
+  /* eslint-enable jsx-a11y/no-noninteractive-tabindex */
 }
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","handleDragOver","e","preventDefault","stopPropagation","baseClass","Dropzone","children","className","disabled","dropzoneStyle","multipleFiles","onChange","dropRef","useRef","dragging","setDragging","useState","addFiles","useCallback","files","length","dataTransfer","DataTransfer","items","add","handlePaste","clipboardData","handleDragEnter","handleDragLeave","handleDrop","clearData","useEffect","div","current","addEventListener","removeEventListener","classes","filter","Boolean","join","_jsx","ref"],"sources":["../../../src/elements/Dropzone/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport './index.css'\n\nconst handleDragOver = (e: DragEvent) => {\n  e.preventDefault()\n  e.stopPropagation()\n}\n\nconst baseClass = 'dropzone'\n\nexport type Props = {\n  readonly children?: React.ReactNode\n  readonly className?: string\n  readonly disabled?: boolean\n  readonly dropzoneStyle?: 'default' | 'none'\n  readonly multipleFiles?: boolean\n  readonly onChange: (e: FileList) => void\n}\n\nexport function Dropzone({\n  children,\n  className,\n  disabled = false,\n  dropzoneStyle = 'default',\n  multipleFiles,\n  onChange,\n}: Props) {\n  const dropRef = React.useRef<HTMLDivElement>(null)\n  const [dragging, setDragging] = React.useState(false)\n\n  const addFiles = React.useCallback(\n    (files: FileList) => {\n      if (!multipleFiles && files.length > 1) {\n        const dataTransfer = new DataTransfer()\n        dataTransfer.items.add(files[0])\n        onChange(dataTransfer.files)\n      } else {\n        onChange(files)\n      }\n    },\n    [multipleFiles, onChange],\n  )\n\n  const handlePaste = React.useCallback(\n    (e: ClipboardEvent) => {\n      e.preventDefault()\n      e.stopPropagation()\n\n      if (e.clipboardData.files && e.clipboardData.files.length > 0) {\n        addFiles(e.clipboardData.files)\n      }\n    },\n    [addFiles],\n  )\n\n  const handleDragEnter = React.useCallback((e: DragEvent) => {\n    e.preventDefault()\n    e.stopPropagation()\n    setDragging(true)\n  }, [])\n\n  const handleDragLeave = React.useCallback((e: DragEvent) => {\n    e.preventDefault()\n    e.stopPropagation()\n    setDragging(false)\n  }, [])\n\n  const handleDrop = React.useCallback(\n    (e: DragEvent) => {\n      e.preventDefault()\n      e.stopPropagation()\n      setDragging(false)\n\n      if (e.dataTransfer.files && e.dataTransfer.files.length > 0) {\n        addFiles(e.dataTransfer.files)\n        setDragging(false)\n\n        try {\n          e.dataTransfer.clearData()\n        } catch {\n          // Firefox throws NoModificationAllowedError when calling clearData() on a protected DataTransfer during drop events\n          // https://developer.mozilla.org/en-US/docs/Web/API/DataTransfer/clearData#exceptions\n        }\n      }\n    },\n    [addFiles],\n  )\n\n  React.useEffect(() => {\n    const div = dropRef.current\n\n    if (div && !disabled) {\n      div.addEventListener('dragenter', handleDragEnter)\n      div.addEventListener('dragleave', handleDragLeave)\n      div.addEventListener('dragover', handleDragOver)\n      div.addEventListener('drop', handleDrop)\n      div.addEventListener('paste', handlePaste)\n\n      return () => {\n        div.removeEventListener('dragenter', handleDragEnter)\n        div.removeEventListener('dragleave', handleDragLeave)\n        div.removeEventListener('dragover', handleDragOver)\n        div.removeEventListener('drop', handleDrop)\n        div.removeEventListener('paste', handlePaste)\n      }\n    }\n\n    return () => null\n  }, [disabled, handleDragEnter, handleDragLeave, handleDrop, handlePaste])\n\n  const classes = [\n    baseClass,\n    className,\n    dragging ? 'dragging' : '',\n    `dropzoneStyle--${dropzoneStyle}`,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  return (\n    <div className={classes} ref={dropRef}>\n      {children}\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","handleDragOver","e","preventDefault","stopPropagation","baseClass","Dropzone","children","className","disabled","dropzoneStyle","hasError","isFocusable","multipleFiles","onChange","dropRef","useRef","dragging","setDragging","useState","addFiles","useCallback","files","length","dataTransfer","DataTransfer","items","add","handlePaste","clipboardData","handleDragEnter","handleDragLeave","handleDrop","clearData","useEffect","div","current","addEventListener","removeEventListener","classes","filter","Boolean","join","_jsx","ref","tabIndex","undefined"],"sources":["../../../src/elements/Dropzone/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport './index.css'\n\nconst handleDragOver = (e: DragEvent) => {\n  e.preventDefault()\n  e.stopPropagation()\n}\n\nconst baseClass = 'dropzone'\n\nexport type Props = {\n  readonly children?: React.ReactNode\n  readonly className?: string\n  readonly disabled?: boolean\n  readonly dropzoneStyle?: 'default' | 'none'\n  readonly hasError?: boolean\n  readonly isFocusable?: boolean\n  readonly multipleFiles?: boolean\n  readonly onChange: (e: FileList) => void\n}\n\nexport function Dropzone({\n  children,\n  className,\n  disabled = false,\n  dropzoneStyle = 'default',\n  hasError = false,\n  isFocusable = true,\n  multipleFiles,\n  onChange,\n}: Props) {\n  const dropRef = React.useRef<HTMLDivElement>(null)\n  const [dragging, setDragging] = React.useState(false)\n\n  const addFiles = React.useCallback(\n    (files: FileList) => {\n      if (!multipleFiles && files.length > 1) {\n        const dataTransfer = new DataTransfer()\n        dataTransfer.items.add(files[0])\n        onChange(dataTransfer.files)\n      } else {\n        onChange(files)\n      }\n    },\n    [multipleFiles, onChange],\n  )\n\n  const handlePaste = React.useCallback(\n    (e: ClipboardEvent) => {\n      e.preventDefault()\n      e.stopPropagation()\n\n      if (e.clipboardData.files && e.clipboardData.files.length > 0) {\n        addFiles(e.clipboardData.files)\n      }\n    },\n    [addFiles],\n  )\n\n  const handleDragEnter = React.useCallback((e: DragEvent) => {\n    e.preventDefault()\n    e.stopPropagation()\n    setDragging(true)\n  }, [])\n\n  const handleDragLeave = React.useCallback((e: DragEvent) => {\n    e.preventDefault()\n    e.stopPropagation()\n    setDragging(false)\n  }, [])\n\n  const handleDrop = React.useCallback(\n    (e: DragEvent) => {\n      e.preventDefault()\n      e.stopPropagation()\n      setDragging(false)\n\n      if (e.dataTransfer.files && e.dataTransfer.files.length > 0) {\n        addFiles(e.dataTransfer.files)\n        setDragging(false)\n\n        try {\n          e.dataTransfer.clearData()\n        } catch {\n          // Firefox throws NoModificationAllowedError when calling clearData() on a protected DataTransfer during drop events\n          // https://developer.mozilla.org/en-US/docs/Web/API/DataTransfer/clearData#exceptions\n        }\n      }\n    },\n    [addFiles],\n  )\n\n  React.useEffect(() => {\n    const div = dropRef.current\n\n    if (div && !disabled) {\n      div.addEventListener('dragenter', handleDragEnter)\n      div.addEventListener('dragleave', handleDragLeave)\n      div.addEventListener('dragover', handleDragOver)\n      div.addEventListener('drop', handleDrop)\n      div.addEventListener('paste', handlePaste)\n\n      return () => {\n        div.removeEventListener('dragenter', handleDragEnter)\n        div.removeEventListener('dragleave', handleDragLeave)\n        div.removeEventListener('dragover', handleDragOver)\n        div.removeEventListener('drop', handleDrop)\n        div.removeEventListener('paste', handlePaste)\n      }\n    }\n\n    return () => null\n  }, [disabled, handleDragEnter, handleDragLeave, handleDrop, handlePaste])\n\n  const classes = [\n    baseClass,\n    className,\n    dragging ? 'dragging' : '',\n    hasError && `${baseClass}--has-error`,\n    `${baseClass}--style-${dropzoneStyle}`,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  /* eslint-disable jsx-a11y/no-noninteractive-tabindex -- interactive via drag/drop/paste event listeners */\n  return (\n    <div\n      className={classes}\n      ref={dropRef}\n      tabIndex={isFocusable && dropzoneStyle !== 'none' ? 0 : undefined}\n    >\n      {children}\n    </div>\n  )\n  /* eslint-enable jsx-a11y/no-noninteractive-tabindex */\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,22 @@
+@layer payload-default {
+  .select-locales-drawer__sub-header {
+    padding: var(--spacer-2-5);
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    border-bottom: var(--stroke-width-small) solid var(--color-border);
+  }
+
+  .select-locales-drawer__content {
+    padding: var(--spacer-2-5);
+    display: flex;
+    flex-direction: column;
+    gap: var(--spacer-3);
+  }
+
+  .select-locales-drawer__item {
+    display: flex;
+    flex-direction: row;
+    gap: var(--spacer-2);
+  }
+}

package/dist/elements/DuplicateDocument/SelectLocalesDrawer/index.d.ts

@@ -1,6 +1,6 @@
 import type { ClientConfig } from 'payload';
 import React from 'react';
-import './index.scss';
+import './index.css';
 export type LocaleOption = {
     label: string;
     value: string;

package/dist/elements/DuplicateDocument/SelectLocalesDrawer/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/DuplicateDocument/SelectLocalesDrawer/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAK3C,OAAO,KAAyC,MAAM,OAAO,CAAA;AAO7D,OAAO,cAAc,CAAA;AAErB,MAAM,MAAM,YAAY,GAAG;IACzB,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;CACd,CAAA;AAED,MAAM,MAAM,wBAAwB,GAAG;IACrC,QAAQ,CAAC,YAAY,EAAE,OAAO,CAAC,YAAY,CAAC,cAAc,CAAC,EAAE,KAAK,CAAC,CAAA;IACnE,QAAQ,CAAC,SAAS,EAAE,CAAC,IAAI,EAAE;QAAE,eAAe,EAAE,MAAM,EAAE,CAAA;KAAE,KAAK,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAA;IACjF,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAA;CACtB,CAAA;AAiBD,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CAsFlE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/DuplicateDocument/SelectLocalesDrawer/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAK3C,OAAO,KAAyC,MAAM,OAAO,CAAA;AAO7D,OAAO,aAAa,CAAA;AAEpB,MAAM,MAAM,YAAY,GAAG;IACzB,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;CACd,CAAA;AAED,MAAM,MAAM,wBAAwB,GAAG;IACrC,QAAQ,CAAC,YAAY,EAAE,OAAO,CAAC,YAAY,CAAC,cAAc,CAAC,EAAE,KAAK,CAAC,CAAA;IACnE,QAAQ,CAAC,SAAS,EAAE,CAAC,IAAI,EAAE;QAAE,eAAe,EAAE,MAAM,EAAE,CAAA;KAAE,KAAK,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAA;IACjF,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAA;CACtB,CAAA;AAiBD,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CAqFlE,CAAA"}

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

@@ -1,5 +1,6 @@
 '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';
@@ -7,10 +8,10 @@ import { setsAreEqual } from 'payload/shared';
 import React, { useCallback, useMemo, useState } from 'react';
 import { CheckboxInput } from '../../../fields/Checkbox/index.js';
 import { useTranslation } from '../../../providers/Translation/index.js';
-import { DrawerHeader } from '../../BulkUpload/Header/index.js';
 import { Button } from '../../Button/index.js';
 import { Drawer } from '../../Drawer/index.js';
-import './index.scss';
+import { DrawerHeader } from '../../DrawerHeader/index.js';
+import './index.css';
 const getLocaleOptions = ({
   i18n,
   localization
@@ -21,83 +22,197 @@ const getLocaleOptions = ({
   }));
 };
 const baseClass = 'select-locales-drawer';
-export const SelectLocalesDrawer = ({
-  slug,
-  localization,
-  onConfirm
-}) => {
+export const SelectLocalesDrawer = t0 => {
+  const $ = _c(37);
+  const {
+    slug,
+    localization,
+    onConfirm
+  } = t0;
   const {
     i18n,
     t
   } = useTranslation();
   const {
+    closeModal,
     toggleModal
   } = useModal();
-  const [selectedLocales, setSelectedLocales] = useState([]);
-  const localeOptions = useMemo(() => getLocaleOptions({
-    i18n,
-    localization
-  }), [localization, i18n]);
-  const allLocales = useMemo(() => localeOptions.map(locale => locale.value), [localeOptions]);
-  const allLocalesSelected = useMemo(() => setsAreEqual(new Set(selectedLocales), new Set(allLocales)), [selectedLocales, allLocales]);
-  const handleSelectAll = useCallback(() => {
-    setSelectedLocales(allLocalesSelected ? [] : [...allLocales]);
-  }, [allLocalesSelected, allLocales]);
-  const handleToggleLocale = useCallback(localeValue => {
-    setSelectedLocales(prev => prev.includes(localeValue) ? prev.filter(l => l !== localeValue) : [...prev, localeValue]);
-  }, []);
-  const handleConfirm = useCallback(async () => {
-    await onConfirm({
-      selectedLocales
+  let t1;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t1 = [];
+    $[0] = t1;
+  } else {
+    t1 = $[0];
+  }
+  const [selectedLocales, setSelectedLocales] = useState(t1);
+  let t2;
+  if ($[1] !== i18n || $[2] !== localization) {
+    t2 = getLocaleOptions({
+      i18n,
+      localization
     });
-    toggleModal(slug);
-  }, [onConfirm, selectedLocales, slug, toggleModal]);
-  return /*#__PURE__*/_jsxs(Drawer, {
-    className: baseClass,
-    gutter: false,
-    Header: /*#__PURE__*/_jsx(DrawerHeader, {
-      onClose: () => {
+    $[1] = i18n;
+    $[2] = localization;
+    $[3] = t2;
+  } else {
+    t2 = $[3];
+  }
+  const localeOptions = t2;
+  let t3;
+  if ($[4] !== localeOptions) {
+    t3 = localeOptions.map(_temp);
+    $[4] = localeOptions;
+    $[5] = t3;
+  } else {
+    t3 = $[5];
+  }
+  const allLocales = t3;
+  let t4;
+  if ($[6] !== allLocales || $[7] !== selectedLocales) {
+    t4 = setsAreEqual(new Set(selectedLocales), new Set(allLocales));
+    $[6] = allLocales;
+    $[7] = selectedLocales;
+    $[8] = t4;
+  } else {
+    t4 = $[8];
+  }
+  const allLocalesSelected = t4;
+  let t5;
+  if ($[9] !== allLocales || $[10] !== allLocalesSelected) {
+    t5 = () => {
+      setSelectedLocales(allLocalesSelected ? [] : [...allLocales]);
+    };
+    $[9] = allLocales;
+    $[10] = allLocalesSelected;
+    $[11] = t5;
+  } else {
+    t5 = $[11];
+  }
+  const handleSelectAll = t5;
+  let t6;
+  if ($[12] === Symbol.for("react.memo_cache_sentinel")) {
+    t6 = localeValue => {
+      setSelectedLocales(prev => prev.includes(localeValue) ? prev.filter(l => l !== localeValue) : [...prev, localeValue]);
+    };
+    $[12] = t6;
+  } else {
+    t6 = $[12];
+  }
+  const handleToggleLocale = t6;
+  let t7;
+  if ($[13] !== closeModal || $[14] !== onConfirm || $[15] !== selectedLocales || $[16] !== slug) {
+    t7 = async () => {
+      await onConfirm({
+        selectedLocales
+      });
+      closeModal(slug);
+    };
+    $[13] = closeModal;
+    $[14] = onConfirm;
+    $[15] = selectedLocales;
+    $[16] = slug;
+    $[17] = t7;
+  } else {
+    t7 = $[17];
+  }
+  const handleConfirm = t7;
+  let t8;
+  if ($[18] !== allLocales.length || $[19] !== allLocalesSelected || $[20] !== handleConfirm || $[21] !== handleSelectAll || $[22] !== localeOptions || $[23] !== selectedLocales || $[24] !== slug || $[25] !== t || $[26] !== toggleModal) {
+    let t9;
+    if ($[28] !== slug || $[29] !== toggleModal) {
+      t9 = () => {
         toggleModal(slug);
-      },
-      title: `${t('general:duplicate')} ${t('localization:selectedLocales')}`
-    }),
-    slug: slug,
-    children: [/*#__PURE__*/_jsxs("div", {
-      className: `${baseClass}__sub-header`,
-      children: [/*#__PURE__*/_jsx("span", {
-        children: t('localization:selectLocaleToDuplicate')
-      }), /*#__PURE__*/_jsx(Button, {
-        buttonStyle: "primary",
-        disabled: selectedLocales.length === 0,
-        iconPosition: "left",
-        id: "#action-duplicate-confirm",
-        onClick: handleConfirm,
-        size: "medium",
-        children: t('general:duplicate')
-      })]
-    }), /*#__PURE__*/_jsxs("div", {
-      className: `${baseClass}__content`,
-      children: [/*#__PURE__*/_jsx("div", {
+      };
+      $[28] = slug;
+      $[29] = toggleModal;
+      $[30] = t9;
+    } else {
+      t9 = $[30];
+    }
+    let t10;
+    if ($[31] !== t) {
+      t10 = t("general:duplicate");
+      $[31] = t;
+      $[32] = t10;
+    } else {
+      t10 = $[32];
+    }
+    let t11;
+    if ($[33] !== t) {
+      t11 = t("localization:selectedLocales");
+      $[33] = t;
+      $[34] = t11;
+    } else {
+      t11 = $[34];
+    }
+    let t12;
+    if ($[35] !== selectedLocales) {
+      t12 = locale_0 => _jsx("div", {
         className: `${baseClass}__item`,
-        children: /*#__PURE__*/_jsx(CheckboxInput, {
-          checked: allLocalesSelected,
-          id: "select-locale-all",
-          label: t('general:selectAll', {
-            count: allLocales.length,
-            label: t('general:locales')
-          }),
-          onToggle: handleSelectAll
-        })
-      }), localeOptions.map(locale_0 => /*#__PURE__*/_jsx("div", {
-        className: `${baseClass}__item`,
-        children: /*#__PURE__*/_jsx(CheckboxInput, {
+        children: _jsx(CheckboxInput, {
           checked: selectedLocales.includes(locale_0.value),
           id: `select-locale-${locale_0.value}`,
           label: locale_0.label,
           onToggle: () => handleToggleLocale(locale_0.value)
         })
-      }, locale_0.value))]
-    })]
-  });
+      }, locale_0.value);
+      $[35] = selectedLocales;
+      $[36] = t12;
+    } else {
+      t12 = $[36];
+    }
+    t8 = _jsxs(Drawer, {
+      className: baseClass,
+      Header: _jsx(DrawerHeader, {
+        onClose: t9,
+        title: `${t10} ${t11}`
+      }),
+      slug,
+      children: [_jsxs("div", {
+        className: `${baseClass}__sub-header`,
+        children: [_jsx("span", {
+          children: t("localization:selectLocaleToDuplicate")
+        }), _jsx(Button, {
+          buttonStyle: "primary",
+          disabled: selectedLocales.length === 0,
+          iconPosition: "left",
+          id: "#action-duplicate-confirm",
+          onClick: handleConfirm,
+          size: "medium",
+          children: t("general:duplicate")
+        })]
+      }), _jsxs("div", {
+        className: `${baseClass}__content`,
+        children: [_jsx("div", {
+          className: `${baseClass}__item`,
+          children: _jsx(CheckboxInput, {
+            checked: allLocalesSelected,
+            id: "select-locale-all",
+            label: t("general:selectAll", {
+              count: allLocales.length,
+              label: t("general:locales")
+            }),
+            onToggle: handleSelectAll
+          })
+        }), localeOptions.map(t12)]
+      })]
+    });
+    $[18] = allLocales.length;
+    $[19] = allLocalesSelected;
+    $[20] = handleConfirm;
+    $[21] = handleSelectAll;
+    $[22] = localeOptions;
+    $[23] = selectedLocales;
+    $[24] = slug;
+    $[25] = t;
+    $[26] = toggleModal;
+    $[27] = t8;
+  } else {
+    t8 = $[27];
+  }
+  return t8;
 };
+function _temp(locale) {
+  return locale.value;
+}
 //# sourceMappingURL=index.js.map

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","DrawerHeader","Button","Drawer","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","gutter","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 { DrawerHeader } from '../../BulkUpload/Header/index.js'\nimport { Button } from '../../Button/index.js'\nimport { Drawer } from '../../Drawer/index.js'\nimport './index.scss'\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      gutter={false}\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":["c","_c","useModal","getTranslation","setsAreEqual","React","useCallback","useMemo","useState","CheckboxInput","useTranslation","Button","Drawer","DrawerHeader","getLocaleOptions","i18n","localization","locales","map","locale","label","value","code","baseClass","SelectLocalesDrawer","t0","$","slug","onConfirm","t","closeModal","toggleModal","t1","Symbol","for","selectedLocales","setSelectedLocales","t2","localeOptions","t3","_temp","allLocales","t4","Set","allLocalesSelected","t5","handleSelectAll","t6","localeValue","prev","includes","filter","l","handleToggleLocale","t7","handleConfirm","t8","length","t9","t10","t11","t12","locale_0","_jsx","className","children","checked","id","onToggle","_jsxs","Header","onClose","title","buttonStyle","disabled","iconPosition","onClick","size","count"],"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":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAKA,SAASC,QAAQ,QAAQ;AACzB,SAASC,cAAc,QAAQ;AAC/B,SAASC,YAAY,QAAQ;AAC7B,OAAOC,KAAA,IAASC,WAAW,EAAEC,OAAO,EAAEC,QAAQ,QAAQ;AAEtD,SAASC,aAAa,QAAQ;AAC9B,SAASC,cAAc,QAAQ;AAC/B,SAASC,MAAM,QAAQ;AACvB,SAASC,MAAM,QAAQ;AACvB,SAASC,YAAY,QAAQ;AAC7B,OAAO;AAaP,MAAMC,gBAAA,GAAmBA,CAAC;EACxBC,IAAI;EACJC;AAAY,CAIb;EACC,OAAOA,YAAA,CAAaC,OAAO,CAACC,GAAG,CAAEC,MAAA,KAAY;IAC3CC,KAAA,EAAOjB,cAAA,CAAegB,MAAA,CAAOC,KAAK,EAAEL,IAAA;IACpCM,KAAA,EAAOF,MAAA,CAAOG;EAChB;AACF;AAEA,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,mBAAA,GAA0DC,EAAA;EAAA,MAAAC,CAAA,GAAAzB,EAAA;EAAC;IAAA0B,IAAA;IAAAX,YAAA;IAAAY;EAAA,IAAAH,EAIvE;EACC;IAAAV,IAAA;IAAAc;EAAA,IAAoBnB,cAAA;EACpB;IAAAoB,UAAA;IAAAC;EAAA,IAAoC7B,QAAA;EAAA,IAAA8B,EAAA;EAAA,IAAAN,CAAA,QAAAO,MAAA,CAAAC,GAAA;IAC6BF,EAAA,KAAE;IAAAN,CAAA,MAAAM,EAAA;EAAA;IAAAA,EAAA,GAAAN,CAAA;EAAA;EAAnE,OAAAS,eAAA,EAAAC,kBAAA,IAA8C5B,QAAA,CAAmBwB,EAAE;EAAA,IAAAK,EAAA;EAAA,IAAAX,CAAA,QAAAX,IAAA,IAAAW,CAAA,QAAAV,YAAA;IAG3DqB,EAAA,GAAAvB,gBAAA,CAAiB;MAAAC,IAAA;MAAAC;IAAqB;IAAAU,CAAA,MAAAX,IAAA;IAAAW,CAAA,MAAAV,YAAA;IAAAU,CAAA,MAAAW,EAAA;EAAA;IAAAA,EAAA,GAAAX,CAAA;EAAA;EAD9C,MAAAY,aAAA,GACQD,EAAsC;EACxB,IAAAE,EAAA;EAAA,IAAAb,CAAA,QAAAY,aAAA;IAEWA,EAAA,GAAAA,aAAA,CAAApB,GAAiB,CAACsB,KAAwB;IAAAd,CAAA,MAAAY,aAAA;IAAAZ,CAAA,MAAAa,EAAA;EAAA;IAAAA,EAAA,GAAAb,CAAA;EAAA;EAA3E,MAAAe,UAAA,GAAiCH,EAA0C;EAAkB,IAAAI,EAAA;EAAA,IAAAhB,CAAA,QAAAe,UAAA,IAAAf,CAAA,QAAAS,eAAA;IAErFO,EAAA,GAAAtC,YAAA,CAAa,IAAIuC,GAAA,CAAIR,eAAA,GAAkB,IAAIQ,GAAA,CAAIF,UAAA;IAAAf,CAAA,MAAAe,UAAA;IAAAf,CAAA,MAAAS,eAAA;IAAAT,CAAA,MAAAgB,EAAA;EAAA;IAAAA,EAAA,GAAAhB,CAAA;EAAA;EADvD,MAAAkB,kBAAA,GACQF,EAA+C;EACxB,IAAAG,EAAA;EAAA,IAAAnB,CAAA,QAAAe,UAAA,IAAAf,CAAA,SAAAkB,kBAAA;IAGKC,EAAA,GAAAA,CAAA;MAClCT,kBAAA,CAAmBQ,kBAAA,KAAyC,GAAzC,IAA8BH,UAAA,CAAW;IAAA,CAC9D;IAAAf,CAAA,MAAAe,UAAA;IAAAf,CAAA,OAAAkB,kBAAA;IAAAlB,CAAA,OAAAmB,EAAA;EAAA;IAAAA,EAAA,GAAAnB,CAAA;EAAA;EAFA,MAAAoB,eAAA,GAAwBD,EAEW;EAAA,IAAAE,EAAA;EAAA,IAAArB,CAAA,SAAAO,MAAA,CAAAC,GAAA;IAEIa,EAAA,GAAAC,WAAA;MACrCZ,kBAAA,CAAmBa,IAAA,IACjBA,IAAA,CAAAC,QAAa,CAACF,W,CAA6E,GAA9DC,IAAA,CAAAE,MAAW,CAACC,CAAA,IAAOA,CAAA,KAAMJ,W,CAAqC,GAA3F,IAAyEC,IAAA,EAAMD,WAAA,CAAY;IAAA,CAE/F;IAAAtB,CAAA,OAAAqB,EAAA;EAAA;IAAAA,EAAA,GAAArB,CAAA;EAAA;EAJA,MAAA2B,kBAAA,GAA2BN,EAItB;EAAA,IAAAO,EAAA;EAAA,IAAA5B,CAAA,SAAAI,UAAA,IAAAJ,CAAA,SAAAE,SAAA,IAAAF,CAAA,SAAAS,eAAA,IAAAT,CAAA,SAAAC,IAAA;IAE6B2B,EAAA,SAAAA,CAAA;MAChC,MAAM1B,SAAA,CAAU;QAAAO;MAAkB;MAClCL,UAAA,CAAWH,IAAA;IAAA,CACb;IAAAD,CAAA,OAAAI,UAAA;IAAAJ,CAAA,OAAAE,SAAA;IAAAF,CAAA,OAAAS,eAAA;IAAAT,CAAA,OAAAC,IAAA;IAAAD,CAAA,OAAA4B,EAAA;EAAA;IAAAA,EAAA,GAAA5B,CAAA;EAAA;EAHA,MAAA6B,aAAA,GAAsBD,EAG2B;EAAA,IAAAE,EAAA;EAAA,IAAA9B,CAAA,SAAAe,UAAA,CAAAgB,MAAA,IAAA/B,CAAA,SAAAkB,kBAAA,IAAAlB,CAAA,SAAA6B,aAAA,IAAA7B,CAAA,SAAAoB,eAAA,IAAApB,CAAA,SAAAY,aAAA,IAAAZ,CAAA,SAAAS,eAAA,IAAAT,CAAA,SAAAC,IAAA,IAAAD,CAAA,SAAAG,CAAA,IAAAH,CAAA,SAAAK,WAAA;IAAA,IAAA2B,EAAA;IAAA,IAAAhC,CAAA,SAAAC,IAAA,IAAAD,CAAA,SAAAK,WAAA;MAOhC2B,EAAA,GAAAA,CAAA;QACP3B,WAAA,CAAYJ,IAAA;MAAA,CACd;MAAAD,CAAA,OAAAC,IAAA;MAAAD,CAAA,OAAAK,WAAA;MAAAL,CAAA,OAAAgC,EAAA;IAAA;MAAAA,EAAA,GAAAhC,CAAA;IAAA;IAAA,IAAAiC,GAAA;IAAA,IAAAjC,CAAA,SAAAG,CAAA;MACU8B,GAAA,GAAA9B,CAAA,CAAE;MAAAH,CAAA,OAAAG,CAAA;MAAAH,CAAA,OAAAiC,GAAA;IAAA;MAAAA,GAAA,GAAAjC,CAAA;IAAA;IAAA,IAAAkC,GAAA;IAAA,IAAAlC,CAAA,SAAAG,CAAA;MAAwB+B,GAAA,GAAA/B,CAAA,CAAE;MAAAH,CAAA,OAAAG,CAAA;MAAAH,CAAA,OAAAkC,GAAA;IAAA;MAAAA,GAAA,GAAAlC,CAAA;IAAA;IAAA,IAAAmC,GAAA;IAAA,IAAAnC,CAAA,SAAAS,eAAA;MA8BrB0B,GAAA,GAAAC,QAAA,IACjBC,IAAA,CAAC;QAAAC,SAAA,EAAe,GAAGzC,SAAA,QAAiB;QAAA0C,QAAA,EAClCF,IAAA,CAACtD,aAAA;UAAAyD,OAAA,EACU/B,eAAA,CAAAe,QAAwB,CAAC/B,QAAA,CAAAE,KAAY;UAAA8C,EAAA,EAC1C,iBAAiBhD,QAAA,CAAAE,KAAY,EAAE;UAAAD,KAAA,EAC5BD,QAAA,CAAAC,KAAY;UAAAgD,QAAA,EACTA,CAAA,KAAMf,kBAAA,CAAmBlC,QAAA,CAAAE,KAAY;;SALRF,QAAA,CAAAE,KAAY;MAAAK,CAAA,OAAAS,eAAA;MAAAT,CAAA,OAAAmC,GAAA;IAAA;MAAAA,GAAA,GAAAnC,CAAA;IAAA;IAtC7D8B,EAAA,GAAAa,KAAA,CAACzD,MAAA;MAAAoD,SAAA,EACYzC,SAAA;MAAA+C,MAAA,EAETP,IAAA,CAAClD,YAAA;QAAA0D,OAAA,EACUb,EAET;QAAAc,KAAA,EACO,GAAGb,GAAE,IAAwBC,GAAE;;;iBAK1CS,KAAA,CAAC;QAAAL,SAAA,EAAe,GAAGzC,SAAA,cAAuB;QAAA0C,QAAA,E,CACxCF,IAAA,CAAC;UAAAE,QAAA,EAAMpC,CAAA,CAAE;YACTkC,IAAA,CAACpD,MAAA;UAAA8D,WAAA,EACa;UAAAC,QAAA,EACFvC,eAAA,CAAAsB,MAAsB,KAAK;UAAAkB,YAAA,EACxB;UAAAR,EAAA,EACV;UAAAS,OAAA,EACMrB,aAAA;UAAAsB,IAAA,EACJ;UAAAZ,QAAA,EAEJpC,CAAA,CAAE;;UAGPwC,KAAA,CAAC;QAAAL,SAAA,EAAe,GAAGzC,SAAA,WAAoB;QAAA0C,QAAA,E,CACrCF,IAAA,CAAC;UAAAC,SAAA,EAAe,GAAGzC,SAAA,QAAiB;UAAA0C,QAAA,EAClCF,IAAA,CAACtD,aAAA;YAAAyD,OAAA,EACUtB,kBAAA;YAAAuB,EAAA,EACN;YAAA/C,KAAA,EACIS,CAAA,CAAE,qBAAqB;cAAAiD,KAAA,EACrBrC,UAAA,CAAAgB,MAAiB;cAAArC,KAAA,EACjBS,CAAA,CAAE;YACX;YAAAuC,QAAA,EACUtB;;YAGbR,aAAA,CAAApB,GAAiB,CAAC2C,GACsC;;;;;;;;;;;;;;;;SAtC7DL,E;CAkDJ;AArFuE,SAAAhB,MAAArB,MAAA;EAAA,OAaNA,MAAA,CAAAE,KAAY;AAAA","ignoreList":[]}