@payloadcms/ui 4.0.0-internal.688c4d0 → 4.0.0-internal.7b031c8

package/dist/elements/QueryPresets/fields/fields.css

@@ -0,0 +1,23 @@
+@layer payload-default {
+  .query-preset-columns-field,
+  .query-preset-group-by-field,
+  .query-preset-where-field {
+    .field-label {
+      margin-bottom: var(--spacer-2);
+    }
+  }
+
+  .query-preset-columns-field__hint,
+  .query-preset-group-by-field__hint,
+  .query-preset-where-field__hint {
+    margin: 0;
+    color: var(--color-text-secondary);
+  }
+
+  /* The builder sits inline within the form here, so drop the list-panel chrome
+     (border + gutter padding) it carries in the list view. */
+  .query-preset-where-field .where-builder {
+    padding: 0;
+    border-bottom: none;
+  }
+}

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/DropdownIndicator/index.css

@@ -12,7 +12,7 @@
 
   .dropdown-indicator__icon {
     .stroke {
-      stroke-width: 1px;
+      stroke-width: var(--stroke-width-small);
     }
   }
 }

package/dist/elements/ReactSelect/DropdownIndicator/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/ReactSelect/DropdownIndicator/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,cAAc,CAAA;AAE1D,OAAO,KAAK,EAAE,EAAE,KAAK,GAAG,EAAE,MAAM,OAAO,CAAA;AAEvC,OAAO,KAAK,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,aAAa,CAAA;AAGvD,OAAO,aAAa,CAAA;AAGpB,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CACtC;IACE,UAAU,EAAE,GAAG,CAAC,iBAAiB,CAAC,QAAQ,CAAC,CAAA;CAC5C,GAAG,sBAAsB,CAAC,UAAU,EAAE,IAAI,CAAC,CAqB7C,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/ReactSelect/DropdownIndicator/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,cAAc,CAAA;AAE1D,OAAO,KAAK,EAAE,EAAE,KAAK,GAAG,EAAE,MAAM,OAAO,CAAA;AAEvC,OAAO,KAAK,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,aAAa,CAAA;AAIvD,OAAO,aAAa,CAAA;AAGpB,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CACtC;IACE,UAAU,EAAE,GAAG,CAAC,iBAAiB,CAAC,QAAQ,CAAC,CAAA;CAC5C,GAAG,sBAAsB,CAAC,UAAU,EAAE,IAAI,CAAC,CAwB7C,CAAA"}

package/dist/elements/ReactSelect/DropdownIndicator/index.js

@@ -3,29 +3,36 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
 import { ChevronIcon } from '../../../icons/Chevron/index.js';
+import { useTranslation } from '../../../providers/Translation/index.js';
 import './index.css';
 const baseClass = 'dropdown-indicator';
 export const DropdownIndicator = props => {
   const {
-    innerProps: {
-      ref,
-      ...restInnerProps
-    }
+    innerProps: t0
   } = props;
-  return /*#__PURE__*/_jsx("button", {
+  const {
+    ref,
+    ...restInnerProps
+  } = t0;
+  const {
+    t
+  } = useTranslation();
+  return _jsx("button", {
+    "aria-label": t("general:open"),
     className: baseClass,
-    ref: ref,
+    ref,
     ...restInnerProps,
-    onKeyDown: e => {
-      if (e.key === 'Enter') {
-        e.key = ' ';
-      }
-    },
+    onKeyDown: _temp,
     type: "button",
-    children: /*#__PURE__*/_jsx(ChevronIcon, {
+    children: _jsx(ChevronIcon, {
       className: `${baseClass}__icon`,
       size: 16
     })
   });
 };
+function _temp(e) {
+  if (e.key === "Enter") {
+    e.key = " ";
+  }
+}
 //# sourceMappingURL=index.js.map

package/dist/elements/ReactSelect/DropdownIndicator/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","ChevronIcon","baseClass","DropdownIndicator","props","innerProps","ref","restInnerProps","_jsx","className","onKeyDown","e","key","type","size"],"sources":["../../../../src/elements/ReactSelect/DropdownIndicator/index.tsx"],"sourcesContent":["'use client'\nimport type { DropdownIndicatorProps } from 'react-select'\n\nimport React, { type JSX } from 'react'\n\nimport type { Option as OptionType } from '../types.js'\n\nimport { ChevronIcon } from '../../../icons/Chevron/index.js'\nimport './index.css'\n\nconst baseClass = 'dropdown-indicator'\nexport const DropdownIndicator: React.FC<\n  {\n    innerProps: JSX.IntrinsicElements['button']\n  } & DropdownIndicatorProps<OptionType, true>\n> = (props) => {\n  const {\n    innerProps: { ref, ...restInnerProps },\n  } = props\n\n  return (\n    <button\n      className={baseClass}\n      ref={ref}\n      {...restInnerProps}\n      onKeyDown={(e) => {\n        if (e.key === 'Enter') {\n          e.key = ' '\n        }\n      }}\n      type=\"button\"\n    >\n      <ChevronIcon className={`${baseClass}__icon`} size={16} />\n    </button>\n  )\n}\n"],"mappings":"AAAA;;;AAGA,OAAOA,KAAA,MAAyB;AAIhC,SAASC,WAAW,QAAQ;AAC5B,OAAO;AAEP,MAAMC,SAAA,GAAY;AAClB,OAAO,MAAMC,iBAAA,GAIRC,KAAA;EACH,MAAM;IACJC,UAAA,EAAY;MAAEC,GAAG;MAAE,GAAGC;IAAA;EAAgB,CACvC,GAAGH,KAAA;EAEJ,oBACEI,IAAA,CAAC;IACCC,SAAA,EAAWP,SAAA;IACXI,GAAA,EAAKA,GAAA;IACJ,GAAGC,cAAc;IAClBG,SAAA,EAAYC,CAAA;MACV,IAAIA,CAAA,CAAEC,GAAG,KAAK,SAAS;QACrBD,CAAA,CAAEC,GAAG,GAAG;MACV;IACF;IACAC,IAAA,EAAK;cAEL,aAAAL,IAAA,CAACP,WAAA;MAAYQ,SAAA,EAAW,GAAGP,SAAA,QAAiB;MAAEY,IAAA,EAAM;;;AAG1D","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","ChevronIcon","useTranslation","baseClass","DropdownIndicator","props","innerProps","t0","ref","restInnerProps","t","_jsx","className","onKeyDown","_temp","type","children","size","e","key"],"sources":["../../../../src/elements/ReactSelect/DropdownIndicator/index.tsx"],"sourcesContent":["'use client'\nimport type { DropdownIndicatorProps } from 'react-select'\n\nimport React, { type JSX } from 'react'\n\nimport type { Option as OptionType } from '../types.js'\n\nimport { ChevronIcon } from '../../../icons/Chevron/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport './index.css'\n\nconst baseClass = 'dropdown-indicator'\nexport const DropdownIndicator: React.FC<\n  {\n    innerProps: JSX.IntrinsicElements['button']\n  } & DropdownIndicatorProps<OptionType, true>\n> = (props) => {\n  const {\n    innerProps: { ref, ...restInnerProps },\n  } = props\n\n  const { t } = useTranslation()\n\n  return (\n    <button\n      aria-label={t('general:open')}\n      className={baseClass}\n      ref={ref}\n      {...restInnerProps}\n      onKeyDown={(e) => {\n        if (e.key === 'Enter') {\n          e.key = ' '\n        }\n      }}\n      type=\"button\"\n    >\n      <ChevronIcon className={`${baseClass}__icon`} size={16} />\n    </button>\n  )\n}\n"],"mappings":"AAAA;;;AAGA,OAAOA,KAAA,MAAyB;AAIhC,SAASC,WAAW,QAAQ;AAC5B,SAASC,cAAc,QAAQ;AAC/B,OAAO;AAEP,MAAMC,SAAA,GAAY;AAClB,OAAO,MAAMC,iBAAA,GAITC,KAAA;EACF;IAAAC,UAAA,EAAAC;EAAA,IAEIF,KAAA;EADU;IAAAG,GAAA;IAAA,GAAAC;EAAA,IAAAF,EAA0B;EAGxC;IAAAG;EAAA,IAAcR,cAAA;EAAA,OAGZS,IAAA,CAAC;IAAA,cACaD,CAAA,CAAE;IAAAE,SAAA,EAAAT,SAAA;IAAAK,GAAA;IAAA,GAGVC,cAAc;IAAAI,SAAA,EAAAC,KAAA;IAAAC,IAAA,EAMb;IAAAC,QAAA,EAELL,IAAA,CAAAV,WAAA;MAAAW,SAAA,EAAwB,GAAAT,SAAA,QAAoB;MAAAc,IAAA;IAAA,C;;CAGlD;AAvBI,SAAAH,MAAAI,CAAA;EAAA,IAcQA,CAAA,CAAAC,GAAA,KAAU;IACZD,CAAA,CAAAC,GAAA,GAAQ;EAAA;AAAA","ignoreList":[]}

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

@@ -0,0 +1,5 @@
+export declare const getCaptureMenuScroll: ({ captureMenuScroll, menuPortalTarget: _menuPortalTarget, }: {
+    captureMenuScroll?: boolean;
+    menuPortalTarget?: HTMLElement | null;
+}) => boolean;
+//# sourceMappingURL=getCaptureMenuScroll.d.ts.map

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

@@ -0,0 +1 @@
+{"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/getCaptureMenuScroll.js

@@ -0,0 +1,10 @@
+export const getCaptureMenuScroll = ({
+  captureMenuScroll,
+  menuPortalTarget: _menuPortalTarget
+}) => {
+  if (typeof captureMenuScroll === 'boolean') {
+    return captureMenuScroll;
+  }
+  return true;
+};
+//# sourceMappingURL=getCaptureMenuScroll.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"getCaptureMenuScroll.js","names":["getCaptureMenuScroll","captureMenuScroll","menuPortalTarget","_menuPortalTarget"],"sources":["../../../src/elements/ReactSelect/getCaptureMenuScroll.ts"],"sourcesContent":["export const getCaptureMenuScroll = ({\n  captureMenuScroll,\n  menuPortalTarget: _menuPortalTarget,\n}: {\n  captureMenuScroll?: boolean\n  menuPortalTarget?: HTMLElement | null\n}): boolean => {\n  if (typeof captureMenuScroll === 'boolean') {\n    return captureMenuScroll\n  }\n\n  return true\n}\n"],"mappings":"AAAA,OAAO,MAAMA,oBAAA,GAAuBA,CAAC;EACnCC,iBAAiB;EACjBC,gBAAA,EAAkBC;AAAiB,CAIpC;EACC,IAAI,OAAOF,iBAAA,KAAsB,WAAW;IAC1C,OAAOA,iBAAA;EACT;EAEA,OAAO;AACT","ignoreList":[]}

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

@@ -0,0 +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>>, shouldUseFloatingMenuPortal?: boolean) => MenuListStyles;
+export {};
+//# sourceMappingURL=getMenuListStyles.d.ts.map

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

@@ -0,0 +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,oBACX,YAAY,CAAC,MAAM,EAAE,OAAO,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC,gCACnC,OAAO,KACpC,cAiBF,CAAA"}

package/dist/elements/ReactSelect/getMenuListStyles.js

@@ -0,0 +1,15 @@
+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

@@ -0,0 +1 @@
+{"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":[]}

package/dist/elements/ReactSelect/index.css

@@ -7,7 +7,7 @@
     .rs__control {
       position: relative;
       width: 100%;
-      min-height: var(--field-min-height);
+      min-height: var(--field-min-height-large);
       background: var(--field-color-bg);
       border: var(--stroke-width-small) solid var(--field-color-border);
       border-radius: var(--field-border-radius);
@@ -57,7 +57,7 @@
       position: absolute;
       right: var(--spacer-1);
       top: -1px; /* Adjust for border */
-      min-height: var(--field-min-height);
+      min-height: var(--field-min-height-large);
       display: flex;
     }
 
@@ -91,7 +91,7 @@
     border-radius: var(--radius-medium);
     box-shadow: var(--elevation-400-menu-panel);
     background: var(--color-bg);
-    /* overflow: clip; */
+    overflow: clip;
   }
 
   .rs__menu--placement-bottom {
@@ -102,8 +102,14 @@
     margin-bottom: var(--spacer-1);
   }
 
+  .rs__floating-menu-portal {
+    .rs__menu--placement-bottom,
+    .rs__menu--placement-top {
+      margin-block: 0;
+    }
+  }
+
   .rs__menu-list {
-    max-height: calc(var(--spacer-6) * 5);
     overflow-y: auto;
   }
 

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/ReactSelect/index.tsx"],"names":[],"mappings":"AAMA,OAAO,KAA2B,MAAM,OAAO,CAAA;AAI/C,OAAO,KAAK,EAAU,uBAAuB,EAAE,MAAM,YAAY,CAAA;AACjE,YAAY,EAAE,MAAM,EAAE,MAAM,YAAY,CAAA;AAgBxC,OAAO,aAAa,CAAA;AAgTpB,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAQzD,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/ReactSelect/index.tsx"],"names":[],"mappings":"AAMA,OAAO,KAA2D,MAAM,OAAO,CAAA;AAI/E,OAAO,KAAK,EAAU,uBAAuB,EAAE,MAAM,YAAY,CAAA;AACjE,YAAY,EAAE,MAAM,EAAE,MAAM,YAAY,CAAA;AAmBxC,OAAO,aAAa,CAAA;AAiRpB,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAQzD,CAAA"}