@payloadcms/ui 4.0.0-internal.697830c → 4.0.0-internal.7e57eed

package/dist/elements/Nav/index.css

@@ -119,11 +119,6 @@
       --nav-padding-inline-end: var(--gutter-h);
     }
 
-    .nav__link {
-      font-size: var(--text-body-small-font-size);
-      line-height: var(--spacer-4);
-    }
-
     .nav__mobile-close {
       display: flex;
       align-items: center;

package/dist/elements/NavGroup/index.css

@@ -57,7 +57,6 @@
     color: var(--color-icon-tertiary);
     left: calc(-1 * var(--spacer-1));
     opacity: 0;
-    transition: opacity 150ms ease;
   }
 
   .nav-group--collapsed .collapsible__toggle {

package/dist/elements/Pagination/index.css

@@ -37,6 +37,11 @@
     &:focus-visible {
       outline: none;
     }
+
+    &:disabled {
+      cursor: not-allowed;
+      opacity: 0.5;
+    }
   }
 
   .paginator__page-total {

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/Pagination/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAgC,MAAM,OAAO,CAAA;AAGpD,OAAO,aAAa,CAAA;AAIpB,MAAM,MAAM,eAAe,GAAG;IAC5B,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IACjC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAsGhD,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/Pagination/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAgC,MAAM,OAAO,CAAA;AAGpD,OAAO,aAAa,CAAA;AAIpB,MAAM,MAAM,eAAe,GAAG;IAC5B,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IACjC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAqGhD,CAAA"}

package/dist/elements/Pagination/index.js

@@ -7,7 +7,7 @@ import { ClickableArrow } from './ClickableArrow/index.js';
 import './index.css';
 const baseClass = 'paginator';
 export const Pagination = props => {
-  const $ = _c(34);
+  const $ = _c(35);
   const {
     hasNextPage: t0,
     hasPrevPage: t1,
@@ -122,10 +122,8 @@ export const Pagination = props => {
     t11 = $[14];
   }
   const handleInputKeyDown = t11;
-  if (!totalPages || totalPages <= 1) {
-    return null;
-  }
-  const t12 = !hasPrevPage;
+  const isSinglePage = !totalPages || totalPages <= 1;
+  const t12 = isSinglePage || !hasPrevPage;
   let t13;
   if ($[15] !== currentPage || $[16] !== prevPage || $[17] !== updatePage) {
     t13 = () => updatePage(prevPage ?? Math.max(1, currentPage - 1));
@@ -137,16 +135,16 @@ export const Pagination = props => {
     t13 = $[18];
   }
   let t14;
-  if ($[19] !== currentPage || $[20] !== handleInputBlur || $[21] !== handleInputKeyDown || $[22] !== hasNextPage || $[23] !== inputValue || $[24] !== nextPage || $[25] !== t12 || $[26] !== t13 || $[27] !== totalPages || $[28] !== updatePage) {
+  if ($[19] !== currentPage || $[20] !== handleInputBlur || $[21] !== handleInputKeyDown || $[22] !== hasNextPage || $[23] !== inputValue || $[24] !== isSinglePage || $[25] !== nextPage || $[26] !== t12 || $[27] !== t13 || $[28] !== totalPages || $[29] !== updatePage) {
     let t15;
-    if ($[30] !== currentPage || $[31] !== nextPage || $[32] !== updatePage) {
+    if ($[31] !== currentPage || $[32] !== nextPage || $[33] !== updatePage) {
       t15 = () => updatePage(nextPage ?? currentPage + 1);
-      $[30] = currentPage;
-      $[31] = nextPage;
-      $[32] = updatePage;
-      $[33] = t15;
+      $[31] = currentPage;
+      $[32] = nextPage;
+      $[33] = updatePage;
+      $[34] = t15;
     } else {
-      t15 = $[33];
+      t15 = $[34];
     }
     t14 = _jsxs("div", {
       className: baseClass,
@@ -156,13 +154,14 @@ export const Pagination = props => {
         updatePage: t13
       }), _jsx(ClickableArrow, {
         direction: "right",
-        isDisabled: !hasNextPage,
+        isDisabled: isSinglePage || !hasNextPage,
         updatePage: t15
       }), _jsxs("div", {
         className: `${baseClass}__page-input-wrapper`,
         children: [_jsx("input", {
           "aria-label": "Go to page",
           className: `${baseClass}__page-input`,
+          disabled: isSinglePage,
           inputMode: "numeric",
           max: totalPages,
           min: 1,
@@ -176,7 +175,7 @@ export const Pagination = props => {
           value: inputValue
         }), _jsxs("span", {
           className: `${baseClass}__page-total`,
-          children: ["of ", totalPages]
+          children: ["of ", isSinglePage ? 1 : totalPages]
         })]
       })]
     });
@@ -185,14 +184,15 @@ export const Pagination = props => {
     $[21] = handleInputKeyDown;
     $[22] = hasNextPage;
     $[23] = inputValue;
-    $[24] = nextPage;
-    $[25] = t12;
-    $[26] = t13;
-    $[27] = totalPages;
-    $[28] = updatePage;
-    $[29] = t14;
+    $[24] = isSinglePage;
+    $[25] = nextPage;
+    $[26] = t12;
+    $[27] = t13;
+    $[28] = totalPages;
+    $[29] = updatePage;
+    $[30] = t14;
   } else {
-    t14 = $[29];
+    t14 = $[30];
   }
   return t14;
 };

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","React","useCallback","useState","ClickableArrow","baseClass","Pagination","props","$","hasNextPage","t0","hasPrevPage","t1","nextPage","t2","onChange","page","t3","prevPage","t4","totalPages","t5","undefined","currentPage","inputValue","setInputValue","String","t6","t7","useEffect","t8","updatePage","t9","Symbol","for","e","target","value","handleInputChange","t10","parsed","parseInt","isNaN","clamped","Math","max","min","handleInputBlur","t11","e_0","key","currentTarget","blur","preventDefault","parsed_0","parsed_1","handleInputKeyDown","t12","t13","t14","t15","_jsxs","className","children","_jsx","direction","isDisabled","inputMode","onBlur","onKeyDown","style","width","length","type"],"sources":["../../../src/elements/Pagination/index.tsx"],"sourcesContent":["'use client'\nimport React, { useCallback, useState } from 'react'\n\nimport { ClickableArrow } from './ClickableArrow/index.js'\nimport './index.css'\n\nconst baseClass = 'paginator'\n\nexport type PaginationProps = {\n  hasNextPage?: boolean\n  hasPrevPage?: boolean\n  limit?: number\n  nextPage?: number\n  numberOfNeighbors?: number\n  onChange?: (page: number) => void\n  page?: number\n  prevPage?: number\n  totalPages?: number\n}\n\nexport const Pagination: React.FC<PaginationProps> = (props) => {\n  const {\n    hasNextPage = false,\n    hasPrevPage = false,\n    nextPage = null,\n    onChange,\n    page: currentPage = 1,\n    prevPage = null,\n    totalPages = 1,\n  } = props\n\n  const [inputValue, setInputValue] = useState(String(currentPage))\n\n  // Sync input value when currentPage changes externally\n  React.useEffect(() => {\n    setInputValue(String(currentPage))\n  }, [currentPage])\n\n  const updatePage = useCallback(\n    (page: number) => {\n      if (typeof onChange === 'function') {\n        onChange(page)\n      }\n    },\n    [onChange],\n  )\n\n  const handleInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    setInputValue(e.target.value)\n  }\n\n  const handleInputBlur = () => {\n    const parsed = parseInt(inputValue, 10)\n    if (!isNaN(parsed)) {\n      // Clamp to valid range\n      const clamped = Math.max(1, Math.min(parsed, totalPages))\n      if (clamped !== currentPage) {\n        updatePage(clamped)\n      } else {\n        setInputValue(String(currentPage))\n      }\n    } else {\n      // Reset to current page if not a number\n      setInputValue(String(currentPage))\n    }\n  }\n\n  const handleInputKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {\n    if (e.key === 'Enter') {\n      e.currentTarget.blur()\n    } else if (e.key === 'Escape') {\n      setInputValue(String(currentPage))\n      e.currentTarget.blur()\n    } else if (e.key === 'ArrowUp') {\n      e.preventDefault()\n      const parsed = parseInt(inputValue, 10)\n      if (!isNaN(parsed) && parsed < totalPages) {\n        setInputValue(String(parsed + 1))\n      }\n    } else if (e.key === 'ArrowDown') {\n      e.preventDefault()\n      const parsed = parseInt(inputValue, 10)\n      if (!isNaN(parsed) && parsed > 1) {\n        setInputValue(String(parsed - 1))\n      }\n    }\n  }\n\n  if (!totalPages || totalPages <= 1) {\n    return null\n  }\n\n  return (\n    <div className={baseClass}>\n      <ClickableArrow\n        direction=\"left\"\n        isDisabled={!hasPrevPage}\n        updatePage={() => updatePage(prevPage ?? Math.max(1, currentPage - 1))}\n      />\n      <ClickableArrow\n        direction=\"right\"\n        isDisabled={!hasNextPage}\n        updatePage={() => updatePage(nextPage ?? currentPage + 1)}\n      />\n      <div className={`${baseClass}__page-input-wrapper`}>\n        <input\n          aria-label=\"Go to page\"\n          className={`${baseClass}__page-input`}\n          inputMode=\"numeric\"\n          max={totalPages}\n          min={1}\n          onBlur={handleInputBlur}\n          onChange={handleInputChange}\n          onKeyDown={handleInputKeyDown}\n          style={{ width: `${Math.max(inputValue.length, 1)}ch` }}\n          type=\"text\"\n          value={inputValue}\n        />\n        <span className={`${baseClass}__page-total`}>of {totalPages}</span>\n      </div>\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","React","useCallback","useState","ClickableArrow","baseClass","Pagination","props","$","hasNextPage","t0","hasPrevPage","t1","nextPage","t2","onChange","page","t3","prevPage","t4","totalPages","t5","undefined","currentPage","inputValue","setInputValue","String","t6","t7","useEffect","t8","updatePage","t9","Symbol","for","e","target","value","handleInputChange","t10","parsed","parseInt","isNaN","clamped","Math","max","min","handleInputBlur","t11","e_0","key","currentTarget","blur","preventDefault","parsed_0","parsed_1","handleInputKeyDown","isSinglePage","t12","t13","t14","t15","_jsxs","className","children","_jsx","direction","isDisabled","disabled","inputMode","onBlur","onKeyDown","style","width","length","type"],"sources":["../../../src/elements/Pagination/index.tsx"],"sourcesContent":["'use client'\nimport React, { useCallback, useState } from 'react'\n\nimport { ClickableArrow } from './ClickableArrow/index.js'\nimport './index.css'\n\nconst baseClass = 'paginator'\n\nexport type PaginationProps = {\n  hasNextPage?: boolean\n  hasPrevPage?: boolean\n  limit?: number\n  nextPage?: number\n  numberOfNeighbors?: number\n  onChange?: (page: number) => void\n  page?: number\n  prevPage?: number\n  totalPages?: number\n}\n\nexport const Pagination: React.FC<PaginationProps> = (props) => {\n  const {\n    hasNextPage = false,\n    hasPrevPage = false,\n    nextPage = null,\n    onChange,\n    page: currentPage = 1,\n    prevPage = null,\n    totalPages = 1,\n  } = props\n\n  const [inputValue, setInputValue] = useState(String(currentPage))\n\n  // Sync input value when currentPage changes externally\n  React.useEffect(() => {\n    setInputValue(String(currentPage))\n  }, [currentPage])\n\n  const updatePage = useCallback(\n    (page: number) => {\n      if (typeof onChange === 'function') {\n        onChange(page)\n      }\n    },\n    [onChange],\n  )\n\n  const handleInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    setInputValue(e.target.value)\n  }\n\n  const handleInputBlur = () => {\n    const parsed = parseInt(inputValue, 10)\n    if (!isNaN(parsed)) {\n      // Clamp to valid range\n      const clamped = Math.max(1, Math.min(parsed, totalPages))\n      if (clamped !== currentPage) {\n        updatePage(clamped)\n      } else {\n        setInputValue(String(currentPage))\n      }\n    } else {\n      // Reset to current page if not a number\n      setInputValue(String(currentPage))\n    }\n  }\n\n  const handleInputKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {\n    if (e.key === 'Enter') {\n      e.currentTarget.blur()\n    } else if (e.key === 'Escape') {\n      setInputValue(String(currentPage))\n      e.currentTarget.blur()\n    } else if (e.key === 'ArrowUp') {\n      e.preventDefault()\n      const parsed = parseInt(inputValue, 10)\n      if (!isNaN(parsed) && parsed < totalPages) {\n        setInputValue(String(parsed + 1))\n      }\n    } else if (e.key === 'ArrowDown') {\n      e.preventDefault()\n      const parsed = parseInt(inputValue, 10)\n      if (!isNaN(parsed) && parsed > 1) {\n        setInputValue(String(parsed - 1))\n      }\n    }\n  }\n\n  const isSinglePage = !totalPages || totalPages <= 1\n\n  return (\n    <div className={baseClass}>\n      <ClickableArrow\n        direction=\"left\"\n        isDisabled={isSinglePage || !hasPrevPage}\n        updatePage={() => updatePage(prevPage ?? Math.max(1, currentPage - 1))}\n      />\n      <ClickableArrow\n        direction=\"right\"\n        isDisabled={isSinglePage || !hasNextPage}\n        updatePage={() => updatePage(nextPage ?? currentPage + 1)}\n      />\n      <div className={`${baseClass}__page-input-wrapper`}>\n        <input\n          aria-label=\"Go to page\"\n          className={`${baseClass}__page-input`}\n          disabled={isSinglePage}\n          inputMode=\"numeric\"\n          max={totalPages}\n          min={1}\n          onBlur={handleInputBlur}\n          onChange={handleInputChange}\n          onKeyDown={handleInputKeyDown}\n          style={{ width: `${Math.max(inputValue.length, 1)}ch` }}\n          type=\"text\"\n          value={inputValue}\n        />\n        <span className={`${baseClass}__page-total`}>of {isSinglePage ? 1 : totalPages}</span>\n      </div>\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,4 +1,3 @@
-import type { PreviewButtonClientProps } from 'payload';
 import React from 'react';
-export declare function PreviewButton(props: PreviewButtonClientProps): React.JSX.Element;
+export declare function PreviewButton(): React.JSX.Element;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/PreviewButton/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,SAAS,CAAA;AAEvD,OAAO,KAAgC,MAAM,OAAO,CAAA;AAQpD,wBAAgB,aAAa,CAAC,KAAK,EAAE,wBAAwB,qBA0C5D"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/PreviewButton/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAgC,MAAM,OAAO,CAAA;AAQpD,wBAAgB,aAAa,sBAoD5B"}

package/dist/elements/PreviewButton/index.js

@@ -8,7 +8,7 @@ import { usePreviewURL } from '../../providers/LivePreview/context.js';
 import { useTranslation } from '../../providers/Translation/index.js';
 import { Button } from '../Button/index.js';
 import { Tooltip } from '../Tooltip/index.js';
-export function PreviewButton(props) {
+export function PreviewButton() {
   const $ = _c(9);
   const {
     previewURL
@@ -20,11 +20,16 @@ export function PreviewButton(props) {
   const [hovered, setHovered] = useState(false);
   let t0;
   if ($[0] !== previewURL) {
-    t0 = async () => {
-      if (previewURL) {
-        await navigator.clipboard.writeText(previewURL);
-        setCopied(true);
+    t0 = async event => {
+      if (!previewURL) {
+        return;
       }
+      if (event.metaKey || event.ctrlKey) {
+        window.open(previewURL, "_blank", "noopener,noreferrer");
+        return;
+      }
+      await navigator.clipboard.writeText(previewURL);
+      setCopied(true);
     };
     $[0] = previewURL;
     $[1] = t0;
@@ -70,6 +75,7 @@ export function PreviewButton(props) {
         onClick: handleClick
       }), _jsx(Tooltip, {
         delay: 0,
+        id: "preview-button-tooltip",
         show: hovered || copied,
         children: label
       })]

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","React","useCallback","useState","LinkIcon","usePreviewURL","useTranslation","Button","Tooltip","PreviewButton","props","$","previewURL","t","copied","setCopied","hovered","setHovered","t0","navigator","clipboard","writeText","handleClick","t1","label","t2","t3","Symbol","for","_jsxs","onPointerEnter","onPointerLeave","style","position","children","_jsx","buttonStyle","icon","size","onClick","delay","show"],"sources":["../../../src/elements/PreviewButton/index.tsx"],"sourcesContent":["'use client'\nimport type { PreviewButtonClientProps } from 'payload'\n\nimport React, { useCallback, useState } from 'react'\n\nimport { LinkIcon } from '../../icons/Link/index.js'\nimport { usePreviewURL } from '../../providers/LivePreview/context.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { Button } from '../Button/index.js'\nimport { Tooltip } from '../Tooltip/index.js'\n\nexport function PreviewButton(props: PreviewButtonClientProps) {\n  const { previewURL } = usePreviewURL()\n  const { t } = useTranslation()\n  const [copied, setCopied] = useState(false)\n  const [hovered, setHovered] = useState(false)\n\n  const handleClick = useCallback(async () => {\n    if (previewURL) {\n      await navigator.clipboard.writeText(previewURL)\n      setCopied(true)\n    }\n  }, [previewURL])\n\n  if (!previewURL) {\n    return null\n  }\n\n  const label = copied ? t('general:copied') : t('general:copy')\n\n  return (\n    <span\n      onPointerEnter={() => {\n        setHovered(true)\n        setCopied(false)\n      }}\n      onPointerLeave={() => {\n        setHovered(false)\n        setCopied(false)\n      }}\n      style={{ position: 'relative' }}\n    >\n      <Button\n        buttonStyle=\"ghost\"\n        icon={<LinkIcon size={24} />}\n        id=\"preview-button\"\n        onClick={handleClick}\n      />\n      <Tooltip delay={0} show={hovered || copied}>\n        {label}\n      </Tooltip>\n    </span>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAGA,OAAOC,KAAA,IAASC,WAAW,EAAEC,QAAQ,QAAQ;AAE7C,SAASC,QAAQ,QAAQ;AACzB,SAASC,aAAa,QAAQ;AAC9B,SAASC,cAAc,QAAQ;AAC/B,SAASC,MAAM,QAAQ;AACvB,SAASC,OAAO,QAAQ;AAExB,OAAO,SAAAC,cAAAC,KAAA;EAAA,MAAAC,CAAA,GAAAX,EAAA;EACL;IAAAY;EAAA,IAAuBP,aAAA;EACvB;IAAAQ;EAAA,IAAcP,cAAA;EACd,OAAAQ,MAAA,EAAAC,SAAA,IAA4BZ,QAAA,MAAS;EACrC,OAAAa,OAAA,EAAAC,UAAA,IAA8Bd,QAAA,MAAS;EAAA,IAAAe,EAAA;EAAA,IAAAP,CAAA,QAAAC,UAAA;IAEPM,EAAA,SAAAA,CAAA;MAAA,IAC1BN,UAAA;QAAA,MACIO,SAAA,CAAAC,SAAA,CAAAC,SAAA,CAA8BT,UAAA;QACpCG,SAAA,KAAU;MAAA;IAAA;IAEdJ,CAAA,MAAAC,UAAA;IAAAD,CAAA,MAAAO,EAAA;EAAA;IAAAA,EAAA,GAAAP,CAAA;EAAA;EALA,MAAAW,WAAA,GAAoBJ,EAKL;EAAA,KAEVN,UAAA;IAAA;EAAA;EAAA,IAAAW,EAAA;EAAA,IAAAZ,CAAA,QAAAG,MAAA,IAAAH,CAAA,QAAAW,WAAA,IAAAX,CAAA,QAAAK,OAAA,IAAAL,CAAA,QAAAE,CAAA;IAIL,MAAAW,KAAA,GAAcV,MAAA,GAASD,CAAA,CAAE,oBAAoBA,CAAA,CAAE;IAAA,IAAAY,EAAA;IAAA,IAAAC,EAAA;IAAA,IAAAf,CAAA,QAAAgB,MAAA,CAAAC,GAAA;MAI3BH,EAAA,GAAAA,CAAA;QACdR,UAAA,KAAW;QACXF,SAAA,MAAU;MAAA;MAEIW,EAAA,GAAAA,CAAA;QACdT,UAAA,MAAW;QACXF,SAAA,MAAU;MAAA;MACZJ,CAAA,MAAAc,EAAA;MAAAd,CAAA,MAAAe,EAAA;IAAA;MAAAD,EAAA,GAAAd,CAAA;MAAAe,EAAA,GAAAf,CAAA;IAAA;IARFY,EAAA,GAAAM,KAAA,CAAC;MAAAC,cAAA,EACiBL,EAGhB;MAAAM,cAAA,EACgBL,EAGhB;MAAAM,KAAA;QAAAC,QAAA,EACmB;MAAA;MAAAC,QAAA,GAEnBC,IAAA,CAAA5B,MAAA;QAAA6B,WAAA,EACc;QAAAC,IAAA,EACNF,IAAA,CAAA/B,QAAA;UAAAkC,IAAA;QAAA,C;YACH;QAAAC,OAAA,EACMjB;MAAA,C,GAEXa,IAAA,CAAA3B,OAAA;QAAAgC,KAAA;QAAAC,IAAA,EAAyBzB,OAAA,IAAWF,MAAA;QAAAoB,QAAA,EACjCV;MAAA,C;;;;;;;;;;SAlBLD,E","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","React","useCallback","useState","LinkIcon","usePreviewURL","useTranslation","Button","Tooltip","PreviewButton","$","previewURL","t","copied","setCopied","hovered","setHovered","t0","event","metaKey","ctrlKey","window","open","navigator","clipboard","writeText","handleClick","t1","label","t2","t3","Symbol","for","_jsxs","onPointerEnter","onPointerLeave","style","position","children","_jsx","buttonStyle","icon","size","onClick","delay","id","show"],"sources":["../../../src/elements/PreviewButton/index.tsx"],"sourcesContent":["'use client'\nimport React, { useCallback, useState } from 'react'\n\nimport { LinkIcon } from '../../icons/Link/index.js'\nimport { usePreviewURL } from '../../providers/LivePreview/context.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { Button } from '../Button/index.js'\nimport { Tooltip } from '../Tooltip/index.js'\n\nexport function PreviewButton() {\n  const { previewURL } = usePreviewURL()\n  const { t } = useTranslation()\n  const [copied, setCopied] = useState(false)\n  const [hovered, setHovered] = useState(false)\n\n  const handleClick = useCallback(\n    async (event: React.MouseEvent<HTMLButtonElement>) => {\n      if (!previewURL) {\n        return\n      }\n\n      if (event.metaKey || event.ctrlKey) {\n        window.open(previewURL, '_blank', 'noopener,noreferrer')\n        return\n      }\n\n      await navigator.clipboard.writeText(previewURL)\n      setCopied(true)\n    },\n    [previewURL],\n  )\n\n  if (!previewURL) {\n    return null\n  }\n\n  const label = copied ? t('general:copied') : t('general:copy')\n\n  return (\n    <span\n      onPointerEnter={() => {\n        setHovered(true)\n        setCopied(false)\n      }}\n      onPointerLeave={() => {\n        setHovered(false)\n        setCopied(false)\n      }}\n      style={{ position: 'relative' }}\n    >\n      <Button\n        buttonStyle=\"ghost\"\n        icon={<LinkIcon size={24} />}\n        id=\"preview-button\"\n        onClick={handleClick}\n      />\n      <Tooltip delay={0} id=\"preview-button-tooltip\" show={hovered || copied}>\n        {label}\n      </Tooltip>\n    </span>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AACA,OAAOC,KAAA,IAASC,WAAW,EAAEC,QAAQ,QAAQ;AAE7C,SAASC,QAAQ,QAAQ;AACzB,SAASC,aAAa,QAAQ;AAC9B,SAASC,cAAc,QAAQ;AAC/B,SAASC,MAAM,QAAQ;AACvB,SAASC,OAAO,QAAQ;AAExB,OAAO,SAAAC,cAAA;EAAA,MAAAC,CAAA,GAAAV,EAAA;EACL;IAAAW;EAAA,IAAuBN,aAAA;EACvB;IAAAO;EAAA,IAAcN,cAAA;EACd,OAAAO,MAAA,EAAAC,SAAA,IAA4BX,QAAA,MAAS;EACrC,OAAAY,OAAA,EAAAC,UAAA,IAA8Bb,QAAA,MAAS;EAAA,IAAAc,EAAA;EAAA,IAAAP,CAAA,QAAAC,UAAA;IAGrCM,EAAA,SAAAC,KAAA;MAAA,KACOP,UAAA;QAAA;MAAA;MAAA,IAIDO,KAAA,CAAAC,OAAA,IAAiBD,KAAA,CAAAE,OAAa;QAChCC,MAAA,CAAAC,IAAA,CAAYX,UAAA,EAAY,UAAU;QAAA;MAAA;MAAA,MAI9BY,SAAA,CAAAC,SAAA,CAAAC,SAAA,CAA8Bd,UAAA;MACpCG,SAAA,KAAU;IAAA;IACZJ,CAAA,MAAAC,UAAA;IAAAD,CAAA,MAAAO,EAAA;EAAA;IAAAA,EAAA,GAAAP,CAAA;EAAA;EAbF,MAAAgB,WAAA,GAAoBT,EAcN;EAAA,KAGTN,UAAA;IAAA;EAAA;EAAA,IAAAgB,EAAA;EAAA,IAAAjB,CAAA,QAAAG,MAAA,IAAAH,CAAA,QAAAgB,WAAA,IAAAhB,CAAA,QAAAK,OAAA,IAAAL,CAAA,QAAAE,CAAA;IAIL,MAAAgB,KAAA,GAAcf,MAAA,GAASD,CAAA,CAAE,oBAAoBA,CAAA,CAAE;IAAA,IAAAiB,EAAA;IAAA,IAAAC,EAAA;IAAA,IAAApB,CAAA,QAAAqB,MAAA,CAAAC,GAAA;MAI3BH,EAAA,GAAAA,CAAA;QACdb,UAAA,KAAW;QACXF,SAAA,MAAU;MAAA;MAEIgB,EAAA,GAAAA,CAAA;QACdd,UAAA,MAAW;QACXF,SAAA,MAAU;MAAA;MACZJ,CAAA,MAAAmB,EAAA;MAAAnB,CAAA,MAAAoB,EAAA;IAAA;MAAAD,EAAA,GAAAnB,CAAA;MAAAoB,EAAA,GAAApB,CAAA;IAAA;IARFiB,EAAA,GAAAM,KAAA,CAAC;MAAAC,cAAA,EACiBL,EAGhB;MAAAM,cAAA,EACgBL,EAGhB;MAAAM,KAAA;QAAAC,QAAA,EACmB;MAAA;MAAAC,QAAA,GAEnBC,IAAA,CAAAhC,MAAA;QAAAiC,WAAA,EACc;QAAAC,IAAA,EACNF,IAAA,CAAAnC,QAAA;UAAAsC,IAAA;QAAA,C;YACH;QAAAC,OAAA,EACMjB;MAAA,C,GAEXa,IAAA,CAAA/B,OAAA;QAAAoC,KAAA;QAAAC,EAAA,EAAsB;QAAAC,IAAA,EAA+B/B,OAAA,IAAWF,MAAA;QAAAyB,QAAA,EAC7DV;MAAA,C;;;;;;;;;;SAlBLD,E","ignoreList":[]}

package/dist/elements/PreviewSizes/index.css

@@ -1,7 +1,7 @@
 @layer payload-default {
   .preview-sizes {
     margin: var(--spacer-6) calc(var(--gutter-h) * -1) 0 calc(var(--gutter-h) * -1);
-    border-top: var(--stroke-width-small) solid var(--theme-elevation-150);
+    border-top: var(--stroke-width-small) solid var(--color-border);
     max-height: calc(100vh - var(--spacer-6) * 3);
     height: 100%;
     display: flex;
@@ -10,7 +10,7 @@
 
   .preview-sizes__imageWrap {
     min-width: 60%;
-    border-right: var(--stroke-width-small) solid var(--theme-elevation-150);
+    border-right: var(--stroke-width-small) solid var(--color-border);
   }
 
   .preview-sizes__preview {
@@ -20,7 +20,7 @@
   }
 
   .preview-sizes__meta {
-    border-bottom: var(--stroke-width-small) solid var(--theme-elevation-150);
+    border-bottom: var(--stroke-width-small) solid var(--color-border);
     padding: var(--spacer-3) var(--gutter-h);
     display: flex;
     flex-wrap: wrap;
@@ -41,7 +41,7 @@
 
   .preview-sizes__sizeName,
   .preview-sizes .file-meta__size-type {
-    color: var(--theme-elevation-600);
+    color: var(--color-text-secondary);
   }
 
   .preview-sizes__listWrap {
@@ -61,7 +61,7 @@
     left: 0;
     height: calc(var(--spacer-6) * 2);
     width: 100%;
-    background: linear-gradient(180deg, transparent 0, var(--theme-bg) 100%);
+    background: linear-gradient(180deg, transparent 0, var(--color-bg) 100%);
     pointer-events: none;
   }
 
@@ -79,15 +79,14 @@
     display: flex;
     gap: var(--spacer-3);
     cursor: pointer;
-    transition: background-color 0.2s ease-in-out;
   }
 
   .preview-sizes__sizeOption:hover {
-    background-color: var(--theme-elevation-100);
+    background-color: var(--color-bg-hover);
   }
 
   .preview-sizes--selected {
-    background-color: var(--theme-elevation-100);
+    background-color: var(--color-bg-secondary);
   }
 
   .preview-sizes__image {
@@ -142,7 +141,7 @@
     }
 
     .preview-sizes__listWrap {
-      border-top: var(--stroke-width-small) solid var(--theme-elevation-150);
+      border-top: var(--stroke-width-small) solid var(--color-border);
       height: 40%;
     }
   }

package/dist/elements/PublishButton/ScheduleDrawer/buildUpcomingColumns.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"buildUpcomingColumns.d.ts","sourceRoot":"","sources":["../../../../src/elements/PublishButton/ScheduleDrawer/buildUpcomingColumns.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,EAAE,MAAM,SAAS,CAAA;AAEnD,OAAO,EAAkB,KAAK,UAAU,EAAE,KAAK,SAAS,EAAE,MAAM,0BAA0B,CAAA;AAG1F,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,YAAY,CAAA;AAM/C,KAAK,IAAI,GAAG;IACV,UAAU,EAAE,MAAM,CAAA;IAClB,aAAa,EAAE,CAAC,EAAE,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAA;IAC5C,IAAI,EAAE,aAAa,EAAE,CAAA;IACrB,IAAI,EAAE,UAAU,CAAA;IAChB,YAAY,EAAE,YAAY,CAAC,cAAc,CAAC,CAAA;IAC1C,kBAAkB,EAAE,YAAY,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,CAAC,oBAAoB,CAAC,CAAA;IAC5E,CAAC,EAAE,SAAS,CAAA;CACb,CAAA;AAED,eAAO,MAAM,oBAAoB,GAAI,iFAQlC,IAAI,KAAG,MAAM,EA4Gf,CAAA"}
+{"version":3,"file":"buildUpcomingColumns.d.ts","sourceRoot":"","sources":["../../../../src/elements/PublishButton/ScheduleDrawer/buildUpcomingColumns.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,EAAE,MAAM,SAAS,CAAA;AAEnD,OAAO,EAAkB,KAAK,UAAU,EAAE,KAAK,SAAS,EAAE,MAAM,0BAA0B,CAAA;AAG1F,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,YAAY,CAAA;AAM/C,KAAK,IAAI,GAAG;IACV,UAAU,EAAE,MAAM,CAAA;IAClB,aAAa,EAAE,CAAC,EAAE,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAA;IAC5C,IAAI,EAAE,aAAa,EAAE,CAAA;IACrB,IAAI,EAAE,UAAU,CAAA;IAChB,YAAY,EAAE,YAAY,CAAC,cAAc,CAAC,CAAA;IAC1C,kBAAkB,EAAE,YAAY,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,CAAC,oBAAoB,CAAC,CAAA;IAC5E,CAAC,EAAE,SAAS,CAAA;CACb,CAAA;AAED,eAAO,MAAM,oBAAoB,oFAQ9B,IAAI,KAAG,MAAM,EA4Gf,CAAA"}

package/dist/elements/PublishButton/ScheduleDrawer/buildUpcomingScheduleWhere.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"buildUpcomingScheduleWhere.d.ts","sourceRoot":"","sources":["../../../../src/elements/PublishButton/ScheduleDrawer/buildUpcomingScheduleWhere.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAEpC,KAAK,IAAI,GAAG;IACV,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;CACrB,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,0BAA0B,GAAI,oCAAoC,IAAI,KAAG,KAsCrF,CAAA"}
+{"version":3,"file":"buildUpcomingScheduleWhere.d.ts","sourceRoot":"","sources":["../../../../src/elements/PublishButton/ScheduleDrawer/buildUpcomingScheduleWhere.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAEpC,KAAK,IAAI,GAAG;IACV,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;CACrB,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,0BAA0B,uCAAwC,IAAI,KAAG,KAsCrF,CAAA"}

package/dist/elements/ReactSelect/ClearIndicator/index.css

@@ -6,7 +6,6 @@
     justify-content: center;
     flex-shrink: 0;
     color: var(--color-icon-secondary);
-    transition: color 100ms;
 
     &:hover {
       color: var(--color-icon);

package/dist/elements/ReactSelect/DefaultMenuPortal.d.ts

@@ -0,0 +1,7 @@
+import type { GroupBase } from 'react-select';
+import React from 'react';
+import { components as rsComponents } from 'react-select';
+type DefaultMenuPortalProps<Opt, IsMulti extends boolean, Group extends GroupBase<Opt>> = React.ComponentProps<typeof rsComponents.MenuPortal<Opt, IsMulti, Group>>;
+export declare function DefaultMenuPortal<Opt, IsMulti extends boolean, Group extends GroupBase<Opt>>(props: DefaultMenuPortalProps<Opt, IsMulti, Group>): React.JSX.Element;
+export {};
+//# sourceMappingURL=DefaultMenuPortal.d.ts.map

package/dist/elements/ReactSelect/DefaultMenuPortal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DefaultMenuPortal.d.ts","sourceRoot":"","sources":["../../../src/elements/ReactSelect/DefaultMenuPortal.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAG7C,OAAO,KAA+C,MAAM,OAAO,CAAA;AAEnE,OAAO,EAAE,UAAU,IAAI,YAAY,EAAE,MAAM,cAAc,CAAA;AAiBzD,KAAK,sBAAsB,CACzB,GAAG,EACH,OAAO,SAAS,OAAO,EACvB,KAAK,SAAS,SAAS,CAAC,GAAG,CAAC,IAC1B,KAAK,CAAC,cAAc,CAAC,OAAO,YAAY,CAAC,UAAU,CAAC,GAAG,EAAE,OAAO,EAAE,KAAK,CAAC,CAAC,CAAA;AAE7E,wBAAgB,iBAAiB,CAAC,GAAG,EAAE,OAAO,SAAS,OAAO,EAAE,KAAK,SAAS,SAAS,CAAC,GAAG,CAAC,EAC1F,KAAK,EAAE,sBAAsB,CAAC,GAAG,EAAE,OAAO,EAAE,KAAK,CAAC,qBAoHnD"}

package/dist/elements/ReactSelect/DefaultMenuPortal.js

@@ -0,0 +1,120 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { autoUpdate, computePosition, flip, offset, shift, size } from '@floating-ui/dom';
+import React, { useCallback, useLayoutEffect, useRef } from 'react';
+import { createPortal } from 'react-dom';
+import { components as rsComponents } from 'react-select';
+import { useTheme } from '../../providers/Theme/index.js';
+const FLOATING_MENU_PADDING = 16;
+const FLOATING_MENU_OFFSET = 4;
+export function DefaultMenuPortal(props) {
+  const {
+    appendTo,
+    children,
+    controlElement,
+    innerProps = {},
+    menuPlacement
+  } = props;
+  const {
+    theme
+  } = useTheme();
+  const floatingRef = useRef(null);
+  const rafRef = useRef(null);
+  const selectProps = props.selectProps;
+  const menuPortalTheme = selectProps.customProps?.menuPortalTheme;
+  const updatePosition = useCallback(async () => {
+    const floatingElement = floatingRef.current;
+    if (!controlElement || !floatingElement) {
+      return;
+    }
+    const placement = menuPlacement === 'top' ? 'top-start' : 'bottom-start';
+    const {
+      x,
+      y
+    } = await computePosition(controlElement, floatingElement, {
+      middleware: [offset(FLOATING_MENU_OFFSET), flip({
+        padding: FLOATING_MENU_PADDING
+      }), shift({
+        padding: FLOATING_MENU_PADDING
+      }), size({
+        apply({
+          availableHeight,
+          elements,
+          rects
+        }) {
+          const maxHeight = `${Math.max(1, Math.floor(availableHeight))}px`;
+          const width = `${Math.floor(rects.reference.width)}px`;
+          Object.assign(elements.floating.style, {
+            '--rs-floating-menu-max-height': maxHeight,
+            minWidth: width,
+            width
+          });
+        },
+        padding: FLOATING_MENU_PADDING
+      })],
+      placement,
+      strategy: 'fixed'
+    });
+    Object.assign(floatingElement.style, {
+      left: `${x}px`,
+      top: `${y}px`
+    });
+  }, [controlElement, menuPlacement]);
+  const setFloatingElement = useCallback(element => {
+    floatingRef.current = element;
+    void updatePosition();
+  }, [updatePosition]);
+  useLayoutEffect(() => {
+    const floatingElement = floatingRef.current;
+    if (!appendTo || !controlElement || !floatingElement || typeof window === 'undefined') {
+      return;
+    }
+    const cleanupAutoUpdate = autoUpdate(controlElement, floatingElement, updatePosition, {
+      elementResize: 'ResizeObserver' in window
+    });
+    const visualViewport = window.visualViewport;
+    visualViewport?.addEventListener('resize', updatePosition);
+    visualViewport?.addEventListener('scroll', updatePosition);
+    rafRef.current = window.requestAnimationFrame(() => {
+      void updatePosition();
+    });
+    return () => {
+      cleanupAutoUpdate();
+      visualViewport?.removeEventListener('resize', updatePosition);
+      visualViewport?.removeEventListener('scroll', updatePosition);
+      if (rafRef.current !== null) {
+        window.cancelAnimationFrame(rafRef.current);
+      }
+    };
+  }, [appendTo, controlElement, updatePosition]);
+  if (!appendTo || !controlElement) {
+    const themedInnerProps = {
+      ...innerProps,
+      'data-theme': menuPortalTheme ?? theme
+    };
+    return /*#__PURE__*/_jsx(rsComponents.MenuPortal, {
+      ...props,
+      innerProps: themedInnerProps
+    });
+  }
+  const {
+    className,
+    style,
+    ...restInnerProps
+  } = innerProps;
+  const menuWrapper = /*#__PURE__*/_jsx("div", {
+    ...restInnerProps,
+    className: ['rs__floating-menu-portal', className].filter(Boolean).join(' '),
+    "data-theme": menuPortalTheme ?? theme,
+    ref: setFloatingElement,
+    style: {
+      ...style,
+      left: 0,
+      position: 'fixed',
+      top: 0,
+      zIndex: 'var(--z-portal-element)'
+    },
+    children: children
+  });
+  return /*#__PURE__*/createPortal(menuWrapper, appendTo);
+}
+//# sourceMappingURL=DefaultMenuPortal.js.map

package/dist/elements/ReactSelect/DefaultMenuPortal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DefaultMenuPortal.js","names":["autoUpdate","computePosition","flip","offset","shift","size","React","useCallback","useLayoutEffect","useRef","createPortal","components","rsComponents","useTheme","FLOATING_MENU_PADDING","FLOATING_MENU_OFFSET","DefaultMenuPortal","props","appendTo","children","controlElement","innerProps","menuPlacement","theme","floatingRef","rafRef","selectProps","menuPortalTheme","customProps","updatePosition","floatingElement","current","placement","x","y","middleware","padding","apply","availableHeight","elements","rects","maxHeight","Math","max","floor","width","reference","Object","assign","floating","style","minWidth","strategy","left","top","setFloatingElement","element","window","cleanupAutoUpdate","elementResize","visualViewport","addEventListener","requestAnimationFrame","removeEventListener","cancelAnimationFrame","themedInnerProps","_jsx","MenuPortal","className","restInnerProps","menuWrapper","filter","Boolean","join","ref","position","zIndex"],"sources":["../../../src/elements/ReactSelect/DefaultMenuPortal.tsx"],"sourcesContent":["import type { CSSProperties } from 'react'\nimport type { GroupBase } from 'react-select'\n\nimport { autoUpdate, computePosition, flip, offset, shift, size } from '@floating-ui/dom'\nimport React, { useCallback, useLayoutEffect, useRef } from 'react'\nimport { createPortal } from 'react-dom'\nimport { components as rsComponents } from 'react-select'\n\nimport type { CustomSelectProps } from './types.js'\n\nimport { useTheme } from '../../providers/Theme/index.js'\n\nconst FLOATING_MENU_PADDING = 16\nconst FLOATING_MENU_OFFSET = 4\n\ntype FloatingMenuPortalStyle = {\n  '--rs-floating-menu-max-height'?: string\n} & CSSProperties\n\ntype ThemedMenuPortalInnerProps = {\n  'data-theme'?: string\n} & React.JSX.IntrinsicElements['div']\n\ntype DefaultMenuPortalProps<\n  Opt,\n  IsMulti extends boolean,\n  Group extends GroupBase<Opt>,\n> = React.ComponentProps<typeof rsComponents.MenuPortal<Opt, IsMulti, Group>>\n\nexport function DefaultMenuPortal<Opt, IsMulti extends boolean, Group extends GroupBase<Opt>>(\n  props: DefaultMenuPortalProps<Opt, IsMulti, Group>,\n) {\n  const { appendTo, children, controlElement, innerProps = {}, menuPlacement } = props\n  const { theme } = useTheme()\n  const floatingRef = useRef<HTMLDivElement | null>(null)\n  const rafRef = useRef<null | number>(null)\n  const selectProps = props.selectProps as {\n    customProps?: CustomSelectProps\n  } & typeof props.selectProps\n  const menuPortalTheme = selectProps.customProps?.menuPortalTheme\n\n  const updatePosition = useCallback(async () => {\n    const floatingElement = floatingRef.current\n\n    if (!controlElement || !floatingElement) {\n      return\n    }\n\n    const placement = menuPlacement === 'top' ? 'top-start' : 'bottom-start'\n    const { x, y } = await computePosition(controlElement, floatingElement, {\n      middleware: [\n        offset(FLOATING_MENU_OFFSET),\n        flip({ padding: FLOATING_MENU_PADDING }),\n        shift({ padding: FLOATING_MENU_PADDING }),\n        size({\n          apply({ availableHeight, elements, rects }) {\n            const maxHeight = `${Math.max(1, Math.floor(availableHeight))}px`\n            const width = `${Math.floor(rects.reference.width)}px`\n\n            Object.assign(elements.floating.style, {\n              '--rs-floating-menu-max-height': maxHeight,\n              minWidth: width,\n              width,\n            })\n          },\n          padding: FLOATING_MENU_PADDING,\n        }),\n      ],\n      placement,\n      strategy: 'fixed',\n    })\n\n    Object.assign(floatingElement.style, {\n      left: `${x}px`,\n      top: `${y}px`,\n    })\n  }, [controlElement, menuPlacement])\n\n  const setFloatingElement = useCallback(\n    (element: HTMLDivElement | null) => {\n      floatingRef.current = element\n      void updatePosition()\n    },\n    [updatePosition],\n  )\n\n  useLayoutEffect(() => {\n    const floatingElement = floatingRef.current\n\n    if (!appendTo || !controlElement || !floatingElement || typeof window === 'undefined') {\n      return\n    }\n\n    const cleanupAutoUpdate = autoUpdate(controlElement, floatingElement, updatePosition, {\n      elementResize: 'ResizeObserver' in window,\n    })\n    const visualViewport = window.visualViewport\n\n    visualViewport?.addEventListener('resize', updatePosition)\n    visualViewport?.addEventListener('scroll', updatePosition)\n    rafRef.current = window.requestAnimationFrame(() => {\n      void updatePosition()\n    })\n\n    return () => {\n      cleanupAutoUpdate()\n      visualViewport?.removeEventListener('resize', updatePosition)\n      visualViewport?.removeEventListener('scroll', updatePosition)\n\n      if (rafRef.current !== null) {\n        window.cancelAnimationFrame(rafRef.current)\n      }\n    }\n  }, [appendTo, controlElement, updatePosition])\n\n  if (!appendTo || !controlElement) {\n    const themedInnerProps: ThemedMenuPortalInnerProps = {\n      ...innerProps,\n      'data-theme': menuPortalTheme ?? theme,\n    }\n\n    return <rsComponents.MenuPortal {...props} innerProps={themedInnerProps} />\n  }\n\n  const { className, style, ...restInnerProps } = innerProps\n  const menuWrapper = (\n    <div\n      {...restInnerProps}\n      className={['rs__floating-menu-portal', className].filter(Boolean).join(' ')}\n      data-theme={menuPortalTheme ?? theme}\n      ref={setFloatingElement}\n      style={\n        {\n          ...style,\n          left: 0,\n          position: 'fixed',\n          top: 0,\n          zIndex: 'var(--z-portal-element)',\n        } as FloatingMenuPortalStyle\n      }\n    >\n      {children}\n    </div>\n  )\n\n  return createPortal(menuWrapper, appendTo)\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/ReactSelect/MultiValue/index.css

@@ -8,7 +8,6 @@
       background: var(--color-bg);
       height: 1.25rem;
       margin: 0;
-      transition: border 0.2s cubic-bezier(0.2, 0, 0, 1);
 
       &:focus,
       &:focus-visible {

package/dist/elements/ReactSelect/MultiValueLabel/index.css

@@ -8,11 +8,11 @@
     align-items: center;
     max-width: 9.375rem;
     color: currentColor;
-    padding-left: var(--spacer-1);
+    padding-left: var(--spacer-1-5);
   }
 
   .multi-value-label--disabled {
-    padding-right: var(--spacer-1);
+    padding-right: var(--spacer-1-5);
   }
 
   .multi-value-label__text {

package/dist/elements/ReactSelect/getCaptureMenuScroll.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"getCaptureMenuScroll.d.ts","sourceRoot":"","sources":["../../../src/elements/ReactSelect/getCaptureMenuScroll.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,oBAAoB,GAAI,6DAGlC;IACD,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,gBAAgB,CAAC,EAAE,WAAW,GAAG,IAAI,CAAA;CACtC,KAAG,OAMH,CAAA"}
+{"version":3,"file":"getCaptureMenuScroll.d.ts","sourceRoot":"","sources":["../../../src/elements/ReactSelect/getCaptureMenuScroll.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,oBAAoB,gEAG9B;IACD,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,gBAAgB,CAAC,EAAE,WAAW,GAAG,IAAI,CAAA;CACtC,KAAG,OAMH,CAAA"}

package/dist/elements/ReactSelect/getMenuListStyles.d.ts

@@ -1,6 +1,6 @@
 import type { GroupBase, StylesConfig } from 'react-select';
 import type { Option } from './types.js';
 type MenuListStyles = NonNullable<StylesConfig<Option, boolean, GroupBase<Option>>['menuList']>;
-export declare const getMenuListStyles: (externalStyles?: StylesConfig<Option, boolean, GroupBase<Option>>) => MenuListStyles;
+export declare const getMenuListStyles: (externalStyles?: StylesConfig<Option, boolean, GroupBase<Option>>, shouldUseFloatingMenuPortal?: boolean) => MenuListStyles;
 export {};
 //# sourceMappingURL=getMenuListStyles.d.ts.map

package/dist/elements/ReactSelect/getMenuListStyles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"getMenuListStyles.d.ts","sourceRoot":"","sources":["../../../src/elements/ReactSelect/getMenuListStyles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAsB,SAAS,EAAE,YAAY,EAAE,MAAM,cAAc,CAAA;AAE/E,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,YAAY,CAAA;AAExC,KAAK,cAAc,GAAG,WAAW,CAAC,YAAY,CAAC,MAAM,EAAE,OAAO,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAA;AAE/F,eAAO,MAAM,iBAAiB,GAC5B,iBAAiB,YAAY,CAAC,MAAM,EAAE,OAAO,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC,KAChE,cAQF,CAAA"}
+{"version":3,"file":"getMenuListStyles.d.ts","sourceRoot":"","sources":["../../../src/elements/ReactSelect/getMenuListStyles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAsB,SAAS,EAAE,YAAY,EAAE,MAAM,cAAc,CAAA;AAE/E,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,YAAY,CAAA;AAExC,KAAK,cAAc,GAAG,WAAW,CAAC,YAAY,CAAC,MAAM,EAAE,OAAO,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAA;AAE/F,eAAO,MAAM,iBAAiB,oBACX,YAAY,CAAC,MAAM,EAAE,OAAO,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC,gCACnC,OAAO,KACpC,cAiBF,CAAA"}

package/dist/elements/ReactSelect/getMenuListStyles.js

@@ -1,7 +1,15 @@
-export const getMenuListStyles = externalStyles => {
-  return (rsStyles, state) => ({
-    ...rsStyles,
-    ...externalStyles?.menuList?.(rsStyles, state)
-  });
+export const getMenuListStyles = (externalStyles, shouldUseFloatingMenuPortal) => {
+  return (rsStyles, state) => {
+    const styles = {
+      ...rsStyles,
+      ...(shouldUseFloatingMenuPortal && {
+        maxHeight: `var(--rs-floating-menu-max-height, ${String(rsStyles.maxHeight)}px)`
+      })
+    };
+    return {
+      ...styles,
+      ...externalStyles?.menuList?.(styles, state)
+    };
+  };
 };
 //# sourceMappingURL=getMenuListStyles.js.map

package/dist/elements/ReactSelect/getMenuListStyles.js.map

@@ -1 +1 @@
-{"version":3,"file":"getMenuListStyles.js","names":["getMenuListStyles","externalStyles","rsStyles","state","menuList"],"sources":["../../../src/elements/ReactSelect/getMenuListStyles.ts"],"sourcesContent":["import type { CSSObjectWithLabel, GroupBase, StylesConfig } from 'react-select'\n\nimport type { Option } from './types.js'\n\ntype MenuListStyles = NonNullable<StylesConfig<Option, boolean, GroupBase<Option>>['menuList']>\n\nexport const getMenuListStyles = (\n  externalStyles?: StylesConfig<Option, boolean, GroupBase<Option>>,\n): MenuListStyles => {\n  return (\n    rsStyles: CSSObjectWithLabel,\n    state: Parameters<NonNullable<StylesConfig<Option>['menuList']>>[1],\n  ) => ({\n    ...rsStyles,\n    ...externalStyles?.menuList?.(rsStyles, state),\n  })\n}\n"],"mappings":"AAMA,OAAO,MAAMA,iBAAA,GACXC,cAAA;EAEA,OAAO,CACLC,QAAA,EACAC,KAAA,MACI;IACJ,GAAGD,QAAQ;IACX,GAAGD,cAAA,EAAgBG,QAAA,GAAWF,QAAA,EAAUC,KAAA;EAC1C;AACF","ignoreList":[]}
+{"version":3,"file":"getMenuListStyles.js","names":["getMenuListStyles","externalStyles","shouldUseFloatingMenuPortal","rsStyles","state","styles","maxHeight","String","menuList"],"sources":["../../../src/elements/ReactSelect/getMenuListStyles.ts"],"sourcesContent":["import type { CSSObjectWithLabel, GroupBase, StylesConfig } from 'react-select'\n\nimport type { Option } from './types.js'\n\ntype MenuListStyles = NonNullable<StylesConfig<Option, boolean, GroupBase<Option>>['menuList']>\n\nexport const getMenuListStyles = (\n  externalStyles?: StylesConfig<Option, boolean, GroupBase<Option>>,\n  shouldUseFloatingMenuPortal?: boolean,\n): MenuListStyles => {\n  return (\n    rsStyles: CSSObjectWithLabel,\n    state: Parameters<NonNullable<StylesConfig<Option>['menuList']>>[1],\n  ) => {\n    const styles: CSSObjectWithLabel = {\n      ...rsStyles,\n      ...(shouldUseFloatingMenuPortal && {\n        maxHeight: `var(--rs-floating-menu-max-height, ${String(rsStyles.maxHeight)}px)`,\n      }),\n    }\n\n    return {\n      ...styles,\n      ...externalStyles?.menuList?.(styles, state),\n    }\n  }\n}\n"],"mappings":"AAMA,OAAO,MAAMA,iBAAA,GAAoBA,CAC/BC,cAAA,EACAC,2BAAA;EAEA,OAAO,CACLC,QAAA,EACAC,KAAA;IAEA,MAAMC,MAAA,GAA6B;MACjC,GAAGF,QAAQ;MACX,IAAID,2BAAA,IAA+B;QACjCI,SAAA,EAAW,sCAAsCC,MAAA,CAAOJ,QAAA,CAASG,SAAS;MAC5E,CAAC;IACH;IAEA,OAAO;MACL,GAAGD,MAAM;MACT,GAAGJ,cAAA,EAAgBO,QAAA,GAAWH,MAAA,EAAQD,KAAA;IACxC;EACF;AACF","ignoreList":[]}

package/dist/elements/ReactSelect/getMenuStyles.d.ts

@@ -0,0 +1,10 @@
+import type { GroupBase, StylesConfig } from 'react-select';
+import type { Option } from './types.js';
+type MenuStyles = NonNullable<StylesConfig<Option, boolean, GroupBase<Option>>['menu']>;
+type Args = {
+    externalStyles?: StylesConfig<Option, boolean, GroupBase<Option>>;
+    shouldUseFloatingMenuPortal: boolean;
+};
+export declare const getMenuStyles: ({ externalStyles, shouldUseFloatingMenuPortal, }: Args) => MenuStyles;
+export {};
+//# sourceMappingURL=getMenuStyles.d.ts.map

package/dist/elements/ReactSelect/getMenuStyles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"getMenuStyles.d.ts","sourceRoot":"","sources":["../../../src/elements/ReactSelect/getMenuStyles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAsB,SAAS,EAAE,YAAY,EAAE,MAAM,cAAc,CAAA;AAE/E,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,YAAY,CAAA;AAExC,KAAK,UAAU,GAAG,WAAW,CAAC,YAAY,CAAC,MAAM,EAAE,OAAO,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAA;AAEvF,KAAK,IAAI,GAAG;IACV,cAAc,CAAC,EAAE,YAAY,CAAC,MAAM,EAAE,OAAO,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC,CAAA;IACjE,2BAA2B,EAAE,OAAO,CAAA;CACrC,CAAA;AAED,eAAO,MAAM,aAAa,qDAGvB,IAAI,KAAG,UAoBT,CAAA"}

package/dist/elements/ReactSelect/getMenuStyles.js

@@ -0,0 +1,21 @@
+export const getMenuStyles = ({
+  externalStyles,
+  shouldUseFloatingMenuPortal
+}) => {
+  return (rsStyles, state) => {
+    const styles = {
+      ...rsStyles,
+      zIndex: undefined,
+      ...(shouldUseFloatingMenuPortal && {
+        bottom: undefined,
+        position: 'static',
+        top: undefined
+      })
+    };
+    return {
+      ...styles,
+      ...externalStyles?.menu?.(styles, state)
+    };
+  };
+};
+//# sourceMappingURL=getMenuStyles.js.map

package/dist/elements/ReactSelect/getMenuStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getMenuStyles.js","names":["getMenuStyles","externalStyles","shouldUseFloatingMenuPortal","rsStyles","state","styles","zIndex","undefined","bottom","position","top","menu"],"sources":["../../../src/elements/ReactSelect/getMenuStyles.ts"],"sourcesContent":["import type { CSSObjectWithLabel, GroupBase, StylesConfig } from 'react-select'\n\nimport type { Option } from './types.js'\n\ntype MenuStyles = NonNullable<StylesConfig<Option, boolean, GroupBase<Option>>['menu']>\n\ntype Args = {\n  externalStyles?: StylesConfig<Option, boolean, GroupBase<Option>>\n  shouldUseFloatingMenuPortal: boolean\n}\n\nexport const getMenuStyles = ({\n  externalStyles,\n  shouldUseFloatingMenuPortal,\n}: Args): MenuStyles => {\n  return (\n    rsStyles: CSSObjectWithLabel,\n    state: Parameters<NonNullable<StylesConfig<Option>['menu']>>[1],\n  ) => {\n    const styles: CSSObjectWithLabel = {\n      ...rsStyles,\n      zIndex: undefined,\n      ...(shouldUseFloatingMenuPortal && {\n        bottom: undefined,\n        position: 'static',\n        top: undefined,\n      }),\n    }\n\n    return {\n      ...styles,\n      ...externalStyles?.menu?.(styles, state),\n    }\n  }\n}\n"],"mappings":"AAWA,OAAO,MAAMA,aAAA,GAAgBA,CAAC;EAC5BC,cAAc;EACdC;AAA2B,CACtB;EACL,OAAO,CACLC,QAAA,EACAC,KAAA;IAEA,MAAMC,MAAA,GAA6B;MACjC,GAAGF,QAAQ;MACXG,MAAA,EAAQC,SAAA;MACR,IAAIL,2BAAA,IAA+B;QACjCM,MAAA,EAAQD,SAAA;QACRE,QAAA,EAAU;QACVC,GAAA,EAAKH;MACP,CAAC;IACH;IAEA,OAAO;MACL,GAAGF,MAAM;MACT,GAAGJ,cAAA,EAAgBU,IAAA,GAAON,MAAA,EAAQD,KAAA;IACpC;EACF;AACF","ignoreList":[]}