@react-spectrum/s2 1.3.0 → 1.4.0

package/dist/private/Picker.mjs.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmIM,MAAM,0DAAgB,CAAA,GAAA,oBAAY,EAAiF;AAE1H,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0CN,MAAM;AAaC,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqBX,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAcN,MAAM;;;;;;;;;;;;;AAWN,MAAM;;;;;;;;AAYN,MAAM;AAKN,MAAM;AASN,MAAM;;;;;;;;;;;;AAWN,IAAI,4DAAwB,CAAA,GAAA,oBAAY,EAAkC;IAAC,MAAM;AAAG;AACpF,IAAI,+DAA2B,CAAA,GAAA,oBAAY,EAAE;AAKtC,MAAM,4CAAuB,AAAd,WAAW,GAAI,CAAA,GAAA,iBAAS,EAAqB,SAAS,OAA6D,MAAwB,EAAE,GAAoC;IACrM,IAAI,kBAAkB,CAAA,GAAA,kCAA0B,EAAE,CAAA,GAAA,+CAAW,GAAG;IAChE,CAAC,QAAO,IAAI,GAAG,CAAA,GAAA,yCAAsB,EAAE,QAAO,KAAK;IACnD,IAAI,SAAS,CAAA,GAAA,yCAAc,EAAE;IAC7B,IAAI,cAAc,CAAA,GAAA,iBAAS,EAAE,CAAA,GAAA,yCAAU;IACvC,SAAQ,CAAA,GAAA,yCAAW,EAAE;IACrB,IAAI,aACF,YAAY,iBACZ,QAAQ,qBACR,aAAa,iBACb,SAAS,SACT,KAAK,EACL,aAAa,kBAAkB,gBAC/B,YAAY,YACZ,QAAQ,SACR,KAAK,QACL,OAAO,oBACP,gBAAgB,mBAChB,aAAa,6BACb,kBAAkB,oBAClB,mBAAmB,kBACnB,YAAY,eACZ,cAAc,gBAAgB,MAAM,CAAC,gCACrC,OAAO,gBACP,YAAY,eACZ,WAAW,cACX,UAAU,EACV,GAAG,aACJ,GAAG;IAEJ,uEAAuE;IACvE,IAAI;IACJ,IAAI,SAAS,KACX,aAAa;SACR,IAAI,SAAS,KAClB,aAAa;SACR,IAAI,SAAS,KAClB,aAAa;SAEb,aAAa;IAGf,IAAI;IACJ,IAAI,oBAAoB,CAAA,GAAA,cAAM,EAAE,IAAM,iBAAiB,WAAW;QAAC;KAAa;IAChF,IAAI,YAAY,CAAA,GAAA,gBAAQ,EAAE;QAAC;KAAkB;IAE7C,IAAI,qCACF,gBAAC,CAAA,GAAA,0BAAkB;QACjB,WAAW;QACX,WAAW,iBAAiB;QAC5B,YAAY;kBACZ,cAAA,gBAAC;YAAqB,MAAM;YAAM,cAAY,gBAAgB,MAAM,CAAC;;;IAIzE,IAAI,OAAO,aAAa,cAAc,OACpC,yBACE;;0BACE,gBAAC,CAAA,GAAA,iBAAS;gBAAE,OAAO;gBAAO,cAAc,OAAM,YAAY;0BACvD;;YAEF;;;SAIL,yBACE;;YACG;YACA;;;IAIP,IAAI,QAAQ,CAAA,GAAA,yCAAO;IACnB,IAAI,EAAC,WAAW,GAAG,EAAC,GAAG,CAAA,GAAA,gBAAQ;IAC/B,IAAI,gBAAgB,QAAQ,QAAQ,KAAK;IAEzC,qBACE,gBAAC,CAAA,GAAA,aAAS;QACP,GAAG,WAAW;QACf,oBAAkB;QAClB,aAAa;QACb,OAAO;QACP,WAAW,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;UAAsC;YAClE,UAAU,CAAC,CAAC;2BACZ;kBACA;QACF,GAAG,OAAM,MAAM;kBACd,CAAC,cAAC,UAAU,UAAE,MAAM,kBAAE,cAAc,aAAE,SAAS,cAAE,UAAU,EAAC,iBAC3D;0BACE,cAAA,iBAAC,4CAAsB,QAAQ;oBAAC,OAAO;8BAAC;oBAAI;;sCAC1C,gBAAC,CAAA,GAAA,yCAAS;4BACR,4CAA4C;4BAC5C,YAAY;4BACZ,YAAY;4BACZ,MAAM;4BACN,eAAe;4BACf,YAAY;4BACZ,SAAS;4BACT,oBAAoB;4BACpB,gBAAgB,OAAM,cAAc;sCACnC;;sCAEH,gBAAC;4BACC,cAAc;4BACd,aAAa;4BACb,QAAQ;4BACR,SAAS;4BACT,gBAAgB;4BAChB,MAAM;4BACN,WAAW;4BACX,YAAY;4BACZ,WAAW;4BACX,6BACE,gBAAC;gCACC,IAAI;gCACJ,MAAM;gCACN,cAAY,gBAAgB,MAAM,CAAC;;;sCAEzC,gBAAC,CAAA,GAAA,yCAAO;4BACN,MAAM;4BACN,YAAY;4BACZ,WAAW;4BACX,aAAa;sCACZ;;sCAEH,gBAAC,CAAA,GAAA,kBAAU;4BACT,QAAQ,CAAA,GAAA,iBAAS;4BACjB,eAAe;gCACb,oBAAoB;gCACpB,wBAAwB;gCACxB,SAAS;gCACT,cAAc,CAAA,GAAA,yCAAiB,CAAC,CAAC,KAAK,CAAC,MAAM;4BAAA;sCAC/C,cAAA,gBAAC,CAAA,GAAA,yCAAM;gCACL,SAAS;gCACT,SAAQ;gCACR,QAAQ;gCACR,aAAa,UAAU,gBAAgB,MAAM;gCAC7C,WAAW,GAAG,UAAU,CAAC,EAAE,OAAO;gCAClC,YAAY;gCACZ,cAAc;oCACZ,OAAO,aAAa,CAAC,UAAU,GAAG,UAAU,EAAE,CAAC,GAAG;gCACpD;gCACA,QAAQ;;;;;;;kCASL;0CACH,cAAA,gBAAC;oCACC,SAAS;8CAIT,cAAA,gBAAC,CAAA,GAAA,eAAO;wCACN,QAAQ;4CACN;gDAAC,CAAA,GAAA,yCAAY;gDAAG;oDAAC,QAAQ,CAAA,GAAA,yCAAY,EAAE;8DAAC;oDAAI;gDAAE;6CAAE;4CAChD;gDAAC,CAAA,GAAA,yCAAa;gDAAG;oDACf,aAAa;oDACb,MAAM;oDACN,QAAQ,CAAA,GAAA,yCAAa;gDACvB;6CAAE;4CACF;gDAAC,CAAA,GAAA,yCAAU;gDAAG;oDACZ,OAAO;wDACL,eAAe;4DAAC,QAAQ,CAAA,GAAA,yCAAU,EAAE;sEAAC;gEAAM,WAAW;gEAAO,YAAY;4DAAK;wDAAE;oDAClF;gDACF;6CAAE;yCACH;kDACD,cAAA,gBAAC,CAAA,GAAA,cAAM;4CACL,cAAc,OAAM,YAAY;4CAChC,OAAO;4CACP,WAAW,CAAA,GAAA,yCAAM,EAAE;sDAAC;4CAAI;sDACvB;;;;;;;;;;AAWvB;AAEA,SAAS,2CAAqB,KAAK;IACjC,IAAI,MACF,EAAE,QACF,IAAI,EACJ,cAAc,SAAS,EACxB,GAAG;IACJ,qBACE,gBAAC,CAAA,GAAA,yCAAa;QACZ,IAAI;QACJ,eAAe;QACf,MAAK;QACL,cAAY;QACZ,QAAQ,2CAAqB;kBAAC;QAAI;;AAExC;AAEA,MAAM,mCAAa;IACjB,GAAG;IACH,GAAG;IACH,GAAG;IACH,IAAI;AACN;AAEA,2CAA2C;AAC3C,IAAI,+CAAyB,IAAI,IAAI;IACnC;IAAe;IAAU;IAAY;IAAY;IAAY;IAAQ;IACrE;IAAoB;IAAiB;IAAU;IAAS;IAAa;IACrE;IAAU;IAAc;IAAU;IAAO;IAAW;CACrD;AAOD,qIAAqI;AACrI,MAAM,qCAAe,CAAA,GAAA,8BAAsB,EAAE,SAAS,aAA+B,KAAgC;IACnH,IAAI,UACF,MAAM,WACN,OAAO,kBACP,cAAc,QACd,IAAI,aACJ,SAAS,cACT,UAAU,gBACV,YAAY,iBACZ,aAAa,aACb,SAAS,eACT,WAAW,EACZ,GAAG;IACJ,IAAI,kBAAkB,CAAA,GAAA,kCAA0B,EAAE,CAAA,GAAA,+CAAW,GAAG;IAChE,IAAI,iBAAiB,CAAA,GAAA,aAAK,EAAE;IAE5B,IAAI,QAAQ,CAAA,GAAA,iBAAS,EAAE,CAAA,GAAA,yBAAiB;IACxC,CAAA,GAAA,gBAAQ,EAAE;QACR,IAAI,QAAQ,GAAG,CAAC,QAAQ,KAAK,gBAAgB,CAAC,aAC5C;QAGF,IAAI,CAAC,eAAe,OAAO,EACzB;QAGF,IAAI,MAAM,CAAA,GAAA,uBAAe,EAAE,eAAe,OAAO;QACjD,IAAI,SAAS,CAAA,GAAA,6BAAqB,EAChC,KACA,eAAe,OAAO,EACtB,WAAW,YAAY,EACvB;YACE,YAAW,IAAa;gBACtB,IAAI,OAAO,KAAK,YAAY,CAAC;gBAC7B,IAAI,cAAc,CAAA,GAAA,kBAAU,EAAE,SAAU,QAAQ,QAAQ,6CAAuB,GAAG,CAAC;gBACnF,OAAO,cAAc,WAAW,aAAa,GAAG,WAAW,WAAW;YACxE;QACF;QAEF,IAAI,OAAO,OAAO,QAAQ;QAC1B,IAAI,MACF,QAAQ,IAAI,CAAC;IAEjB,GAAG;QAAC,MAAM,aAAa;QAAE;KAAY;IAErC,yFAAyF;IACzF,4FAA4F;IAC5F,mFAAmF;IACnF,IAAI,CAAC,WAAW,WAAW,GAAG,CAAA,GAAA,eAAO,EAAE;IACvC,IAAI,qBAAC,iBAAiB,EAAC,GAAG,CAAA,GAAA,yBAAiB;IAC3C,IAAI,eAAe,CAAC;QAClB,IAAI,EAAE,WAAW,KAAK,SACpB;QAEF,WAAW;QACX,kBAAkB,UAAU,aAAa;YACvC,WAAW;QACb,GAAG;YAAC,MAAM;YAAM,SAAS;QAAI;IAC/B;IAEA,qBACE,gBAAC,CAAA,GAAA,qBAAa;QAAE,cAAc;QAAc,WAAW;kBACrD,cAAA,gBAAC,CAAA,GAAA,aAAK;YACJ,KAAK;YACL,OAAO,CAAA,cAAe,CAAA,GAAA,yCAAS,EAAE,WAAW;YAC5C,0DAA0D;YAC1D,aAAa;YACb,WAAW;YACX,WAAW,CAAA,cAAe,kCAAY;oBACpC,GAAG,WAAW;oBACd,MAAM;4BACN;6BACA;gBACF;sBACC,CAAC,4BACA;;sCACE,gBAAC,CAAA,GAAA,kBAAU;4BACT,WACE,kCAAY;yCAAC;4BAAO,KACnB,CAAA,cAAc,KAAK,SAAiG;sCAEtH,CAAC,iBAAC,aAAa,mBAAE,eAAe,EAAC;gCAChC,MAAM,iBAAiB,cAAc,MAAM,CAAC,CAAC,OAAoB,QAAQ;gCACzE,MAAM,uBAAuB,cAAc,MAAM,IAAI,IACjD,gCACA,gBAAC,CAAA,GAAA,yCAAG;oCAAE,MAAK;8CAAS,gBAAgB,MAAM,CAAC,wBAAwB;wCAAC,OAAO,cAAc,MAAM;oCAAA;;gCACnG,MAAM,gBAAgB,cAAc,MAAM,GAAG,KAAK,cAC9C,YAAY,kBACZ;gCAEJ,qBACE,gBAAC,CAAA,GAAA,eAAO;oCACN,QAAQ;wCACN;4CAAC,CAAA,GAAA,yCAAU;4CAAG;gDACZ,OAAO;oDACL,MAAM;wDACJ,QAAQ,CAAA,GAAA,yCAAa,EAAE;4DAAC,MAAM;4DAAQ,QAAQ,CAAA,GAAA,yCAAgB;wDAAC;wDAC/D,QAAQ,CAAA,GAAA,yCAAG;oDACb;gDACF;4CACF;yCAAE;wCACF;4CAAC,CAAA,GAAA,yCAAY;4CAAG;gDACd,OAAO;oDACL,QAAQ;wDACN,MAAM,gCAAU,CAAC,QAAQ,IAAI;wDAC7B,QAAQ;oDACV;gDACF;4CACF;yCAAE;wCACF;4CAAC,CAAA,GAAA,yCAAU;4CAAG;gDACZ,OAAO;oDACL,aAAa,CAAC;oDACd,CAAC,CAAA,GAAA,mBAAW,EAAE,EAAE;wDACd,MAAM;wDAKN,aAAa;wDACb,aAAa;oDACf;oDACA,OAAO;wDACL,MAAM;wDAKN,iEAAiE;wDACjE,aAAa;oDACf;gDACF;4CACF;yCAAE;wCACF;4CAAC;4CAA0B;yCAAK;qCACjC;8CACA,4BACC,gBAAC;wCAAI,KAAK;wCAAgB,OAAO;4CAAC,SAAS;wCAAU;kDAClD;yCAEC;;4BAGZ;;wBAED,2BAAa,gBAAC,CAAA,GAAA,yCAAa;4BAAE,YAAY;;wBACzC,iBAAiB,aAAa,CAAC,UAAU;sCAC1C,gBAAC,CAAA,GAAA,wCAAU;4BACT,MAAM;4BACN,WAAW,iCAAW;gCAAC,WAAW,iBAAiB;4BAAS;;wBAC7D,kBAAkB,yBAAW,gBAAC;4BAAK,WAAW;;wBAC9C,aAAa,CAAC,cAAc,CAAC,WAC5B,iEAAiE;sCACjE,gBAAC;4BAAI,WAAW,oCAAc;gCAAC,GAAG,WAAW;sCAAE;4BAAI;;;;;;AAOjE;AAMA,MAAM,0CAAoB;IACxB,GAAG;IACH,GAAG;IACH,GAAG;IACH,IAAI;AACN;AAEO,SAAS,0CAAW,KAAsB;IAC/C,IAAI,MAAM,CAAA,GAAA,aAAK,EAAE;IACjB,IAAI,SAAS,MAAM,IAAI,IAAI;IAC3B,IAAI,QAAC,IAAI,EAAC,GAAG,CAAA,GAAA,iBAAS,EAAE;IACxB,qBACE,gBAAC,CAAA,GAAA,kBAAU;QACR,GAAG,KAAK;QACT,KAAK;QACL,WAAW,MAAM,SAAS,IAAK,CAAA,OAAO,MAAM,QAAQ,KAAK,WAAW,MAAM,QAAQ,GAAa,SAAQ;QACvG,OAAO,CAAA,GAAA,yCAAS,EAAE,KAAK,MAAM,YAAY;QACzC,WAAW,CAAA,cAAe,AAAC,CAAA,MAAM,gBAAgB,IAAI,EAAC,IAAK,CAAA,GAAA,yCAAU,EAAE;gBAAC,GAAG,WAAW;sBAAE;wBAAM;YAAM,GAAG,MAAM,MAAM;kBAClH,CAAC;YACA,IAAI,YAAC,QAAQ,EAAC,GAAG;YACjB,IAAI,sBAAsB;gBAAC,GAAG,WAAW;sBAAE;gBAAM,WAAW;gBAAO,gBAAgB;gBAAO,iBAAiB;gBAAO,YAAY;gBAAO,WAAW;gBAAO,YAAY;YAAK;YACxK,qBACE,gBAAC;gBACC,SAAS,CAAA,GAAA,yCAAU;gBACnB,OAAO;oBAAC,OAAO;wBACb,MAAM;4BAAC,QAAQ,CAAA,GAAA,yCAAa,EAAE;gCAAC,MAAM;gCAAQ,QAAQ,CAAA,GAAA,yCAAgB;4BAAC;4BAAI,QAAQ,CAAA,GAAA,yCAAG;wBAAC;oBACxF;gBAAC;0BACD,cAAA,gBAAC;oBACC,SAAS,CAAA,GAAA,yCAAY;oBACrB,OAAO;wBAAC,OAAO;4BACb,QAAQ;gCAAC,MAAM,gCAAU,CAAC,KAAK;gCAAE,QAAQ;4BAAM;wBACjD;oBAAC;8BACD,cAAA,iBAAC;wBACC,SAAS,CAAA,GAAA,yCAAU;wBACnB,OAAO;4BACL,OAAO;gCACL,CAAC,CAAA,GAAA,mBAAW,EAAE,EAAE;oCAAC,QAAQ,CAAA,GAAA,yCAAI,EAAE;8CAAC;oCAAI;gCAAE;gCACtC,OAAO;oCAAC,QAAQ,CAAA,GAAA,yCAAI,EAAE;8CAAC;oCAAI;gCAAE;gCAC7B,aAAa;oCAAC,QAAQ,CAAA,GAAA,yCAAU,EAAE;wCAAC,GAAG,WAAW;8CAAE;oCAAI;gCAAE;4BAC3D;wBACF;;4BACC,YAAY,aAAa,KAAK,YAAY,CAAC,wBAAU,gBAAC,CAAA,GAAA,wCAAY;gCAAE,MAAM,uCAAiB,CAAC,KAAK;gCAAE,WAAW,CAAA,GAAA,wCAAQ,EAAE;oCAAC,GAAG,WAAW;0CAAE;gCAAI;;4BAC7I,YAAY,aAAa,KAAK,cAAc,CAAC,wBAC5C,gBAAC;gCAAI,WAAW,CAAA,GAAA,yCAAU,EAAE,CAAA,GAAA,yCAAO,GAAG,CAAA,GAAA,uCAAE,EAAE;0CACxC,cAAA,gBAAC,CAAA,GAAA,wCAAY;oCAAE,MAAM;oCAAM,WAAW,CAAA,GAAA,yCAAiB;;;4BAG1D,OAAO,aAAa,yBAAW,gBAAC,CAAA,GAAA,yCAAG;gCAAE,MAAK;0CAAS;iCAAmB;;;;;QAKjF;;AAGN;AAEA,uEAAuE;AACvE,SAAS,sCAAgB,WAAC,OAAO,SAAE,KAAK,YAAE,QAAQ,EAA2D;IAC3G,IAAI,gBAAgB,CAAA,GAAA,iBAAS,EAAE;IAC/B,IAAI,eACF,OAAO;IAGT,qBAAO,gBAAC,QAAQ,QAAQ;QAAC,OAAO;kBAAQ;;AAC1C;AAGO,SAAS,0CAAgC,KAA4B;IAC1E,IAAI,QAAC,IAAI,EAAC,GAAG,CAAA,GAAA,iBAAS,EAAE;IACxB,qBACE;;0BACE,gBAAC,CAAA,GAAA,qBAAiB;gBACf,GAAG,KAAK;0BACR,MAAM,QAAQ;;0BAEjB,gBAAC,CAAA,GAAA,yCAAM;gBAAE,MAAM;;;;AAGrB","sources":["packages/@react-spectrum/s2/src/Picker.tsx"],"sourcesContent":["/*\n * Copyright 2024 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {\n  ListBoxSection as AriaListBoxSection,\n  ListBox,\n  ListBoxItem,\n  ListBoxItemProps,\n  ListBoxLoadMoreItem,\n  ListBoxProps,\n  ListBoxSectionProps\n} from 'react-aria-components/ListBox';\nimport {PopoverProps as AriaPopoverProps} from 'react-aria-components/Popover';\nimport {\n  Select as AriaSelect,\n  SelectProps as AriaSelectProps,\n  SelectRenderProps as AriaSelectRenderProps,\n  SelectStateContext,\n  SelectValue\n} from 'react-aria-components/Select';\nimport {AsyncLoadable, FocusableRef, FocusableRefValue, GlobalDOMAttributes, HelpTextProps, LoadingState, PressEvent, RefObject, SpectrumLabelableProps} from '@react-types/shared';\nimport {AvatarContext} from './Avatar';\nimport {baseColor, focusRing, style} from '../style' with {type: 'macro'};\nimport {box, iconStyles as checkboxIconStyles} from './Checkbox';\nimport {Button, ButtonRenderProps} from 'react-aria-components/Button';\nimport {centerBaseline} from './CenterBaseline';\nimport {\n  checkbox,\n  checkmark,\n  description,\n  icon,\n  iconCenterWrapper,\n  label,\n  sectionHeading\n} from './Menu';\nimport CheckmarkIcon from '../ui-icons/Checkmark';\nimport ChevronIcon from '../ui-icons/Chevron';\nimport {Collection} from 'react-aria/Collection';\nimport {ContextValue, DEFAULT_SLOT, Provider} from 'react-aria-components/slots';\nimport {control, controlBorderRadius, controlFont, field, fieldInput, getAllowedOverrides, StyleProps} from './style-utils' with {type: 'macro'};\nimport {createHideableComponent} from 'react-aria/private/collections/Hidden';\nimport {createShadowTreeWalker} from 'react-aria/private/utils/shadowdom/ShadowTreeWalker';\nimport {css} from '../style/style-macro' with {type: 'macro'};\nimport {\n  Divider,\n  listbox,\n  listboxHeader,\n  listboxItem,\n  LOADER_ROW_HEIGHTS\n} from './ComboBox';\nimport {edgeToText} from '../style/spectrum-theme' with {type: 'macro'};\nimport {\n  FieldErrorIcon,\n  FieldLabel,\n  HelpText\n} from './Field';\nimport {FormContext, useFormProps} from './Form';\nimport {forwardRefType} from './types';\nimport {getOwnerDocument} from 'react-aria/private/utils/domHelpers';\nimport {HeaderContext, HeadingContext, Text, TextContext} from './Content';\nimport {IconContext} from './Icon';\nimport intlMessages from '../intl/*.json';\nimport {isFocusable} from 'react-aria/private/utils/isFocusable';\nimport {ListLayout} from 'react-stately/useVirtualizerState';\nimport {mergeStyles} from '../style/runtime';\nimport {Placement} from 'react-aria-components/Popover';\nimport {Popover} from './Popover';\n// @ts-ignore\nimport {PressResponder} from 'react-aria/private/interactions/PressResponder';\nimport {pressScale} from './pressScale';\nimport {ProgressCircle} from './ProgressCircle';\nimport React, {createContext, forwardRef, ReactNode, useContext, useEffect, useMemo, useRef, useState} from 'react';\nimport {useFocusableRef} from './useDOMRef';\nimport {useGlobalListeners} from 'react-aria/private/utils/useGlobalListeners';\nimport {useLocale} from 'react-aria/I18nProvider';\nimport {useLocalizedStringFormatter} from 'react-aria/useLocalizedStringFormatter';\nimport {useScale} from './utils';\nimport {useSlotId} from 'react-aria/private/utils/useId';\nimport {useSpectrumContextProps} from './useSpectrumContextProps';\nimport {Virtualizer} from 'react-aria-components/Virtualizer';\n\nexport interface PickerStyleProps {\n  /**\n   * The size of the Picker.\n   *\n   * @default 'M'\n   */\n  size?: 'S' | 'M' | 'L' | 'XL',\n  /**\n   * Whether the picker should be displayed with a quiet style.\n   */\n  isQuiet?: boolean\n}\n\ntype SelectionMode = 'single' | 'multiple';\nexport interface PickerProps<T extends object, M extends SelectionMode = 'single'> extends\n  Omit<AriaSelectProps<T, M>, 'children' | 'style' | 'className' | 'render' | 'allowsEmptyCollection' | keyof GlobalDOMAttributes>,\n  PickerStyleProps,\n  StyleProps,\n  SpectrumLabelableProps,\n  HelpTextProps,\n  Pick<ListBoxProps<T>, 'items' | 'dependencies'>,\n  Pick<AriaPopoverProps, 'shouldFlip'>,\n  Pick<AsyncLoadable, 'onLoadMore'> {\n    /** The contents of the collection. */\n    children: ReactNode | ((item: T) => ReactNode),\n    /**\n     * Direction the menu will render relative to the Picker.\n     *\n     * @default 'bottom'\n     */\n    direction?: 'bottom' | 'top',\n    /**\n     * Alignment of the menu relative to the input target.\n     *\n     * @default 'start'\n     */\n    align?: 'start' | 'end',\n    /** Width of the menu. By default, matches width of the trigger. Note that the minimum width of the dropdown is always equal to the trigger's width. */\n    menuWidth?: number,\n    /** The current loading state of the Picker. */\n    loadingState?: LoadingState,\n    /**\n     * Custom renderer for the picker value. Allows one to provide a custom element to render selected items.\n     *\n     * @note The returned ReactNode should not have interactable elements as it will break accessibility.\n     */\n    renderValue?: (selectedItems: T[]) => ReactNode\n}\n\ninterface PickerButtonProps extends PickerStyleProps, ButtonRenderProps {}\n\nexport const PickerContext = createContext<ContextValue<Partial<PickerProps<any>>, FocusableRefValue<HTMLButtonElement>>>(null);\n\nconst inputButton = style<PickerButtonProps | AriaSelectRenderProps>({\n  ...focusRing(),\n  ...control({shape: 'default', icon: true}),\n  ...fieldInput(),\n  outlineStyle: {\n    default: 'none',\n    isFocusVisible: 'solid',\n    isQuiet: 'none'\n  },\n  position: 'relative',\n  textAlign: 'start',\n  borderStyle: {\n    default: 'none',\n    forcedColors: 'solid'\n  },\n  borderColor: {\n    forcedColors: {\n      default: 'ButtonText',\n      isDisabled: 'GrayText'\n    }\n  },\n  transition: 'default',\n  paddingX: {\n    default: 'edge-to-text',\n    isQuiet: 0\n  },\n  backgroundColor: {\n    default: baseColor('gray-100'),\n    isOpen: 'gray-200',\n    isDisabled: 'disabled',\n    isQuiet: 'transparent'\n  },\n  color: {\n    default: baseColor('neutral'),\n    isDisabled: 'disabled'\n  },\n  maxWidth: {\n    isQuiet: 'max'\n  },\n  disableTapHighlight: true\n});\n\nconst quietFocusLine = style({\n  width: 'full',\n  // Use pixels since we are emulating a border.\n  height: '[2px]',\n  position: 'absolute',\n  bottom: 0,\n  borderRadius: 'full',\n  backgroundColor: {\n    default: 'blue-800',\n    forcedColors: 'Highlight'\n  }\n});\n\nexport let menu = style({\n  outlineStyle: 'none',\n  display: 'grid',\n  width: 'full',\n  gridTemplateColumns: {\n    size: {\n      S: [edgeToText(24), 'auto', 'auto', 'minmax(0, 1fr)', 'auto', 'auto', 'auto', edgeToText(24)],\n      M: [edgeToText(32), 'auto', 'auto', 'minmax(0, 1fr)', 'auto', 'auto', 'auto', edgeToText(32)],\n      L: [edgeToText(40), 'auto', 'auto', 'minmax(0, 1fr)', 'auto', 'auto', 'auto', edgeToText(40)],\n      XL: [edgeToText(48), 'auto', 'auto', 'minmax(0, 1fr)', 'auto', 'auto', 'auto', edgeToText(48)]\n    }\n  },\n  boxSizing: 'border-box',\n  maxHeight: 'inherit',\n  overflow: 'auto',\n  padding: 8,\n  fontFamily: 'sans',\n  fontSize: controlFont(),\n  gridAutoRows: 'min-content'\n});\n\nconst invalidBorder = style({\n  ...controlBorderRadius(),\n  position: 'absolute',\n  top: 0,\n  left: 0,\n  bottom: 0,\n  right: 0,\n  pointerEvents: 'none',\n  borderStyle: 'solid',\n  borderWidth: 2,\n  borderColor: baseColor('negative'),\n  transition: 'default'\n});\n\nconst valueStyles = style({\n  flexGrow: {\n    default: 1,\n    isQuiet: 0\n  },\n  truncate: true,\n  display: 'flex',\n  alignItems: 'center',\n  height: '100%'\n});\n\nconst iconStyles = style({\n  flexShrink: 0,\n  rotate: 90,\n  '--iconPrimary': {\n    type: 'fill',\n    value: 'currentColor'\n  },\n  color: {\n    isLoading: 'disabled'\n  }\n});\n\nconst avatar = style({\n  gridArea: 'icon',\n  marginEnd: 'text-to-visual'\n});\n\nconst loadingWrapperStyles = style({\n  gridColumnStart: '1',\n  gridColumnEnd: '-1',\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n  marginY: 8\n});\n\nconst progressCircleStyles = style({\n  size: {\n    size: {\n      S: 16,\n      M: 20,\n      L: 22,\n      XL: 26\n    }\n  }\n});\n\nlet InternalPickerContext = createContext<{size: 'S' | 'M' | 'L' | 'XL'}>({size: 'M'});\nlet InsideSelectValueContext = createContext(false);\n\n/**\n * Pickers allow users to choose a single option from a collapsible list of options when space is limited.\n */\nexport const Picker = /*#__PURE__*/ (forwardRef as forwardRefType)(function Picker<T extends object, M extends SelectionMode = 'single'>(props: PickerProps<T, M>, ref: FocusableRef<HTMLButtonElement>) {\n  let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-spectrum/s2');\n  [props, ref] = useSpectrumContextProps(props, ref, PickerContext);\n  let domRef = useFocusableRef(ref);\n  let formContext = useContext(FormContext);\n  props = useFormProps(props);\n  let {\n    direction = 'bottom',\n    align = 'start',\n    shouldFlip = true,\n    menuWidth,\n    label,\n    description: descriptionMessage,\n    errorMessage,\n    children,\n    items,\n    size = 'M',\n    labelPosition = 'top',\n    labelAlign = 'start',\n    necessityIndicator,\n    UNSAFE_className = '',\n    UNSAFE_style,\n    placeholder = stringFormatter.format('picker.placeholder'),\n    isQuiet,\n    loadingState,\n    renderValue,\n    onLoadMore,\n    ...pickerProps\n  } = props;\n\n  // Better way to encode this into a style? need to account for flipping\n  let menuOffset: number;\n  if (size === 'S') {\n    menuOffset = 6;\n  } else if (size === 'M') {\n    menuOffset = 6;\n  } else if (size === 'L') {\n    menuOffset = 7;\n  } else {\n    menuOffset = 8;\n  }\n\n  let renderer;\n  let showButtonSpinner = useMemo(() => loadingState === 'loading', [loadingState]);\n  let spinnerId = useSlotId([showButtonSpinner]);\n\n  let listBoxLoadingCircle = (\n    <ListBoxLoadMoreItem\n      className={loadingWrapperStyles}\n      isLoading={loadingState === 'loadingMore'}\n      onLoadMore={onLoadMore}>\n      <PickerProgressCircle size={size} aria-label={stringFormatter.format('table.loadingMore')} />\n    </ListBoxLoadMoreItem>\n  );\n\n  if (typeof children === 'function' && items) {\n    renderer = (\n      <>\n        <Collection items={items} dependencies={props.dependencies}>\n          {children}\n        </Collection>\n        {listBoxLoadingCircle}\n      </>\n    );\n  } else {\n    renderer = (\n      <>\n        {children}\n        {listBoxLoadingCircle}\n      </>\n    );\n  }\n  let scale = useScale();\n  let {direction: dir} = useLocale();\n  let RTLFlipOffset = dir === 'rtl' ? -1 : 1;\n\n  return (\n    <AriaSelect\n      {...pickerProps}\n      aria-describedby={spinnerId}\n      placeholder={placeholder}\n      style={UNSAFE_style}\n      className={UNSAFE_className + style(field(), getAllowedOverrides())({\n        isInForm: !!formContext,\n        labelPosition,\n        size\n      }, props.styles)}>\n      {({isDisabled, isOpen, isFocusVisible, isInvalid, isRequired}) => (\n        <>\n          <InternalPickerContext.Provider value={{size}}>\n            <FieldLabel\n              includeNecessityIndicatorInAccessibilityName\n              isDisabled={isDisabled}\n              isRequired={isRequired}\n              size={size}\n              labelPosition={labelPosition}\n              labelAlign={labelAlign}\n              isQuiet={isQuiet}\n              necessityIndicator={necessityIndicator}\n              contextualHelp={props.contextualHelp}>\n              {label}\n            </FieldLabel>\n            <PickerButton\n              loadingState={loadingState}\n              renderValue={renderValue}\n              isOpen={isOpen}\n              isQuiet={isQuiet}\n              isFocusVisible={isFocusVisible}\n              size={size}\n              isInvalid={isInvalid}\n              isDisabled={isDisabled}\n              buttonRef={domRef}\n              loadingCircle={\n                <PickerProgressCircle\n                  id={spinnerId}\n                  size={size}\n                  aria-label={stringFormatter.format('table.loading')} />\n              } />\n            <HelpText\n              size={size}\n              isDisabled={isDisabled}\n              isInvalid={isInvalid}\n              description={descriptionMessage}>\n              {errorMessage}\n            </HelpText>\n            <Virtualizer\n              layout={ListLayout}\n              layoutOptions={{\n                estimatedRowHeight: 32,\n                estimatedHeadingHeight: 50,\n                padding: 8,\n                loaderHeight: LOADER_ROW_HEIGHTS[size][scale]}}>\n              <Popover\n                hideArrow\n                padding=\"none\"\n                offset={menuOffset}\n                crossOffset={isQuiet ? RTLFlipOffset * -12 : undefined}\n                placement={`${direction} ${align}` as Placement}\n                shouldFlip={shouldFlip}\n                UNSAFE_style={{\n                  width: menuWidth && !isQuiet ? `${menuWidth}px` : undefined\n                }}\n                styles={style({\n                  minWidth: {\n                    default: '--trigger-width',\n                    isQuiet: 192\n                  },\n                  width: {\n                    default: '--trigger-width',\n                    isQuiet: '[calc(var(--trigger-width) - 24)]'\n                  }\n                })(props)}>\n                <div\n                  className={style({\n                    display: 'flex',\n                    size: 'full'\n                  })}>\n                  <Provider\n                    values={[\n                      [HeaderContext, {styles: listboxHeader({size})}],\n                      [HeadingContext, {\n                        // @ts-ignore\n                        role: 'presentation',\n                        styles: sectionHeading\n                      }],\n                      [TextContext, {\n                        slots: {\n                          'description': {styles: description({size, isFocused: false, isDisabled: false})}\n                        }\n                      }]\n                    ]}>\n                    <ListBox\n                      dependencies={props.dependencies}\n                      items={items}\n                      className={listbox({size})}>\n                      {renderer}\n                    </ListBox>\n                  </Provider>\n                </div>\n              </Popover>\n            </Virtualizer>\n          </InternalPickerContext.Provider>\n        </>\n      )}\n    </AriaSelect>\n  );\n});\n\nfunction PickerProgressCircle(props) {\n  let {\n    id,\n    size,\n    'aria-label': ariaLabel\n  } = props;\n  return (\n    <ProgressCircle\n      id={id}\n      isIndeterminate\n      size=\"S\"\n      aria-label={ariaLabel}\n      styles={progressCircleStyles({size})} />\n  );\n}\n\nconst avatarSize = {\n  S: 16,\n  M: 20,\n  L: 22,\n  XL: 26\n} as const;\n\n// https://w3c.github.io/aria/#widget_roles\nlet INTERACTIVE_ARIA_ROLES = new Set([\n  'application', 'button', 'checkbox', 'combobox', 'gridcell', 'link', 'menuitem',\n  'menuitemcheckbox', 'menuitemradio', 'option', 'radio', 'searchbox', 'separator',\n  'slider', 'spinbutton', 'switch', 'tab', 'textbox', 'treeitem'\n]);\n\ninterface PickerButtonInnerProps<T extends object> extends PickerStyleProps, Omit<AriaSelectRenderProps, 'isRequired' | 'isFocused'>, Pick<PickerProps<T>, 'loadingState' | 'renderValue'> {\n  loadingCircle: ReactNode,\n  buttonRef: RefObject<HTMLButtonElement | null>\n}\n\n// Needs to be hidable component or otherwise the PressResponder throws a warning when rendered in the fake DOM and tries to register\nconst PickerButton = createHideableComponent(function PickerButton<T extends object>(props: PickerButtonInnerProps<T>) {\n  let {\n    isOpen,\n    isQuiet,\n    isFocusVisible,\n    size,\n    isInvalid,\n    isDisabled,\n    loadingState,\n    loadingCircle,\n    buttonRef,\n    renderValue\n  } = props;\n  let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-spectrum/s2');\n  let renderValueRef = useRef(null);\n\n  let state = useContext(SelectStateContext)!;\n  useEffect(() => {\n    if (process.env.NODE_ENV === 'production' || !renderValue) {\n      return;\n    }\n\n    if (!renderValueRef.current) {\n      return;\n    }\n\n    let doc = getOwnerDocument(renderValueRef.current);\n    let walker = createShadowTreeWalker(\n      doc,\n      renderValueRef.current,\n      NodeFilter.SHOW_ELEMENT,\n      {\n        acceptNode(node: Element) {\n          let role = node.getAttribute('role');\n          let interactive = isFocusable(node) || (role != null && INTERACTIVE_ARIA_ROLES.has(role));\n          return interactive ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP;\n        }\n      }\n    );\n    let next = walker.nextNode();\n    if (next) {\n      console.warn('Picker\\'s value should not have interactive children for accessibility.');\n    }\n  }, [state.selectedItems, renderValue]);\n\n  // For mouse interactions, pickers open on press start. When the popover underlay appears\n  // it covers the trigger button, causing onPressEnd to fire immediately and no press scaling\n  // to occur. We override this by listening for pointerup on the document ourselves.\n  let [isPressed, setPressed] = useState(false);\n  let {addGlobalListener} = useGlobalListeners();\n  let onPressStart = (e: PressEvent) => {\n    if (e.pointerType !== 'mouse') {\n      return;\n    }\n    setPressed(true);\n    addGlobalListener(document, 'pointerup', () => {\n      setPressed(false);\n    }, {once: true, capture: true});\n  };\n\n  return (\n    <PressResponder onPressStart={onPressStart} isPressed={isPressed}>\n      <Button\n        ref={buttonRef}\n        style={renderProps => pressScale(buttonRef)(renderProps)}\n        // Prevent press scale from sticking while Picker is open.\n        // @ts-ignore\n        isPressed={false}\n        className={renderProps => inputButton({\n          ...renderProps,\n          size: size,\n          isOpen,\n          isQuiet\n        })}>\n        {(renderProps) => (\n          <>\n            <SelectValue\n              className={\n                valueStyles({isQuiet}) +\n                (renderValue ? '' : ' ' + css('&> :not([slot=icon], [slot=avatar], [slot=label], [data-slot=label]) {display: none;}'))\n              }>\n              {({selectedItems, defaultChildren}) => {\n                const selectedValues = selectedItems.filter((item): item is T => item != null);\n                const defaultRenderedValue = selectedItems.length <= 1\n                  ? defaultChildren\n                  : <Text slot=\"label\">{stringFormatter.format('picker.selectedCount', {count: selectedItems.length})}</Text>;\n                const renderedValue = selectedItems.length > 0 && renderValue\n                  ? renderValue(selectedValues)\n                  : defaultRenderedValue;\n\n                return (\n                  <Provider\n                    values={[\n                      [IconContext, {\n                        slots: {\n                          icon: {\n                            render: centerBaseline({slot: 'icon', styles: iconCenterWrapper}),\n                            styles: icon\n                          }\n                        }\n                      }],\n                      [AvatarContext, {\n                        slots: {\n                          avatar: {\n                            size: avatarSize[size ?? 'M'],\n                            styles: avatar\n                          }\n                        }\n                      }],\n                      [TextContext, {\n                        slots: {\n                          description: {},\n                          [DEFAULT_SLOT]: {\n                            styles: style({\n                              display: 'block',\n                              flexGrow: 1,\n                              truncate: true\n                            }),\n                            // @ts-ignore\n                            'data-slot': 'label'\n                          },\n                          label: {\n                            styles: style({\n                              display: 'block',\n                              flexGrow: 1,\n                              truncate: true\n                            }),\n                            // @ts-ignore not technically necessary, but good for consistency\n                            'data-slot': 'label'\n                          }\n                        }\n                      }],\n                      [InsideSelectValueContext, true]\n                    ]}>\n                    {renderValue ? (\n                      <div ref={renderValueRef} style={{display: 'contents'}}>\n                        {renderedValue}\n                      </div>\n                      ) : renderedValue}\n                  </Provider>\n                );\n              }}\n            </SelectValue>\n            {isInvalid && <FieldErrorIcon isDisabled={isDisabled} />}\n            {loadingState === 'loading' && !isOpen && loadingCircle}\n            <ChevronIcon\n              size={size}\n              className={iconStyles({isLoading: loadingState === 'loading'})} />\n            {isFocusVisible && isQuiet && <span className={quietFocusLine} /> }\n            {isInvalid && !isDisabled && !isQuiet &&\n              // @ts-ignore known limitation detecting functions from the theme\n              <div className={invalidBorder({...renderProps, size})} />\n            }\n          </>\n        )}\n      </Button>\n    </PressResponder>\n  );\n});\n\nexport interface PickerItemProps extends Omit<ListBoxItemProps, 'children' | 'style' | 'className' | 'render' | 'onClick' | keyof GlobalDOMAttributes>, StyleProps {\n  children: ReactNode\n}\n\nconst checkmarkIconSize = {\n  S: 'XS',\n  M: 'M',\n  L: 'L',\n  XL: 'XL'\n} as const;\n\nexport function PickerItem(props: PickerItemProps): ReactNode {\n  let ref = useRef(null);\n  let isLink = props.href != null;\n  let {size} = useContext(InternalPickerContext);\n  return (\n    <ListBoxItem\n      {...props}\n      ref={ref}\n      textValue={props.textValue || (typeof props.children === 'string' ? props.children as string : undefined)}\n      style={pressScale(ref, props.UNSAFE_style)}\n      className={renderProps => (props.UNSAFE_className || '') + listboxItem({...renderProps, size, isLink}, props.styles)}>\n      {(renderProps) => {\n        let {children} = props;\n        let checkboxRenderProps = {...renderProps, size, isFocused: false, isFocusVisible: false, isIndeterminate: false, isReadOnly: false, isInvalid: false, isRequired: false};\n        return (\n          <DefaultProvider\n            context={IconContext}\n            value={{slots: {\n              icon: {render: centerBaseline({slot: 'icon', styles: iconCenterWrapper}), styles: icon}\n            }}}>\n            <DefaultProvider\n              context={AvatarContext}\n              value={{slots: {\n                avatar: {size: avatarSize[size], styles: avatar}\n              }}}>\n              <DefaultProvider\n                context={TextContext}\n                value={{\n                  slots: {\n                    [DEFAULT_SLOT]: {styles: label({size})},\n                    label: {styles: label({size})},\n                    description: {styles: description({...renderProps, size})}\n                  }\n                }}>\n                {renderProps.selectionMode === 'single' && !isLink && <CheckmarkIcon size={checkmarkIconSize[size]} className={checkmark({...renderProps, size})} />}\n                {renderProps.selectionMode === 'multiple' && !isLink && (\n                  <div className={mergeStyles(checkbox, box(checkboxRenderProps))}>\n                    <CheckmarkIcon size={size} className={checkboxIconStyles} />\n                  </div>\n              )}\n                {typeof children === 'string' ? <Text slot=\"label\">{children}</Text> : children}\n              </DefaultProvider>\n            </DefaultProvider>\n          </DefaultProvider>\n        );\n      }}\n    </ListBoxItem>\n  );\n}\n\n// A Context.Provider that only sets a value if not inside SelectValue.\nfunction DefaultProvider({context, value, children}: {context: React.Context<any>, value: any, children: any}) {\n  let inSelectValue = useContext(InsideSelectValueContext);\n  if (inSelectValue) {\n    return children;\n  }\n\n  return <context.Provider value={value}>{children}</context.Provider>;\n}\n\nexport interface PickerSectionProps<T extends object> extends Omit<ListBoxSectionProps<T>, 'style' | 'className' | 'render' | keyof GlobalDOMAttributes> {}\nexport function PickerSection<T extends object>(props: PickerSectionProps<T>): ReactNode {\n  let {size} = useContext(InternalPickerContext);\n  return (\n    <>\n      <AriaListBoxSection\n        {...props}>\n        {props.children}\n      </AriaListBoxSection>\n      <Divider size={size} />\n    </>\n  );\n}\n"],"names":[],"version":3,"file":"Picker.mjs.map"}
+{"mappings":"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","sources":["packages/@react-spectrum/s2/src/Picker.tsx"],"sourcesContent":["/*\n * Copyright 2024 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {\n  ListBoxSection as AriaListBoxSection,\n  ListBox,\n  ListBoxItem,\n  ListBoxItemProps,\n  ListBoxLoadMoreItem,\n  ListBoxProps,\n  ListBoxSectionProps\n} from 'react-aria-components/ListBox';\nimport {PopoverProps as AriaPopoverProps} from 'react-aria-components/Popover';\nimport {\n  Select as AriaSelect,\n  SelectProps as AriaSelectProps,\n  SelectRenderProps as AriaSelectRenderProps,\n  SelectStateContext,\n  SelectValue\n} from 'react-aria-components/Select';\nimport {\n  AsyncLoadable,\n  FocusableRef,\n  FocusableRefValue,\n  GlobalDOMAttributes,\n  HelpTextProps,\n  LoadingState,\n  PressEvent,\n  RefObject,\n  SpectrumLabelableProps\n} from '@react-types/shared';\nimport {AvatarContext} from './Avatar';\nimport {baseColor, focusRing, style} from '../style' with {type: 'macro'};\nimport {box, iconStyles as checkboxIconStyles} from './Checkbox';\nimport {Button, ButtonRenderProps} from 'react-aria-components/Button';\nimport {centerBaseline} from './CenterBaseline';\nimport {\n  checkbox,\n  checkmark,\n  description,\n  icon,\n  iconCenterWrapper,\n  label,\n  sectionHeading\n} from './Menu';\nimport CheckmarkIcon from '../ui-icons/Checkmark';\nimport ChevronIcon from '../ui-icons/Chevron';\nimport {Collection} from 'react-aria/Collection';\nimport {ContextValue, DEFAULT_SLOT, Provider} from 'react-aria-components/slots';\nimport {\n  control,\n  controlBorderRadius,\n  controlFont,\n  field,\n  fieldInput,\n  getAllowedOverrides,\n  StyleProps\n} from './style-utils' with {type: 'macro'};\nimport {createHideableComponent} from 'react-aria/private/collections/Hidden';\nimport {createShadowTreeWalker} from 'react-aria/private/utils/shadowdom/ShadowTreeWalker';\nimport {css} from '../style/style-macro' with {type: 'macro'};\nimport {Divider, listbox, listboxHeader, listboxItem, LOADER_ROW_HEIGHTS} from './ComboBox';\nimport {edgeToText} from '../style/spectrum-theme' with {type: 'macro'};\nimport {FieldErrorIcon, FieldLabel, HelpText} from './Field';\nimport {FormContext, useFormProps} from './Form';\nimport {forwardRefType} from './types';\nimport {getOwnerDocument} from 'react-aria/private/utils/domHelpers';\nimport {HeaderContext, HeadingContext, Text, TextContext} from './Content';\nimport {IconContext} from './Icon';\nimport intlMessages from '../intl/*.json';\nimport {isFocusable} from 'react-aria/private/utils/isFocusable';\nimport {ListLayout} from 'react-stately/useVirtualizerState';\nimport {mergeStyles} from '../style/runtime';\nimport {Placement} from 'react-aria-components/Popover';\nimport {Popover} from './Popover';\n// @ts-ignore\nimport {PressResponder} from 'react-aria/private/interactions/PressResponder';\nimport {pressScale} from './pressScale';\nimport {ProgressCircle} from './ProgressCircle';\nimport React, {\n  createContext,\n  forwardRef,\n  ReactNode,\n  useContext,\n  useEffect,\n  useMemo,\n  useRef,\n  useState\n} from 'react';\nimport {useFocusableRef} from './useDOMRef';\nimport {useGlobalListeners} from 'react-aria/private/utils/useGlobalListeners';\nimport {useLocale} from 'react-aria/I18nProvider';\nimport {useLocalizedStringFormatter} from 'react-aria/useLocalizedStringFormatter';\nimport {useScale} from './utils';\nimport {useSlotId} from 'react-aria/private/utils/useId';\nimport {useSpectrumContextProps} from './useSpectrumContextProps';\nimport {Virtualizer} from 'react-aria-components/Virtualizer';\n\nexport interface PickerStyleProps {\n  /**\n   * The size of the Picker.\n   *\n   * @default 'M'\n   */\n  size?: 'S' | 'M' | 'L' | 'XL';\n  /**\n   * Whether the picker should be displayed with a quiet style.\n   */\n  isQuiet?: boolean;\n}\n\ntype SelectionMode = 'single' | 'multiple';\nexport interface PickerProps<T, M extends SelectionMode = 'single'>\n  extends\n    Omit<\n      AriaSelectProps<T, M>,\n      | 'children'\n      | 'style'\n      | 'className'\n      | 'render'\n      | 'allowsEmptyCollection'\n      | keyof GlobalDOMAttributes\n    >,\n    PickerStyleProps,\n    StyleProps,\n    SpectrumLabelableProps,\n    HelpTextProps,\n    Pick<ListBoxProps<T>, 'items' | 'dependencies'>,\n    Pick<AriaPopoverProps, 'shouldFlip'>,\n    Pick<AsyncLoadable, 'onLoadMore'> {\n  /** The contents of the collection. */\n  children: ReactNode | ((item: T) => ReactNode);\n  /**\n   * Direction the menu will render relative to the Picker.\n   *\n   * @default 'bottom'\n   */\n  direction?: 'bottom' | 'top';\n  /**\n   * Alignment of the menu relative to the input target.\n   *\n   * @default 'start'\n   */\n  align?: 'start' | 'end';\n  /**\n   * Width of the menu. By default, matches width of the trigger. Note that the minimum width of the\n   * dropdown is always equal to the trigger's width.\n   */\n  menuWidth?: number;\n  /** The current loading state of the Picker. */\n  loadingState?: LoadingState;\n  /**\n   * Custom renderer for the picker value. Allows one to provide a custom element to render selected\n   * items.\n   *\n   * @note The returned ReactNode should not have interactable elements as it will break accessibility.\n   */\n  renderValue?: (selectedItems: T[]) => ReactNode;\n}\n\ninterface PickerButtonProps extends PickerStyleProps, ButtonRenderProps {}\n\nexport const PickerContext =\n  createContext<ContextValue<Partial<PickerProps<any>>, FocusableRefValue<HTMLButtonElement>>>(\n    null\n  );\n\nconst inputButton = style<PickerButtonProps | AriaSelectRenderProps>({\n  ...focusRing(),\n  ...control({shape: 'default', icon: true}),\n  ...fieldInput(),\n  outlineStyle: {\n    default: 'none',\n    isFocusVisible: 'solid',\n    isQuiet: 'none'\n  },\n  position: 'relative',\n  textAlign: 'start',\n  borderStyle: {\n    default: 'none',\n    forcedColors: 'solid'\n  },\n  borderColor: {\n    forcedColors: {\n      default: 'ButtonText',\n      isDisabled: 'GrayText'\n    }\n  },\n  transition: 'default',\n  paddingX: {\n    default: 'edge-to-text',\n    isQuiet: 0\n  },\n  backgroundColor: {\n    default: baseColor('gray-100'),\n    isOpen: 'gray-200',\n    isDisabled: 'disabled',\n    isQuiet: 'transparent'\n  },\n  color: {\n    default: baseColor('neutral'),\n    isDisabled: 'disabled'\n  },\n  maxWidth: {\n    isQuiet: 'max'\n  },\n  disableTapHighlight: true\n});\n\nconst quietFocusLine = style({\n  width: 'full',\n  // Use pixels since we are emulating a border.\n  height: '[2px]',\n  position: 'absolute',\n  bottom: 0,\n  borderRadius: 'full',\n  backgroundColor: {\n    default: 'blue-800',\n    forcedColors: 'Highlight'\n  }\n});\n\nexport let menu = style({\n  outlineStyle: 'none',\n  display: 'grid',\n  width: 'full',\n  gridTemplateColumns: {\n    size: {\n      S: [edgeToText(24), 'auto', 'auto', 'minmax(0, 1fr)', 'auto', 'auto', 'auto', edgeToText(24)],\n      M: [edgeToText(32), 'auto', 'auto', 'minmax(0, 1fr)', 'auto', 'auto', 'auto', edgeToText(32)],\n      L: [edgeToText(40), 'auto', 'auto', 'minmax(0, 1fr)', 'auto', 'auto', 'auto', edgeToText(40)],\n      XL: [edgeToText(48), 'auto', 'auto', 'minmax(0, 1fr)', 'auto', 'auto', 'auto', edgeToText(48)]\n    }\n  },\n  boxSizing: 'border-box',\n  maxHeight: 'inherit',\n  overflow: 'auto',\n  padding: 8,\n  fontFamily: 'sans',\n  fontSize: controlFont(),\n  gridAutoRows: 'min-content'\n});\n\nconst invalidBorder = style({\n  ...controlBorderRadius(),\n  position: 'absolute',\n  top: 0,\n  left: 0,\n  bottom: 0,\n  right: 0,\n  pointerEvents: 'none',\n  borderStyle: 'solid',\n  borderWidth: 2,\n  borderColor: baseColor('negative'),\n  transition: 'default'\n});\n\nconst valueStyles = style({\n  flexGrow: {\n    default: 1,\n    isQuiet: 0\n  },\n  truncate: true,\n  display: 'flex',\n  alignItems: 'center',\n  height: '100%'\n});\n\nconst iconStyles = style({\n  flexShrink: 0,\n  rotate: 90,\n  '--iconPrimary': {\n    type: 'fill',\n    value: 'currentColor'\n  },\n  color: {\n    isLoading: 'disabled'\n  }\n});\n\nconst avatar = style({\n  gridArea: 'icon',\n  marginEnd: 'text-to-visual'\n});\n\nconst loadingWrapperStyles = style({\n  gridColumnStart: '1',\n  gridColumnEnd: '-1',\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n  marginY: 8\n});\n\nconst progressCircleStyles = style({\n  size: {\n    size: {\n      S: 16,\n      M: 20,\n      L: 22,\n      XL: 26\n    }\n  }\n});\n\nlet InternalPickerContext = createContext<{size: 'S' | 'M' | 'L' | 'XL'}>({size: 'M'});\nlet InsideSelectValueContext = createContext(false);\n\n/**\n * Pickers allow users to choose a single option from a collapsible list of options when space is\n * limited.\n */\nexport const Picker = /*#__PURE__*/ (forwardRef as forwardRefType)(function Picker<\n  T,\n  M extends SelectionMode = 'single'\n>(props: PickerProps<T, M>, ref: FocusableRef<HTMLButtonElement>) {\n  let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-spectrum/s2');\n  [props, ref] = useSpectrumContextProps(props, ref, PickerContext);\n  let domRef = useFocusableRef(ref);\n  let formContext = useContext(FormContext);\n  props = useFormProps(props);\n  let {\n    direction = 'bottom',\n    align = 'start',\n    shouldFlip = true,\n    menuWidth,\n    label,\n    description: descriptionMessage,\n    errorMessage,\n    children,\n    items,\n    size = 'M',\n    labelPosition = 'top',\n    labelAlign = 'start',\n    necessityIndicator,\n    UNSAFE_className = '',\n    UNSAFE_style,\n    placeholder = stringFormatter.format('picker.placeholder'),\n    isQuiet,\n    loadingState,\n    renderValue,\n    onLoadMore,\n    ...pickerProps\n  } = props;\n\n  // Better way to encode this into a style? need to account for flipping\n  let menuOffset: number;\n  if (size === 'S') {\n    menuOffset = 6;\n  } else if (size === 'M') {\n    menuOffset = 6;\n  } else if (size === 'L') {\n    menuOffset = 7;\n  } else {\n    menuOffset = 8;\n  }\n\n  let renderer;\n  let showButtonSpinner = useMemo(() => loadingState === 'loading', [loadingState]);\n  let spinnerId = useSlotId([showButtonSpinner]);\n\n  let listBoxLoadingCircle = (\n    <ListBoxLoadMoreItem\n      className={loadingWrapperStyles}\n      isLoading={loadingState === 'loadingMore'}\n      onLoadMore={onLoadMore}>\n      <PickerProgressCircle size={size} aria-label={stringFormatter.format('table.loadingMore')} />\n    </ListBoxLoadMoreItem>\n  );\n\n  if (typeof children === 'function' && items) {\n    renderer = (\n      <>\n        <Collection items={items} dependencies={props.dependencies}>\n          {children}\n        </Collection>\n        {listBoxLoadingCircle}\n      </>\n    );\n  } else {\n    renderer = (\n      <>\n        {children}\n        {listBoxLoadingCircle}\n      </>\n    );\n  }\n  let scale = useScale();\n  let {direction: dir} = useLocale();\n  let RTLFlipOffset = dir === 'rtl' ? -1 : 1;\n\n  return (\n    <AriaSelect\n      {...pickerProps}\n      aria-describedby={spinnerId}\n      placeholder={placeholder}\n      style={UNSAFE_style}\n      className={\n        UNSAFE_className +\n        style(field(), getAllowedOverrides())(\n          {\n            isInForm: !!formContext,\n            labelPosition,\n            size\n          },\n          props.styles\n        )\n      }>\n      {({isDisabled, isOpen, isFocusVisible, isInvalid, isRequired}) => (\n        <>\n          <InternalPickerContext.Provider value={{size}}>\n            <FieldLabel\n              includeNecessityIndicatorInAccessibilityName\n              isDisabled={isDisabled}\n              isRequired={isRequired}\n              size={size}\n              labelPosition={labelPosition}\n              labelAlign={labelAlign}\n              isQuiet={isQuiet}\n              necessityIndicator={necessityIndicator}\n              contextualHelp={props.contextualHelp}>\n              {label}\n            </FieldLabel>\n            <PickerButton\n              loadingState={loadingState}\n              renderValue={renderValue}\n              isOpen={isOpen}\n              isQuiet={isQuiet}\n              isFocusVisible={isFocusVisible}\n              size={size}\n              isInvalid={isInvalid}\n              isDisabled={isDisabled}\n              buttonRef={domRef}\n              loadingCircle={\n                <PickerProgressCircle\n                  id={spinnerId}\n                  size={size}\n                  aria-label={stringFormatter.format('table.loading')}\n                />\n              }\n            />\n            <HelpText\n              size={size}\n              isDisabled={isDisabled}\n              isInvalid={isInvalid}\n              description={descriptionMessage}>\n              {errorMessage}\n            </HelpText>\n            <Virtualizer\n              layout={ListLayout}\n              layoutOptions={{\n                estimatedRowHeight: 32,\n                estimatedHeadingHeight: 50,\n                padding: 8,\n                loaderHeight: LOADER_ROW_HEIGHTS[size][scale]\n              }}>\n              <Popover\n                hideArrow\n                padding=\"none\"\n                offset={menuOffset}\n                crossOffset={isQuiet ? RTLFlipOffset * -12 : undefined}\n                placement={`${direction} ${align}` as Placement}\n                shouldFlip={shouldFlip}\n                UNSAFE_style={{\n                  width: menuWidth && !isQuiet ? `${menuWidth}px` : undefined\n                }}\n                styles={style({\n                  minWidth: {\n                    default: '--trigger-width',\n                    isQuiet: 192\n                  },\n                  width: {\n                    default: '--trigger-width',\n                    isQuiet: '[calc(var(--trigger-width) - 24)]'\n                  }\n                })(props)}>\n                <div\n                  className={style({\n                    display: 'flex',\n                    size: 'full'\n                  })}>\n                  <Provider\n                    values={[\n                      [HeaderContext, {styles: listboxHeader({size})}],\n                      [\n                        HeadingContext,\n                        {\n                          // @ts-ignore\n                          role: 'presentation',\n                          styles: sectionHeading\n                        }\n                      ],\n                      [\n                        TextContext,\n                        {\n                          slots: {\n                            description: {\n                              styles: description({size, isFocused: false, isDisabled: false})\n                            }\n                          }\n                        }\n                      ]\n                    ]}>\n                    <ListBox\n                      dependencies={props.dependencies}\n                      items={items}\n                      className={listbox({size})}>\n                      {renderer}\n                    </ListBox>\n                  </Provider>\n                </div>\n              </Popover>\n            </Virtualizer>\n          </InternalPickerContext.Provider>\n        </>\n      )}\n    </AriaSelect>\n  );\n});\n\nfunction PickerProgressCircle(props) {\n  let {id, size, 'aria-label': ariaLabel} = props;\n  return (\n    <ProgressCircle\n      id={id}\n      isIndeterminate\n      size=\"S\"\n      aria-label={ariaLabel}\n      styles={progressCircleStyles({size})}\n    />\n  );\n}\n\nconst avatarSize = {\n  S: 16,\n  M: 20,\n  L: 22,\n  XL: 26\n} as const;\n\n// https://w3c.github.io/aria/#widget_roles\nlet INTERACTIVE_ARIA_ROLES = new Set([\n  'application',\n  'button',\n  'checkbox',\n  'combobox',\n  'gridcell',\n  'link',\n  'menuitem',\n  'menuitemcheckbox',\n  'menuitemradio',\n  'option',\n  'radio',\n  'searchbox',\n  'separator',\n  'slider',\n  'spinbutton',\n  'switch',\n  'tab',\n  'textbox',\n  'treeitem'\n]);\n\ninterface PickerButtonInnerProps<T>\n  extends\n    PickerStyleProps,\n    Omit<AriaSelectRenderProps, 'isRequired' | 'isFocused'>,\n    Pick<PickerProps<T>, 'loadingState' | 'renderValue'> {\n  loadingCircle: ReactNode;\n  buttonRef: RefObject<HTMLButtonElement | null>;\n}\n\n// Needs to be hidable component or otherwise the PressResponder throws a warning when rendered in the fake DOM and tries to register\nconst PickerButton = createHideableComponent(function PickerButton<T>(\n  props: PickerButtonInnerProps<T>\n) {\n  let {\n    isOpen,\n    isQuiet,\n    isFocusVisible,\n    size,\n    isInvalid,\n    isDisabled,\n    loadingState,\n    loadingCircle,\n    buttonRef,\n    renderValue\n  } = props;\n  let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-spectrum/s2');\n  let renderValueRef = useRef(null);\n\n  let state = useContext(SelectStateContext)!;\n  useEffect(() => {\n    if (process.env.NODE_ENV === 'production' || !renderValue) {\n      return;\n    }\n\n    if (!renderValueRef.current) {\n      return;\n    }\n\n    let doc = getOwnerDocument(renderValueRef.current);\n    let walker = createShadowTreeWalker(doc, renderValueRef.current, NodeFilter.SHOW_ELEMENT, {\n      acceptNode(node: Element) {\n        let role = node.getAttribute('role');\n        let interactive = isFocusable(node) || (role != null && INTERACTIVE_ARIA_ROLES.has(role));\n        return interactive ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP;\n      }\n    });\n    let next = walker.nextNode();\n    if (next) {\n      console.warn(\"Picker's value should not have interactive children for accessibility.\");\n    }\n  }, [state.selectedItems, renderValue]);\n\n  // For mouse interactions, pickers open on press start. When the popover underlay appears\n  // it covers the trigger button, causing onPressEnd to fire immediately and no press scaling\n  // to occur. We override this by listening for pointerup on the document ourselves.\n  let [isPressed, setPressed] = useState(false);\n  let {addGlobalListener} = useGlobalListeners();\n  let onPressStart = (e: PressEvent) => {\n    if (e.pointerType !== 'mouse') {\n      return;\n    }\n    setPressed(true);\n    addGlobalListener(\n      document,\n      'pointerup',\n      () => {\n        setPressed(false);\n      },\n      {once: true, capture: true}\n    );\n  };\n\n  return (\n    <PressResponder onPressStart={onPressStart} isPressed={isPressed}>\n      <Button\n        ref={buttonRef}\n        style={renderProps => pressScale(buttonRef)(renderProps)}\n        // Prevent press scale from sticking while Picker is open.\n        // @ts-ignore\n        isPressed={false}\n        className={renderProps =>\n          inputButton({\n            ...renderProps,\n            size: size,\n            isOpen,\n            isQuiet\n          })\n        }>\n        {renderProps => (\n          <>\n            <SelectValue\n              className={\n                valueStyles({isQuiet}) +\n                (renderValue\n                  ? ''\n                  : ' ' +\n                    css(\n                      '&> :not([slot=icon], [slot=avatar], [slot=label], [data-slot=label]) {display: none;}'\n                    ))\n              }>\n              {({selectedItems, defaultChildren}) => {\n                const selectedValues = selectedItems.filter((item): item is T => item != null);\n                const defaultRenderedValue =\n                  selectedItems.length <= 1 ? (\n                    defaultChildren\n                  ) : (\n                    <Text slot=\"label\">\n                      {stringFormatter.format('picker.selectedCount', {\n                        count: selectedItems.length\n                      })}\n                    </Text>\n                  );\n                const renderedValue =\n                  selectedItems.length > 0 && renderValue\n                    ? renderValue(selectedValues)\n                    : defaultRenderedValue;\n\n                return (\n                  <Provider\n                    values={[\n                      [\n                        IconContext,\n                        {\n                          slots: {\n                            icon: {\n                              render: centerBaseline({slot: 'icon', styles: iconCenterWrapper}),\n                              styles: icon\n                            }\n                          }\n                        }\n                      ],\n                      [\n                        AvatarContext,\n                        {\n                          slots: {\n                            avatar: {\n                              size: avatarSize[size ?? 'M'],\n                              styles: avatar\n                            }\n                          }\n                        }\n                      ],\n                      [\n                        TextContext,\n                        {\n                          slots: {\n                            description: {},\n                            [DEFAULT_SLOT]: {\n                              styles: style({\n                                display: 'block',\n                                flexGrow: 1,\n                                truncate: true\n                              }),\n                              // @ts-ignore\n                              'data-slot': 'label'\n                            },\n                            label: {\n                              styles: style({\n                                display: 'block',\n                                flexGrow: 1,\n                                truncate: true\n                              }),\n                              // @ts-ignore not technically necessary, but good for consistency\n                              'data-slot': 'label'\n                            }\n                          }\n                        }\n                      ],\n                      [InsideSelectValueContext, true]\n                    ]}>\n                    {renderValue ? (\n                      <div ref={renderValueRef} style={{display: 'contents'}}>\n                        {renderedValue}\n                      </div>\n                    ) : (\n                      renderedValue\n                    )}\n                  </Provider>\n                );\n              }}\n            </SelectValue>\n            {isInvalid && <FieldErrorIcon isDisabled={isDisabled} />}\n            {loadingState === 'loading' && !isOpen && loadingCircle}\n            <ChevronIcon\n              size={size}\n              className={iconStyles({isLoading: loadingState === 'loading'})}\n            />\n            {isFocusVisible && isQuiet && <span className={quietFocusLine} />}\n            {isInvalid && !isDisabled && !isQuiet && (\n              // @ts-ignore known limitation detecting functions from the theme\n              <div className={invalidBorder({...renderProps, size})} />\n            )}\n          </>\n        )}\n      </Button>\n    </PressResponder>\n  );\n});\n\nexport interface PickerItemProps\n  extends\n    Omit<\n      ListBoxItemProps,\n      'children' | 'style' | 'className' | 'render' | 'onClick' | keyof GlobalDOMAttributes\n    >,\n    StyleProps {\n  children: ReactNode;\n}\n\nconst checkmarkIconSize = {\n  S: 'XS',\n  M: 'M',\n  L: 'L',\n  XL: 'XL'\n} as const;\n\nexport function PickerItem(props: PickerItemProps): ReactNode {\n  let ref = useRef(null);\n  let isLink = props.href != null;\n  let {size} = useContext(InternalPickerContext);\n  return (\n    <ListBoxItem\n      {...props}\n      ref={ref}\n      textValue={\n        props.textValue ||\n        (typeof props.children === 'string' ? (props.children as string) : undefined)\n      }\n      style={pressScale(ref, props.UNSAFE_style)}\n      className={renderProps =>\n        (props.UNSAFE_className || '') + listboxItem({...renderProps, size, isLink}, props.styles)\n      }>\n      {renderProps => {\n        let {children} = props;\n        let checkboxRenderProps = {\n          ...renderProps,\n          size,\n          isFocused: false,\n          isFocusVisible: false,\n          isIndeterminate: false,\n          isReadOnly: false,\n          isInvalid: false,\n          isRequired: false\n        };\n        return (\n          <DefaultProvider\n            context={IconContext}\n            value={{\n              slots: {\n                icon: {\n                  render: centerBaseline({slot: 'icon', styles: iconCenterWrapper}),\n                  styles: icon\n                }\n              }\n            }}>\n            <DefaultProvider\n              context={AvatarContext}\n              value={{\n                slots: {\n                  avatar: {size: avatarSize[size], styles: avatar}\n                }\n              }}>\n              <DefaultProvider\n                context={TextContext}\n                value={{\n                  slots: {\n                    [DEFAULT_SLOT]: {styles: label({size})},\n                    label: {styles: label({size})},\n                    description: {styles: description({...renderProps, size})}\n                  }\n                }}>\n                {renderProps.selectionMode === 'single' && !isLink && (\n                  <CheckmarkIcon\n                    size={checkmarkIconSize[size]}\n                    className={checkmark({...renderProps, size})}\n                  />\n                )}\n                {renderProps.selectionMode === 'multiple' && !isLink && (\n                  <div className={mergeStyles(checkbox, box(checkboxRenderProps))}>\n                    <CheckmarkIcon size={size} className={checkboxIconStyles} />\n                  </div>\n                )}\n                {typeof children === 'string' ? <Text slot=\"label\">{children}</Text> : children}\n              </DefaultProvider>\n            </DefaultProvider>\n          </DefaultProvider>\n        );\n      }}\n    </ListBoxItem>\n  );\n}\n\n// A Context.Provider that only sets a value if not inside SelectValue.\nfunction DefaultProvider({\n  context,\n  value,\n  children\n}: {\n  context: React.Context<any>;\n  value: any;\n  children: any;\n}) {\n  let inSelectValue = useContext(InsideSelectValueContext);\n  if (inSelectValue) {\n    return children;\n  }\n\n  return <context.Provider value={value}>{children}</context.Provider>;\n}\n\nexport interface PickerSectionProps<T> extends Omit<\n  ListBoxSectionProps<T>,\n  'style' | 'className' | 'render' | keyof GlobalDOMAttributes\n> {}\nexport function PickerSection<T>(props: PickerSectionProps<T>): ReactNode {\n  let {size} = useContext(InternalPickerContext);\n  return (\n    <>\n      <AriaListBoxSection {...props}>{props.children}</AriaListBoxSection>\n      <Divider size={size} />\n    </>\n  );\n}\n"],"names":[],"version":3,"file":"Picker.mjs.map"}

package/dist/private/Popover.cjs

@@ -50,105 +50,117 @@ let $493371ef39bf7a55$var$popover = function anonymous(props, overrides) {
         if (p[1] === "L") maxWidth = true;
         rules += p[0];
     }
-    if (props.colorScheme === "dark") rules += ' -ICUGx-_pa13';
-    else if (props.colorScheme === "light") rules += ' -ICUGx-_pb13';
-    else if (props.colorScheme === "light dark") rules += ' -ICUGx-_pc13';
-    rules += ' _pK8eoyd13';
-    rules += ' -Ovbhqd-g_g13';
-    rules += ' -Ovbhqd-lga13';
-    rules += ' gEzkoQe13';
-    rules += ' oc13';
-    rules += ' nc13';
-    rules += ' kc13';
-    rules += ' jc13';
-    if (props.isArrowShown) rules += ' _rgr5H3d13';
-    if (props.isArrowShown) rules += ' _nd13';
-    else rules += ' _nLeasBb13';
-    rules += ' _Lf13';
-    rules += ' _Mb13';
-    rules += ' Oye39g13';
-    rules += ' Ola13';
+    if (props.colorScheme === "dark") rules += ' -ICUGx-_pa131';
+    else if (props.colorScheme === "light") rules += ' -ICUGx-_pb131';
+    else if (props.colorScheme === "light dark") rules += ' -ICUGx-_pc131';
+    rules += ' _pK8eoyd131';
+    if (props.colorScheme === "dark") rules += ' -NvXmrd-_ZLmU131';
+    else if (props.colorScheme === "light") rules += ' -NvXmrd-_ZN8Gi4c131';
+    else if (props.colorScheme === "light dark") {
+        rules += ' -NvXmrd-_ZN8Gi4c131';
+        rules += ' -NvXmrd-D1v0V_ZLmU131';
+    }
+    if (props.colorScheme === "dark") rules += ' -j9blY-_ZN8Gi4c131';
+    else if (props.colorScheme === "light") rules += ' -j9blY-_ZLmU131';
+    else if (props.colorScheme === "light dark") {
+        rules += ' -j9blY-_ZLmU131';
+        rules += ' -j9blY-D1v0V_ZN8Gi4c131';
+    }
+    rules += ' -Ovbhqd-g_g131';
+    rules += ' -Ovbhqd-lga131';
+    rules += ' gEzkoQe131';
+    rules += ' oc131';
+    rules += ' nc131';
+    rules += ' kc131';
+    rules += ' jc131';
+    if (props.isArrowShown) rules += ' _rgr5H3d131';
+    if (props.isArrowShown) rules += ' _nd131';
+    else rules += ' _nLeasBb131';
+    rules += ' _Lf131';
+    rules += ' _Mb131';
+    rules += ' Oye39g131';
+    rules += ' Ola131';
     if (props.size === "L") {
-        if (!width) rules += ' ZE13';
+        if (!width) rules += ' ZE131';
     } else if (props.size === "M") {
-        if (!width) rules += ' ZB13';
+        if (!width) rules += ' ZB131';
     } else if (props.size === "S") {
-        if (!width) rules += ' Zz13';
+        if (!width) rules += ' Zz131';
     }
-    if (!maxWidth) rules += ' LEmL1Zb13';
-    rules += ' _oa13';
-    rules += ' sd13';
-    if (props.isExiting) rules += ' _Ia13';
-    else if (props.isEntering) rules += ' _Ia13';
+    if (!maxWidth) rules += ' LEmL1Zb131';
+    rules += ' _oa131';
+    rules += ' sd131';
+    if (props.isExiting) rules += ' _Ia131';
+    else if (props.isEntering) rules += ' _Ia131';
     if (props.isSubmenu) {
-        rules += ' -_8PloMd-s13';
-        rules += ' __Ya13';
+        rules += ' -_8PloMd-s131';
+        rules += ' __Ya131';
     } else if (props.placement === "bottom") {
         if (props.isExiting) {
-            rules += ' -_8PloMd-l13';
-            rules += ' __Ya13';
+            rules += ' -_8PloMd-l131';
+            rules += ' __Ya131';
         } else if (props.isEntering) {
-            rules += ' -_8PloMd-l13';
-            rules += ' __Ya13';
+            rules += ' -_8PloMd-l131';
+            rules += ' __Ya131';
         }
     } else if (props.placement === "top") {
         if (props.isExiting) {
-            rules += ' -_8PloMd-F13';
-            rules += ' __Ya13';
+            rules += ' -_8PloMd-F131';
+            rules += ' __Ya131';
         } else if (props.isEntering) {
-            rules += ' -_8PloMd-F13';
-            rules += ' __Ya13';
+            rules += ' -_8PloMd-F131';
+            rules += ' __Ya131';
         }
     }
     if (props.isSubmenu) {
-        rules += ' -_7PloMd-s13';
-        rules += ' __Ya13';
+        rules += ' -_7PloMd-s131';
+        rules += ' __Ya131';
     } else if (props.placement === "right") {
         if (props.isExiting) {
-            rules += ' -_7PloMd-m13';
-            rules += ' __Ya13';
+            rules += ' -_7PloMd-m131';
+            rules += ' __Ya131';
         } else if (props.isEntering) {
-            rules += ' -_7PloMd-m13';
-            rules += ' __Ya13';
+            rules += ' -_7PloMd-m131';
+            rules += ' __Ya131';
         }
     } else if (props.placement === "left") {
         if (props.isExiting) {
-            rules += ' -_7PloMd-G13';
-            rules += ' __Ya13';
+            rules += ' -_7PloMd-G131';
+            rules += ' __Ya131';
         } else if (props.isEntering) {
-            rules += ' -_7PloMd-G13';
-            rules += ' __Ya13';
+            rules += ' -_7PloMd-G131';
+            rules += ' __Ya131';
         }
     }
-    rules += ' YmenWad13';
-    rules += ' Xc13';
-    if (props.isExiting) rules += ' _2c13';
-    rules += ' _Bb13';
-    if (props.isExiting) rules += ' _Ob13';
+    rules += ' YmenWad131';
+    rules += ' Xc131';
+    if (props.isExiting) rules += ' _2c131';
+    rules += ' _Bb131';
+    if (props.isExiting) rules += ' _Ob131';
     return rules;
 };
 // TODO: animations and real Popover Arrow
 let $493371ef39bf7a55$var$arrow = function anonymous(props) {
     let rules = " ";
-    rules += ' sb13';
-    rules += ' tEzkoQe13';
-    rules += ' Zl13';
-    rules += ' Fh13';
-    if (props.placement === "right") rules += ' _Sd13';
-    else if (props.placement === "left") rules += ' _Sa13';
-    else if (props.placement === "bottom") rules += ' _Sc13';
-    else if (props.placement === "top") rules += ' _Sb13';
-    else rules += ' _Sc13';
+    rules += ' sb131';
+    rules += ' tEzkoQe131';
+    rules += ' Zl131';
+    rules += ' Fh131';
+    if (props.placement === "right") rules += ' _Sd131';
+    else if (props.placement === "left") rules += ' _Sa131';
+    else if (props.placement === "bottom") rules += ' _Sc131';
+    else if (props.placement === "top") rules += ' _Sb131';
+    else rules += ' _Sc131';
     if (props.placement === "right") {
-        rules += ' -_7PloMd-y13';
-        rules += ' __Ya13';
+        rules += ' -_7PloMd-y131';
+        rules += ' __Ya131';
     } else if (props.placement === "left") {
-        rules += ' -_7PloMd-e13';
-        rules += ' __Ya13';
+        rules += ' -_7PloMd-e131';
+        rules += ' __Ya131';
     }
-    rules += ' _Vb13';
-    rules += ' Vye39g13';
-    rules += ' Vlb13';
+    rules += ' _Vb131';
+    rules += ' Vye39g131';
+    rules += ' Vlb131';
     return rules;
 };
 const $493371ef39bf7a55$export$9b9a0cd73afb7ca4 = /*#__PURE__*/ (0, $16fRD$react.createContext)(null);
@@ -244,26 +256,26 @@ const $493371ef39bf7a55$var$innerDivStyle = function anonymous(props, overrides)
         if (p[1] === "K") maxHeight = true;
         rules += p[0];
     }
-    if (props.padding === "none") rules += ' Td13';
-    else if (props.padding === "default") rules += ' Tt13';
-    if (props.padding === "none") rules += ' Qd13';
-    else if (props.padding === "default") rules += ' Qt13';
-    if (props.padding === "none") rules += ' Sd13';
-    else if (props.padding === "default") rules += ' St13';
-    if (props.padding === "none") rules += ' Rd13';
-    else if (props.padding === "default") rules += ' Rt13';
-    rules += ' _oa13';
-    rules += ' _Le13';
-    rules += ' oi13';
-    rules += ' ni13';
-    rules += ' ki13';
-    rules += ' ji13';
-    rules += ' _Na13';
-    rules += ' Pa13';
-    if (!position) rules += ' _Pc13';
-    if (!width) rules += ' Za13';
-    if (!maxWidth) rules += ' L40ub4c13';
-    if (!maxHeight) rules += ' K40ub4c13';
+    if (props.padding === "none") rules += ' Td131';
+    else if (props.padding === "default") rules += ' Tt131';
+    if (props.padding === "none") rules += ' Qd131';
+    else if (props.padding === "default") rules += ' Qt131';
+    if (props.padding === "none") rules += ' Sd131';
+    else if (props.padding === "default") rules += ' St131';
+    if (props.padding === "none") rules += ' Rd131';
+    else if (props.padding === "default") rules += ' Rt131';
+    rules += ' _oa131';
+    rules += ' _Le131';
+    rules += ' oi131';
+    rules += ' ni131';
+    rules += ' ki131';
+    rules += ' ji131';
+    rules += ' _Na131';
+    rules += ' Pa131';
+    if (!position) rules += ' _Pc131';
+    if (!width) rules += ' Za131';
+    if (!maxWidth) rules += ' L40ub4c131';
+    if (!maxHeight) rules += ' K40ub4c131';
     return rules;
 };
 const $493371ef39bf7a55$export$5b6b19405a83ff9d = /*#__PURE__*/ (0, $16fRD$react.forwardRef)(function Popover(props, ref) {

package/dist/private/Popover.cjs.map

@@ -1 +1 @@
-{"mappings":"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","sources":["packages/@react-spectrum/s2/src/Popover.tsx"],"sourcesContent":["/*\n * Copyright 2024 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {Popover as AriaPopover, PopoverProps as AriaPopoverProps, OverlayArrow} from 'react-aria-components/Popover';\nimport {ColorSchemeContext} from './Provider';\nimport {composeRenderProps} from 'react-aria-components/composeRenderProps';\nimport {ContextValue} from 'react-aria-components/slots';\nimport {createContext, ForwardedRef, forwardRef, ReactNode, useCallback, useContext, useMemo} from 'react';\nimport {DialogProps, OverlayTriggerStateContext} from 'react-aria-components/Dialog';\nimport {DOMRef, DOMRefValue, GlobalDOMAttributes} from '@react-types/shared';\nimport {getAllowedOverrides, heightProperties, UnsafeStyles, widthProperties} from './style-utils' with {type: 'macro'};\nimport {lightDark, setColorScheme, style} from '../style' with {type: 'macro'};\nimport {mergeRefs} from 'react-aria/mergeRefs';\nimport {mergeStyles} from '../style/runtime';\nimport {StyleString} from '../style/types' with {type: 'macro'};\nimport {useDOMRef} from './useDOMRef';\nimport {useLocale} from 'react-aria/I18nProvider';\nimport {useSpectrumContextProps} from './useSpectrumContextProps';\n\nexport interface PopoverProps extends UnsafeStyles, Omit<AriaPopoverProps,\n  'arrowSize' |\n  'isNonModal' |\n  'arrowBoundaryOffset' |\n  'isKeyboardDismissDisabled' |\n  'shouldCloseOnInteractOutside' |\n  'shouldUpdatePosition' |\n  'style' |\n  'className' |\n  'render' |\n  keyof GlobalDOMAttributes\n> {\n  /**\n   * The styles of the popover.\n   */\n  styles?: StyleString,\n  /**\n   * Whether a popover's arrow should be hidden.\n   *\n   * @default false\n   */\n  hideArrow?: boolean,\n  /**\n   * The size of the Popover. If not specified, the popover fits its contents.\n   */\n  size?: 'S' | 'M' | 'L'\n  /** The type of overlay that should be rendered when on a mobile device. */\n  // mobileType?: 'modal' | 'fullscreen' | 'fullscreenTakeover' // TODO: add tray back in\n}\n\nlet popover = style({\n  ...setColorScheme(),\n  '--s2-container-bg': {\n    type: 'backgroundColor',\n    value: {\n      default: 'layer-2',\n      forcedColors: 'Background'\n    }\n  },\n  backgroundColor: '--s2-container-bg',\n  borderRadius: 'lg',\n  filter: {\n    isArrowShown: 'elevated'\n  },\n  // Use box-shadow instead of filter when an arrow is not shown.\n  // This fixes the shadow stacking problem with submenus.\n  boxShadow: {\n    default: 'elevated',\n    isArrowShown: 'none'\n  },\n  outlineStyle: 'solid',\n  outlineWidth: 1,\n  outlineColor: {\n    default: lightDark('transparent-white-25', 'gray-200'),\n    forcedColors: 'ButtonBorder'\n  },\n  width: {\n    size: {\n      // Copied from designs, not sure if correct.\n      S: 336,\n      M: 416,\n      L: 576\n    }\n  },\n  // Don't be larger than full screen minus 2 * containerPadding\n  maxWidth: 'calc(100vw - 24px)',\n  boxSizing: 'border-box',\n  display: 'flex',\n  opacity: {\n    isEntering: 0,\n    isExiting: 0\n  },\n  translateY: {\n    placement: {\n      top: {\n        isEntering: 4,\n        isExiting: 4\n      },\n      bottom: {\n        isEntering: -4,\n        isExiting: -4\n      }\n    },\n    isSubmenu: 0\n  },\n  translateX: {\n    placement: {\n      left: {\n        isEntering: 4,\n        isExiting: 4\n      },\n      right: {\n        isEntering: -4,\n        isExiting: -4\n      }\n    },\n    isSubmenu: 0\n  },\n  transition: '[opacity, translate]',\n  transitionDuration: 200,\n  transitionTimingFunction: {\n    isExiting: 'in'\n  },\n  isolation: 'isolate',\n  pointerEvents: {\n    isExiting: 'none'\n  }\n}, getAllowedOverrides());\n// TODO: animations and real Popover Arrow\n\nlet arrow = style({\n  display: 'block',\n  fill: '--s2-container-bg',\n  width: 18,\n  height: 9,\n  rotate: {\n    default: 180,\n    placement: {\n      top: 0,\n      bottom: 180,\n      left: -90,\n      right: 90\n    }\n  },\n  translateX: {\n    placement: {\n      left: '-25%',\n      right: '25%'\n    }\n  },\n  strokeWidth: 1,\n  stroke: {\n    default: lightDark('transparent-white-25', 'gray-200'),\n    forcedColors: 'ButtonBorder'\n  }\n});\n\nexport const PopoverContext = createContext<ContextValue<PopoverProps, DOMRefValue<HTMLDivElement>>>(null);\nexport const InPopoverContext = createContext(false);\n\nexport const PopoverBase = forwardRef(function PopoverBase(props: PopoverProps, ref: ForwardedRef<HTMLDivElement | null>) {\n  let {\n    hideArrow = false,\n    UNSAFE_className = '',\n    UNSAFE_style,\n    styles,\n    size\n  } = props;\n  let colorScheme = useContext(ColorSchemeContext);\n  let {locale, direction} = useLocale();\n\n  // TODO: should we pass through lang and dir props in RAC?\n  let popoverRef = useCallback((el: HTMLDivElement) => {\n    if (el) {\n      el.lang = locale;\n      el.dir = direction;\n    }\n  }, [locale, direction]);\n  // Memoed so it doesn't break ComboBox/Picker scrolling\n  let mergedRef = useMemo(() => mergeRefs(popoverRef, ref), [ref, popoverRef]);\n\n  // On small devices, show a modal (or eventually a tray) instead of a popover.\n  // TODO: reverted this until we have trays.\n  // let isMobile = useIsMobileDevice();\n  // if (isMobile && process.env.NODE_ENV !== 'test') {\n  //   let mappedChildren = typeof children === 'function'\n  //     ? (renderProps: ModalRenderProps) => children({...renderProps, defaultChildren: null, trigger, placement: 'bottom'})\n  //     : children;\n\n  //   return (\n  //     <Modal size={size} isDismissable>\n  //       {composeRenderProps(mappedChildren, (children, {state}) => (\n  //         <>\n  //           {children}\n  //           {/* Add additional dismiss button at the end to match popovers. */}\n  //           <DismissButton onDismiss={state.close} />\n  //         </>\n  //       ))}\n  //     </Modal>\n  //   );\n  // }\n\n  // TODO: this still isn't the final popover 'tip', copying various ones out of the designs files yields different results\n  // containerPadding not working as expected\n  return (\n    <AriaPopover\n      {...props}\n      offset={(props.offset ?? 8) + (hideArrow ? 0 : 8)}\n      ref={mergedRef}\n      style={{\n        ...UNSAFE_style,\n        // Override default z-index from useOverlayPosition. We use isolation: isolate instead.\n        zIndex: undefined\n      }}\n      className={(renderProps) => UNSAFE_className + mergeStyles(popover({...renderProps, size, isArrowShown: !hideArrow, colorScheme, isSubmenu: renderProps.trigger === 'SubmenuTrigger'}), styles)}>\n      {composeRenderProps(props.children, (children, renderProps) => (\n        <>\n          {!hideArrow && (\n            <OverlayArrow className=\"\">\n              <svg viewBox=\"0 0 18 10\" className={arrow(renderProps)}>\n                <path transform=\"translate(0 -1)\" d=\"M1 1L7.93799 8.52588C8.07224 8.67448 8.23607 8.79362 8.41895 8.87524C8.60182 8.95687 8.79973 8.9993 9 9C9.19984 8.99882 9.39724 8.95606 9.57959 8.87427C9.76193 8.79248 9.9253 8.67336 10.0591 8.5249L17 1\" />\n              </svg>\n            </OverlayArrow>\n          )}\n          <InPopoverContext.Provider value>\n            {children}\n          </InPopoverContext.Provider>\n        </>\n      ))}\n    </AriaPopover>\n  );\n});\n\ntype PopoverStylesProp = StyleString<((typeof widthProperties)[number] | (typeof heightProperties)[number])>;\nexport interface PopoverDialogProps extends Pick<PopoverProps,\n'size' |\n'hideArrow'|\n'placement' |\n'shouldFlip' |\n'containerPadding' |\n'offset' |\n'crossOffset' |\n'triggerRef' |\n'isOpen' |\n'onOpenChange'\n>, Omit<DialogProps, 'children' | 'className' | 'style' | 'render' | keyof GlobalDOMAttributes>, UnsafeStyles {\n  /**\n   * The children of the popover.\n   */\n  children?: ReactNode,\n  /**\n   * The amount of padding around the contents of the dialog.\n   * @default 'default'\n   */\n  padding?: 'default' | 'none',\n  /** Spectrum-defined styles, returned by the `style()` macro. */\n  styles?: PopoverStylesProp\n}\n\nconst innerDivStyle = style({\n  padding: {\n    padding: {\n      default: 8,\n      none: 0\n    }\n  },\n  boxSizing: 'border-box',\n  outlineStyle: 'none',\n  borderRadius: 'inherit',\n  overflow: 'auto',\n  position: 'relative',\n  width: 'full',\n  maxSize: 'inherit'\n}, getAllowedOverrides({height: true}));\n\n/**\n * A popover is an overlay element positioned relative to a trigger.\n */\nexport const Popover = forwardRef(function Popover(props: PopoverDialogProps, ref: DOMRef<HTMLDivElement>) {\n  [props, ref] = useSpectrumContextProps(props, ref, PopoverContext);\n  let domRef = useDOMRef(ref);\n  let {\n    UNSAFE_className,\n    UNSAFE_style,\n    styles,\n    padding = 'default',\n    ...otherProps\n  } = props;\n\n  return (\n    <PopoverBase {...otherProps} ref={domRef}>\n      {composeRenderProps(props.children, (children) => (\n        <div\n          style={UNSAFE_style}\n          className={(UNSAFE_className || '') + innerDivStyle({padding}, styles)}>\n          {/* Reset OverlayTriggerStateContext so the buttons inside the dialog don't retain their hover state. */}\n          <OverlayTriggerStateContext.Provider value={null}>\n            {children}\n          </OverlayTriggerStateContext.Provider>\n        </div>\n      ))}\n    </PopoverBase>\n  );\n});\n"],"names":[],"version":3,"file":"Popover.cjs.map"}
+{"mappings":"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","sources":["packages/@react-spectrum/s2/src/Popover.tsx"],"sourcesContent":["/*\n * Copyright 2024 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {\n  Popover as AriaPopover,\n  PopoverProps as AriaPopoverProps,\n  OverlayArrow\n} from 'react-aria-components/Popover';\nimport {ColorSchemeContext} from './Provider';\nimport {composeRenderProps} from 'react-aria-components/composeRenderProps';\nimport {ContextValue} from 'react-aria-components/slots';\nimport {\n  createContext,\n  ForwardedRef,\n  forwardRef,\n  ReactNode,\n  useCallback,\n  useContext,\n  useMemo\n} from 'react';\nimport {DialogProps, OverlayTriggerStateContext} from 'react-aria-components/Dialog';\nimport {DOMRef, DOMRefValue, GlobalDOMAttributes} from '@react-types/shared';\nimport {\n  getAllowedOverrides,\n  heightProperties,\n  UnsafeStyles,\n  widthProperties\n} from './style-utils' with {type: 'macro'};\nimport {lightDark, setColorScheme, style} from '../style' with {type: 'macro'};\nimport {mergeRefs} from 'react-aria/mergeRefs';\nimport {mergeStyles} from '../style/runtime';\nimport {StyleString} from '../style/types' with {type: 'macro'};\nimport {useDOMRef} from './useDOMRef';\nimport {useLocale} from 'react-aria/I18nProvider';\nimport {useSpectrumContextProps} from './useSpectrumContextProps';\n\nexport interface PopoverProps\n  extends\n    UnsafeStyles,\n    Omit<\n      AriaPopoverProps,\n      | 'arrowSize'\n      | 'isNonModal'\n      | 'arrowBoundaryOffset'\n      | 'isKeyboardDismissDisabled'\n      | 'shouldCloseOnInteractOutside'\n      | 'shouldUpdatePosition'\n      | 'style'\n      | 'className'\n      | 'render'\n      | keyof GlobalDOMAttributes\n    > {\n  /**\n   * The styles of the popover.\n   */\n  styles?: StyleString;\n  /**\n   * Whether a popover's arrow should be hidden.\n   *\n   * @default false\n   */\n  hideArrow?: boolean;\n  /**\n   * The size of the Popover. If not specified, the popover fits its contents.\n   */\n  size?: 'S' | 'M' | 'L';\n  /** The type of overlay that should be rendered when on a mobile device. */\n  // mobileType?: 'modal' | 'fullscreen' | 'fullscreenTakeover' // TODO: add tray back in\n}\n\nlet popover = style(\n  {\n    ...setColorScheme(),\n    '--s2-container-bg': {\n      type: 'backgroundColor',\n      value: {\n        default: 'layer-2',\n        forcedColors: 'Background'\n      }\n    },\n    backgroundColor: '--s2-container-bg',\n    borderRadius: 'lg',\n    filter: {\n      isArrowShown: 'elevated'\n    },\n    // Use box-shadow instead of filter when an arrow is not shown.\n    // This fixes the shadow stacking problem with submenus.\n    boxShadow: {\n      default: 'elevated',\n      isArrowShown: 'none'\n    },\n    outlineStyle: 'solid',\n    outlineWidth: 1,\n    outlineColor: {\n      default: lightDark('transparent-white-25', 'gray-200'),\n      forcedColors: 'ButtonBorder'\n    },\n    width: {\n      size: {\n        // Copied from designs, not sure if correct.\n        S: 336,\n        M: 416,\n        L: 576\n      }\n    },\n    // Don't be larger than full screen minus 2 * containerPadding\n    maxWidth: 'calc(100vw - 24px)',\n    boxSizing: 'border-box',\n    display: 'flex',\n    opacity: {\n      isEntering: 0,\n      isExiting: 0\n    },\n    translateY: {\n      placement: {\n        top: {\n          isEntering: 4,\n          isExiting: 4\n        },\n        bottom: {\n          isEntering: -4,\n          isExiting: -4\n        }\n      },\n      isSubmenu: 0\n    },\n    translateX: {\n      placement: {\n        left: {\n          isEntering: 4,\n          isExiting: 4\n        },\n        right: {\n          isEntering: -4,\n          isExiting: -4\n        }\n      },\n      isSubmenu: 0\n    },\n    transition: '[opacity, translate]',\n    transitionDuration: 200,\n    transitionTimingFunction: {\n      isExiting: 'in'\n    },\n    isolation: 'isolate',\n    pointerEvents: {\n      isExiting: 'none'\n    }\n  },\n  getAllowedOverrides()\n);\n// TODO: animations and real Popover Arrow\n\nlet arrow = style({\n  display: 'block',\n  fill: '--s2-container-bg',\n  width: 18,\n  height: 9,\n  rotate: {\n    default: 180,\n    placement: {\n      top: 0,\n      bottom: 180,\n      left: -90,\n      right: 90\n    }\n  },\n  translateX: {\n    placement: {\n      left: '-25%',\n      right: '25%'\n    }\n  },\n  strokeWidth: 1,\n  stroke: {\n    default: lightDark('transparent-white-25', 'gray-200'),\n    forcedColors: 'ButtonBorder'\n  }\n});\n\nexport const PopoverContext =\n  createContext<ContextValue<PopoverProps, DOMRefValue<HTMLDivElement>>>(null);\nexport const InPopoverContext = createContext(false);\n\nexport const PopoverBase = forwardRef(function PopoverBase(\n  props: PopoverProps,\n  ref: ForwardedRef<HTMLDivElement | null>\n) {\n  let {hideArrow = false, UNSAFE_className = '', UNSAFE_style, styles, size} = props;\n  let colorScheme = useContext(ColorSchemeContext);\n  let {locale, direction} = useLocale();\n\n  // TODO: should we pass through lang and dir props in RAC?\n  let popoverRef = useCallback(\n    (el: HTMLDivElement) => {\n      if (el) {\n        el.lang = locale;\n        el.dir = direction;\n      }\n    },\n    [locale, direction]\n  );\n  // Memoed so it doesn't break ComboBox/Picker scrolling\n  let mergedRef = useMemo(() => mergeRefs(popoverRef, ref), [ref, popoverRef]);\n\n  // On small devices, show a modal (or eventually a tray) instead of a popover.\n  // TODO: reverted this until we have trays.\n  // let isMobile = useIsMobileDevice();\n  // if (isMobile && process.env.NODE_ENV !== 'test') {\n  //   let mappedChildren = typeof children === 'function'\n  //     ? (renderProps: ModalRenderProps) => children({...renderProps, defaultChildren: null, trigger, placement: 'bottom'})\n  //     : children;\n\n  //   return (\n  //     <Modal size={size} isDismissable>\n  //       {composeRenderProps(mappedChildren, (children, {state}) => (\n  //         <>\n  //           {children}\n  //           {/* Add additional dismiss button at the end to match popovers. */}\n  //           <DismissButton onDismiss={state.close} />\n  //         </>\n  //       ))}\n  //     </Modal>\n  //   );\n  // }\n\n  // TODO: this still isn't the final popover 'tip', copying various ones out of the designs files yields different results\n  // containerPadding not working as expected\n  return (\n    <AriaPopover\n      {...props}\n      offset={(props.offset ?? 8) + (hideArrow ? 0 : 8)}\n      ref={mergedRef}\n      style={{\n        ...UNSAFE_style,\n        // Override default z-index from useOverlayPosition. We use isolation: isolate instead.\n        zIndex: undefined\n      }}\n      className={renderProps =>\n        UNSAFE_className +\n        mergeStyles(\n          popover({\n            ...renderProps,\n            size,\n            isArrowShown: !hideArrow,\n            colorScheme,\n            isSubmenu: renderProps.trigger === 'SubmenuTrigger'\n          }),\n          styles\n        )\n      }>\n      {composeRenderProps(props.children, (children, renderProps) => (\n        <>\n          {!hideArrow && (\n            <OverlayArrow className=\"\">\n              <svg viewBox=\"0 0 18 10\" className={arrow(renderProps)}>\n                <path\n                  transform=\"translate(0 -1)\"\n                  d=\"M1 1L7.93799 8.52588C8.07224 8.67448 8.23607 8.79362 8.41895 8.87524C8.60182 8.95687 8.79973 8.9993 9 9C9.19984 8.99882 9.39724 8.95606 9.57959 8.87427C9.76193 8.79248 9.9253 8.67336 10.0591 8.5249L17 1\"\n                />\n              </svg>\n            </OverlayArrow>\n          )}\n          <InPopoverContext.Provider value>{children}</InPopoverContext.Provider>\n        </>\n      ))}\n    </AriaPopover>\n  );\n});\n\ntype PopoverStylesProp = StyleString<\n  (typeof widthProperties)[number] | (typeof heightProperties)[number]\n>;\nexport interface PopoverDialogProps\n  extends\n    Pick<\n      PopoverProps,\n      | 'size'\n      | 'hideArrow'\n      | 'placement'\n      | 'shouldFlip'\n      | 'containerPadding'\n      | 'offset'\n      | 'crossOffset'\n      | 'triggerRef'\n      | 'isOpen'\n      | 'onOpenChange'\n    >,\n    Omit<DialogProps, 'children' | 'className' | 'style' | 'render' | keyof GlobalDOMAttributes>,\n    UnsafeStyles {\n  /**\n   * The children of the popover.\n   */\n  children?: ReactNode;\n  /**\n   * The amount of padding around the contents of the dialog.\n   *\n   * @default 'default'\n   */\n  padding?: 'default' | 'none';\n  /** Spectrum-defined styles, returned by the `style()` macro. */\n  styles?: PopoverStylesProp;\n}\n\nconst innerDivStyle = style(\n  {\n    padding: {\n      padding: {\n        default: 8,\n        none: 0\n      }\n    },\n    boxSizing: 'border-box',\n    outlineStyle: 'none',\n    borderRadius: 'inherit',\n    overflow: 'auto',\n    position: 'relative',\n    width: 'full',\n    maxSize: 'inherit'\n  },\n  getAllowedOverrides({height: true})\n);\n\n/**\n * A popover is an overlay element positioned relative to a trigger.\n */\nexport const Popover = forwardRef(function Popover(\n  props: PopoverDialogProps,\n  ref: DOMRef<HTMLDivElement>\n) {\n  [props, ref] = useSpectrumContextProps(props, ref, PopoverContext);\n  let domRef = useDOMRef(ref);\n  let {UNSAFE_className, UNSAFE_style, styles, padding = 'default', ...otherProps} = props;\n\n  return (\n    <PopoverBase {...otherProps} ref={domRef}>\n      {composeRenderProps(props.children, children => (\n        <div\n          style={UNSAFE_style}\n          className={(UNSAFE_className || '') + innerDivStyle({padding}, styles)}>\n          {/* Reset OverlayTriggerStateContext so the buttons inside the dialog don't retain their hover state. */}\n          <OverlayTriggerStateContext.Provider value={null}>\n            {children}\n          </OverlayTriggerStateContext.Provider>\n        </div>\n      ))}\n    </PopoverBase>\n  );\n});\n"],"names":[],"version":3,"file":"Popover.cjs.map"}