@react-spectrum/s2 1.3.1 → 1.5.0

package/dist/private/TabsPicker.cjs

@@ -58,127 +58,127 @@ $parcel$export(module.exports, "PickerItem", () => $9d2c38978395d44a$export$d601
 const $9d2c38978395d44a$export$b72b8dade9393cd5 = /*#__PURE__*/ (0, $7pV4n$react.createContext)(null);
 const $9d2c38978395d44a$var$inputButton = function anonymous(props) {
     let rules = " ";
-    if (props.isFocusVisible) rules += ' _Lf13';
-    else rules += ' _Le13';
-    rules += ' Oh13';
-    rules += ' Olc13';
-    rules += ' _Mc13';
-    rules += ' _Kd13';
-    rules += ' zXcEWr13';
-    rules += ' yXcEWr13';
-    rules += ' BXcEWr13';
-    rules += ' AXcEWr13';
-    if (props.size === "XL") rules += ' Nl13';
-    else if (props.size === "L") rules += ' Nj13';
-    else if (props.size === "S") rules += ' Nf13';
-    else if (props.size === "XS") rules += ' Ne13';
-    else rules += ' Nk13';
-    if (props.isQuiet) rules += ' _qd13';
-    else rules += ' _qtb13';
-    if (props.size === "XL") rules += ' -Anxdcc-Zt13';
-    else if (props.size === "L") rules += ' -Anxdcc-ZStdtne13';
-    else if (props.size === "S") rules += ' -Anxdcc-Zr13';
-    else rules += ' -Anxdcc-Z3fn9H13';
-    rules += ' __v6TNLWb13';
-    rules += ' _Pc13';
-    rules += ' uk13';
-    rules += ' ucJ9TBTb13';
-    rules += ' ud3Euai13';
-    rules += ' uea13';
-    rules += ' ugb13';
-    rules += ' uhd13';
-    rules += ' uje13';
-    rules += ' u2NhKxcl13';
-    rules += ' uic13';
-    rules += ' -_6BNtrc-c13';
-    rules += ' vx13';
-    rules += ' xb13';
-    rules += ' _xa13';
-    rules += ' _Fd13';
-    rules += ' _FnuYUweb13';
-    if (props.isDisabled) rules += ' pp13';
+    if (props.isFocusVisible) rules += ' _Lf15';
+    else rules += ' _Le15';
+    rules += ' Oh15';
+    rules += ' Olc15';
+    rules += ' _Mc15';
+    rules += ' _Kd15';
+    rules += ' zXcEWr15';
+    rules += ' yXcEWr15';
+    rules += ' BXcEWr15';
+    rules += ' AXcEWr15';
+    if (props.size === "XL") rules += ' Nl15';
+    else if (props.size === "L") rules += ' Nj15';
+    else if (props.size === "S") rules += ' Nf15';
+    else if (props.size === "XS") rules += ' Ne15';
+    else rules += ' Nk15';
+    if (props.isQuiet) rules += ' _qd15';
+    else rules += ' _qtb15';
+    if (props.size === "XL") rules += ' -Anxdcc-Zt15';
+    else if (props.size === "L") rules += ' -Anxdcc-ZStdtne15';
+    else if (props.size === "S") rules += ' -Anxdcc-Zr15';
+    else rules += ' -Anxdcc-Z3fn9H15';
+    rules += ' __v6TNLWb15';
+    rules += ' _Pc15';
+    rules += ' uk15';
+    rules += ' ucJ9TBTb15';
+    rules += ' ud3Euai15';
+    rules += ' uea15';
+    rules += ' ugb15';
+    rules += ' uhd15';
+    rules += ' uje15';
+    rules += ' u2NhKxcl15';
+    rules += ' uic15';
+    rules += ' -_6BNtrc-c15';
+    rules += ' vx15';
+    rules += ' xb15';
+    rules += ' _xa15';
+    rules += ' _Fd15';
+    rules += ' _FnuYUweb15';
+    if (props.isDisabled) rules += ' pp15';
     else {
-        if (props.isPressed) rules += ' po13';
-        else if (props.isFocusVisible) rules += ' po13';
-        else if (props.isHovered) rules += ' po13';
-        else rules += ' pt13';
+        if (props.isPressed) rules += ' po15';
+        else if (props.isFocusVisible) rules += ' po15';
+        else if (props.isHovered) rules += ' po15';
+        else rules += ' pt15';
     }
-    rules += ' sd13';
-    rules += ' _Wd13';
-    rules += ' _je13';
-    rules += ' oa13';
-    rules += ' na13';
-    rules += ' ka13';
-    rules += ' ja13';
-    rules += ' eb13';
-    rules += ' Yd13';
-    rules += ' Xb13';
-    rules += ' _2b13';
-    rules += ' qc13';
-    rules += ' qsd13';
-    rules += ' SMBFGYc13';
-    rules += ' RfBFGYc13';
-    rules += ' g913';
-    if (props.isQuiet) rules += ' Ln13';
-    rules += ' __ca13';
-    if (props.density === "compact") rules += ' Fx13';
-    else rules += ' Fz13';
-    rules += ' _oa13';
-    rules += ' -S_-Sd13';
-    rules += ' -R_-Rd13';
+    rules += ' sd15';
+    rules += ' _Wd15';
+    rules += ' _je15';
+    rules += ' oa15';
+    rules += ' na15';
+    rules += ' ka15';
+    rules += ' ja15';
+    rules += ' eb15';
+    rules += ' Yd15';
+    rules += ' Xb15';
+    rules += ' _2b15';
+    rules += ' qc15';
+    rules += ' qsd15';
+    rules += ' SMBFGYc15';
+    rules += ' RfBFGYc15';
+    rules += ' g915';
+    if (props.isQuiet) rules += ' Ln15';
+    rules += ' __ca15';
+    if (props.density === "compact") rules += ' Fx15';
+    else rules += ' Fz15';
+    rules += ' _oa15';
+    rules += ' -S_-Sd15';
+    rules += ' -R_-Rd15';
     return rules;
 };
 let $9d2c38978395d44a$export$b1e5508a851be14d = function anonymous(props) {
     let rules = " ";
-    rules += ' _Le13';
-    rules += ' se13';
-    rules += ' Deb5jcb13';
-    rules += ' _oa13';
-    rules += ' Za13';
-    rules += ' K40ub4c13';
-    rules += ' _Na13';
-    rules += ' Pa13';
-    rules += ' Tt13';
-    rules += ' Qt13';
-    rules += ' St13';
-    rules += ' Rt13';
-    rules += ' uk13';
-    rules += ' ucJ9TBTb13';
-    rules += ' ud3Euai13';
-    rules += ' uea13';
-    rules += ' ugb13';
-    rules += ' uhd13';
-    rules += ' uje13';
-    rules += ' u2NhKxcl13';
-    rules += ' uic13';
+    rules += ' _Le15';
+    rules += ' se15';
+    rules += ' Deb5jcb15';
+    rules += ' _oa15';
+    rules += ' Za15';
+    rules += ' K40ub4c15';
+    rules += ' _Na15';
+    rules += ' Pa15';
+    rules += ' Tt15';
+    rules += ' Qt15';
+    rules += ' St15';
+    rules += ' Rt15';
+    rules += ' uk15';
+    rules += ' ucJ9TBTb15';
+    rules += ' ud3Euai15';
+    rules += ' uea15';
+    rules += ' ugb15';
+    rules += ' uhd15';
+    rules += ' uje15';
+    rules += ' u2NhKxcl15';
+    rules += ' uic15';
     if (props.size === "XL") {
-        rules += ' -_6BNtrc-e13';
-        rules += ' vx13';
+        rules += ' -_6BNtrc-e15';
+        rules += ' vx15';
     } else if (props.size === "L") {
-        rules += ' -_6BNtrc-d13';
-        rules += ' vx13';
+        rules += ' -_6BNtrc-d15';
+        rules += ' vx15';
     } else if (props.size === "S") {
-        rules += ' -_6BNtrc-b13';
-        rules += ' vx13';
+        rules += ' -_6BNtrc-b15';
+        rules += ' vx15';
     } else if (props.size === "XS") {
-        rules += ' -_6BNtrc-a13';
-        rules += ' vx13';
+        rules += ' -_6BNtrc-a15';
+        rules += ' vx15';
     } else {
-        rules += ' -_6BNtrc-c13';
-        rules += ' vx13';
+        rules += ' -_6BNtrc-c15';
+        rules += ' vx15';
     }
     return rules;
 };
-const $9d2c38978395d44a$var$valueStyles = " _ua13 _Nc13 Pc13 _Yb13 _7c13 sd13 eb13 Fb13";
-const $9d2c38978395d44a$var$iconStyles = " _va13 _Sd13 -_8sjo0b-t5ZbAob13";
+const $9d2c38978395d44a$var$valueStyles = " _ua15 _Nc15 Pc15 _Yb15 _7c15 sd15 eb15 Fb15";
+const $9d2c38978395d44a$var$iconStyles = " _va15 _Sd15 -_8sjo0b-t5ZbAob15";
 const $9d2c38978395d44a$var$iconCenterWrapper = function anonymous(props) {
     let rules = " ";
-    rules += ' sd13';
-    rules += ' z2U5Crc13';
-    rules += ' y2U5Crc13';
-    rules += ' B2U5Crc13';
-    rules += ' A2U5Crc13';
-    if (props.labelBehavior === "hide") rules += ' SssxDec13';
+    rules += ' sd15';
+    rules += ' z2U5Crc15';
+    rules += ' y2U5Crc15';
+    rules += ' B2U5Crc15';
+    rules += ' A2U5Crc15';
+    if (props.labelBehavior === "hide") rules += ' SssxDec15';
     return rules;
 };
 let $9d2c38978395d44a$var$InsideSelectValueContext = /*#__PURE__*/ (0, $7pV4n$react.createContext)(false);
@@ -248,13 +248,13 @@ function $9d2c38978395d44a$var$Picker(props1, ref) {
                                                                     id: valueId,
                                                                     styles: function anonymous(props) {
                                                                         let rules = " ";
-                                                                        if (props.labelBehavior === "hide") rules += ' sk13';
-                                                                        else rules += ' sb13';
-                                                                        rules += ' _ub13';
-                                                                        rules += ' _Nc13';
-                                                                        rules += ' Pc13';
-                                                                        rules += ' _Yb13';
-                                                                        rules += ' _7c13';
+                                                                        if (props.labelBehavior === "hide") rules += ' sk15';
+                                                                        else rules += ' sb15';
+                                                                        rules += ' _ub15';
+                                                                        rules += ' _Nc15';
+                                                                        rules += ' Pc15';
+                                                                        rules += ' _Yb15';
+                                                                        rules += ' _7c15';
                                                                         return rules;
                                                                     }({
                                                                         labelBehavior: labelBehavior
@@ -284,9 +284,9 @@ function $9d2c38978395d44a$var$Picker(props1, ref) {
                                 crossOffset: RTLFlipOffset * -12,
                                 placement: `${direction} ${align}`,
                                 shouldFlip: shouldFlip,
-                                styles: " Nh13 ZbWuche13",
+                                styles: " Nh15 ZbWuche15",
                                 children: /*#__PURE__*/ (0, $7pV4n$reactjsxruntime.jsx)("div", {
-                                    className: " sd13 Za13 Fb13",
+                                    className: " sd15 Za15 Fb15",
                                     children: /*#__PURE__*/ (0, $7pV4n$reactjsxruntime.jsx)((0, $7pV4n$reactariacomponentsslots.Provider), {
                                         values: [
                                             [
@@ -309,7 +309,7 @@ function $9d2c38978395d44a$var$Picker(props1, ref) {
                                                 (0, $6367bc87eb7d24ad$exports.TextContext),
                                                 {
                                                     slots: {
-                                                        'description': {
+                                                        description: {
                                                             styles: (0, $e741ea6b88ce4866$exports.description)({
                                                                 size: size,
                                                                 isFocused: false,
@@ -338,23 +338,24 @@ function $9d2c38978395d44a$var$Picker(props1, ref) {
     });
 }
 /**
- * Pickers allow users to choose a single option from a collapsible list of options when space is limited.
+ * Pickers allow users to choose a single option from a collapsible list of options when space is
+ * limited.
  */ let $9d2c38978395d44a$export$ba25329847403e11 = /*#__PURE__*/ (0, $7pV4n$react.forwardRef)($9d2c38978395d44a$var$Picker);
 const $9d2c38978395d44a$var$selectedIndicator = function anonymous(props) {
     let rules = " ";
-    if (props.isDisabled) rules += ' gH13';
-    else rules += ' g013';
-    if (props.isDisabled) rules += ' gld13';
-    else rules += ' gle13';
-    rules += ' FLvNfn13';
-    rules += ' _je13';
-    rules += ' og13';
-    rules += ' ng13';
-    rules += ' kg13';
-    rules += ' jg13';
-    rules += ' Jk7Otrc13';
-    rules += ' Xa13';
-    rules += ' _2b13';
+    if (props.isDisabled) rules += ' gH15';
+    else rules += ' g015';
+    if (props.isDisabled) rules += ' gld15';
+    else rules += ' gle15';
+    rules += ' FLvNfn15';
+    rules += ' _je15';
+    rules += ' og15';
+    rules += ' ng15';
+    rules += ' kg15';
+    rules += ' jg15';
+    rules += ' Jk7Otrc15';
+    rules += ' Xa15';
+    rules += ' _2b15';
     return rules;
 };
 function $9d2c38978395d44a$var$TabLine(props) {

package/dist/private/TabsPicker.cjs.map

@@ -1 +1 @@
-{"mappings":"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","sources":["packages/@react-spectrum/s2/src/TabsPicker.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 */\nimport {PopoverProps as AriaPopoverProps} from 'react-aria-components/Popover';\n\nimport {Select as AriaSelect, SelectProps as AriaSelectProps, SelectValue} from 'react-aria-components/Select';\nimport {baseColor, focusRing, size, style} from '../style' with {type: 'macro'};\nimport {Button} from 'react-aria-components/Button';\nimport {centerBaseline} from './CenterBaseline';\nimport {\n  checkmark,\n  description,\n  icon,\n  label,\n  menuitem,\n  sectionHeader,\n  sectionHeading\n} from './Menu';\nimport CheckmarkIcon from '../ui-icons/Checkmark';\nimport ChevronIcon from '../ui-icons/Chevron';\nimport {ContextValue, DEFAULT_SLOT, Provider} from 'react-aria-components/slots';\nimport {controlFont, fieldInput, StyleProps} from './style-utils' with {type: 'macro'};\nimport {css} from '../style/style-macro' with {type: 'macro'};\nimport {edgeToText} from '../style/spectrum-theme' with {type: 'macro'};\nimport {\n  FieldLabel\n} from './Field';\nimport {FocusableRef, FocusableRefValue, SpectrumLabelableProps} from '@react-types/shared';\nimport {forwardRefType} from './types';\nimport {HeaderContext, HeadingContext, Text, TextContext} from './Content';\nimport {IconContext} from './Icon';\nimport {ListBox, ListBoxItem, ListBoxItemProps, ListBoxProps} from 'react-aria-components/ListBox';\nimport {Placement} from 'react-aria-components/Popover';\nimport {Popover} from './Popover';\nimport {pressScale} from './pressScale';\nimport React, {createContext, forwardRef, ReactNode, useContext, useRef} from 'react';\nimport {useFocusableRef} from './useDOMRef';\nimport {useFormProps} from './Form';\nimport {useLocale} from 'react-aria/I18nProvider';\nimport {useSpectrumContextProps} from './useSpectrumContextProps';\nexport interface PickerStyleProps {\n}\nexport interface PickerProps<T extends object> extends\n  Omit<AriaSelectProps<T>, 'children' | 'style' | 'className' | 'render' | 'placeholder'>,\n  PickerStyleProps,\n  StyleProps,\n  SpectrumLabelableProps,\n  Pick<ListBoxProps<T>, 'items'>,\n  Pick<AriaPopoverProps, 'shouldFlip'> {\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    /** Density of the tabs, affects the height of the picker. */\n    density: 'compact' | 'regular',\n    /**\n     * If the tab picker should only display icon and no text for the button label.\n     * @default 'show\n     */\n    labelBehavior?: 'show' | 'hide',\n    /** Id for the SelectedValue so we can label using it. */\n    valueId?: string\n}\nexport const PickerContext = createContext<ContextValue<Partial<PickerProps<any>>, FocusableRefValue<HTMLButtonElement>>>(null);\nconst inputButton = style({\n  ...focusRing(),\n  ...fieldInput(),\n  outlineStyle: {\n    default: 'none',\n    isFocusVisible: 'solid'\n  },\n  position: 'relative',\n  font: 'ui',\n  display: 'flex',\n  textAlign: 'start',\n  borderStyle: 'none',\n  borderRadius: 'sm',\n  alignItems: 'center',\n  transition: 'default',\n  columnGap: 'text-to-visual',\n  paddingX: 0,\n  backgroundColor: 'transparent',\n  color: {\n    default: baseColor('neutral'),\n    isDisabled: 'disabled'\n  },\n  maxWidth: {\n    isQuiet: 'max'\n  },\n  disableTapHighlight: true,\n  height: {\n    default: 48,\n    density: {\n      compact: 32\n    }\n  },\n  boxSizing: 'border-box'\n});\nexport let menu = style({\n  outlineStyle: 'none',\n  display: 'grid',\n  gridTemplateColumns: [edgeToText(32), 'auto', 'auto', 'minmax(0, 1fr)', 'auto', 'auto', 'auto', edgeToText(32)],\n  boxSizing: 'border-box',\n  width: 'full',\n  maxHeight: 'inherit',\n  overflow: 'auto',\n  padding: 8,\n  fontFamily: 'sans',\n  fontSize: controlFont()\n});\nconst valueStyles = style({\n  flexGrow: 0,\n  truncate: true,\n  display: 'flex',\n  alignItems: 'center',\n  height: 'full'\n});\nconst iconStyles = style({\n  flexShrink: 0,\n  rotate: 90,\n  '--iconPrimary': {\n    type: 'fill',\n    value: 'currentColor'\n  }\n});\nconst iconCenterWrapper = style({\n  display: 'flex',\n  gridArea: 'icon',\n  paddingStart: {\n    labelBehavior: {\n      hide: size(6)\n    }\n  }\n});\nlet InsideSelectValueContext = createContext(false);\nfunction Picker<T extends object>(props: PickerProps<T>, ref: FocusableRef<HTMLButtonElement>) {\n  [props, ref] = useSpectrumContextProps(props, ref, PickerContext);\n  let domRef = useFocusableRef(ref);\n  props = useFormProps(props);\n  let {\n    direction = 'bottom',\n    align = 'start',\n    shouldFlip = true,\n    children,\n    items,\n    density,\n    labelBehavior = 'show',\n    valueId,\n    ...pickerProps\n  } = props;\n  let isQuiet = true;\n  const menuOffset: number = 6;\n  const size = 'M';\n  let ariaLabelledby = props['aria-labelledby'] ?? '';\n  let {direction: dir} = useLocale();\n  let RTLFlipOffset = dir === 'rtl' ? -1 : 1;\n\n  return (\n    <div>\n      <AriaSelect\n        {...pickerProps}\n        className=\"\"\n        aria-labelledby={`${labelBehavior === 'hide' ? valueId : ''} ${ariaLabelledby}`}>\n        {({isOpen}) => (\n          <>\n            <FieldLabel isQuiet={isQuiet} />\n            <Button\n              ref={domRef}\n              style={renderProps => pressScale(domRef)(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: 'M',\n                isOpen,\n                isQuiet,\n                density\n              })}>\n              <SelectValue className={valueStyles + ' ' + css('&> * {display: none;}')}>\n                {({defaultChildren}) => {\n                  return (\n                    <Provider\n                      values={[\n                        [IconContext, {\n                          slots: {\n                            icon: {\n                              render: centerBaseline({slot: 'icon', styles: iconCenterWrapper({labelBehavior})}),\n                              styles: icon\n                            }\n                          }\n                        }],\n                        [TextContext, {\n                          slots: {\n                            // Default slot is useful when converting other collections to PickerItems.\n                            [DEFAULT_SLOT]: {\n                              id: valueId,\n                              styles: style({\n                                display: {\n                                  default: 'block',\n                                  labelBehavior: {\n                                    hide: 'none'\n                                  }\n                                },\n                                flexGrow: 1,\n                                truncate: true\n                              })({labelBehavior})\n                            }\n                          }\n                        }],\n                        [InsideSelectValueContext, true]\n                      ]}>\n                      {defaultChildren}\n                    </Provider>\n                  );\n                }}\n              </SelectValue>\n              <ChevronIcon\n                size={size}\n                className={iconStyles} />\n            </Button>\n            <Popover\n              hideArrow\n              offset={menuOffset}\n              crossOffset={RTLFlipOffset * -12}\n              placement={`${direction} ${align}` as Placement}\n              shouldFlip={shouldFlip}\n              styles={style({\n                minWidth: 192,\n                width: 'calc(var(--trigger-width) - 24)'\n              })}>\n              <div\n                className={style({\n                  display: 'flex',\n                  size: 'full'\n                })}>\n                <Provider\n                  values={[\n                    [HeaderContext, {styles: sectionHeader({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                    items={items}\n                    className={menu}>\n                    {children}\n                  </ListBox>\n                </Provider>\n              </div>\n            </Popover>\n          </>\n        )}\n      </AriaSelect>\n      <TabLine isDisabled={props.isDisabled} />\n    </div>\n  );\n}\n/**\n * Pickers allow users to choose a single option from a collapsible list of options when space is limited.\n */\nlet _Picker = /*#__PURE__*/ (forwardRef as forwardRefType)(Picker);\nexport {_Picker as Picker};\n\n\nconst selectedIndicator = style<{isDisabled?: boolean}>({\n  backgroundColor: {\n    default: 'neutral',\n    isDisabled: 'disabled',\n    forcedColors: {\n      default: 'Highlight',\n      isDisabled: 'GrayText'\n    }\n  },\n  height: '[2px]',\n  borderStyle: 'none',\n  borderRadius: 'full',\n  marginTop: '[-2px]',\n  transitionDuration: 130,\n  transitionTimingFunction: 'in-out'\n});\nfunction TabLine(props: {isDisabled?: boolean}) {\n  return <div className={selectedIndicator(props)} />;\n}\n\n\nexport interface PickerItemProps extends Omit<ListBoxItemProps, 'children' | 'style' | 'className' | 'render'>, StyleProps {\n  children: ReactNode\n}\nexport function PickerItem(props: PickerItemProps): ReactNode {\n  let ref = useRef(null);\n  let isLink = props.href != null;\n  const size = 'M';\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 || '') + menuitem({...renderProps, size, isLink}, props.styles)}>\n      {(renderProps) => {\n        let {children} = props;\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={TextContext}\n              value={{\n                slots: {\n                  [DEFAULT_SLOT]: {styles: label({size})}\n                }\n              }}>\n              {!isLink && <CheckmarkIcon size={size} className={checkmark({...renderProps, size})} />}\n              {typeof children === 'string' ? <Text>{children}</Text> : children}\n            </DefaultProvider>\n          </DefaultProvider>\n        );\n      }}\n    </ListBoxItem>\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  return <context.Provider value={value}>{children}</context.Provider>;\n}\n"],"names":[],"version":3,"file":"TabsPicker.cjs.map"}
+{"mappings":"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","sources":["packages/@react-spectrum/s2/src/TabsPicker.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 */\nimport {PopoverProps as AriaPopoverProps} from 'react-aria-components/Popover';\n\nimport {\n  Select as AriaSelect,\n  SelectProps as AriaSelectProps,\n  SelectValue\n} from 'react-aria-components/Select';\nimport {baseColor, focusRing, size, style} from '../style' with {type: 'macro'};\nimport {Button} from 'react-aria-components/Button';\nimport {centerBaseline} from './CenterBaseline';\nimport {checkmark, description, icon, label, menuitem, sectionHeader, sectionHeading} from './Menu';\nimport CheckmarkIcon from '../ui-icons/Checkmark';\nimport ChevronIcon from '../ui-icons/Chevron';\nimport {ContextValue, DEFAULT_SLOT, Provider} from 'react-aria-components/slots';\nimport {controlFont, fieldInput, StyleProps} from './style-utils' with {type: 'macro'};\nimport {css} from '../style/style-macro' with {type: 'macro'};\nimport {edgeToText} from '../style/spectrum-theme' with {type: 'macro'};\nimport {FieldLabel} from './Field';\nimport {FocusableRef, FocusableRefValue, SpectrumLabelableProps} from '@react-types/shared';\nimport {forwardRefType} from './types';\nimport {HeaderContext, HeadingContext, Text, TextContext} from './Content';\nimport {IconContext} from './Icon';\nimport {ListBox, ListBoxItem, ListBoxItemProps, ListBoxProps} from 'react-aria-components/ListBox';\nimport {Placement} from 'react-aria-components/Popover';\nimport {Popover} from './Popover';\nimport {pressScale} from './pressScale';\nimport React, {createContext, forwardRef, ReactNode, useContext, useRef} from 'react';\nimport {useFocusableRef} from './useDOMRef';\nimport {useFormProps} from './Form';\nimport {useLocale} from 'react-aria/I18nProvider';\nimport {useSpectrumContextProps} from './useSpectrumContextProps';\nexport interface PickerStyleProps {}\nexport interface PickerProps<T>\n  extends\n    Omit<AriaSelectProps<T>, 'children' | 'style' | 'className' | 'render' | 'placeholder'>,\n    PickerStyleProps,\n    StyleProps,\n    SpectrumLabelableProps,\n    Pick<ListBoxProps<T>, 'items'>,\n    Pick<AriaPopoverProps, 'shouldFlip'> {\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  /** Density of the tabs, affects the height of the picker. */\n  density: 'compact' | 'regular';\n  /**\n   * If the tab picker should only display icon and no text for the button label.\n   *\n   * @default 'show\n   */\n  labelBehavior?: 'show' | 'hide';\n  /** Id for the SelectedValue so we can label using it. */\n  valueId?: string;\n}\nexport const PickerContext =\n  createContext<ContextValue<Partial<PickerProps<any>>, FocusableRefValue<HTMLButtonElement>>>(\n    null\n  );\nconst inputButton = style({\n  ...focusRing(),\n  ...fieldInput(),\n  outlineStyle: {\n    default: 'none',\n    isFocusVisible: 'solid'\n  },\n  position: 'relative',\n  font: 'ui',\n  display: 'flex',\n  textAlign: 'start',\n  borderStyle: 'none',\n  borderRadius: 'sm',\n  alignItems: 'center',\n  transition: 'default',\n  columnGap: 'text-to-visual',\n  paddingX: 0,\n  backgroundColor: 'transparent',\n  color: {\n    default: baseColor('neutral'),\n    isDisabled: 'disabled'\n  },\n  maxWidth: {\n    isQuiet: 'max'\n  },\n  disableTapHighlight: true,\n  height: {\n    default: 48,\n    density: {\n      compact: 32\n    }\n  },\n  boxSizing: 'border-box'\n});\nexport let menu = style({\n  outlineStyle: 'none',\n  display: 'grid',\n  gridTemplateColumns: [\n    edgeToText(32),\n    'auto',\n    'auto',\n    'minmax(0, 1fr)',\n    'auto',\n    'auto',\n    'auto',\n    edgeToText(32)\n  ],\n  boxSizing: 'border-box',\n  width: 'full',\n  maxHeight: 'inherit',\n  overflow: 'auto',\n  padding: 8,\n  fontFamily: 'sans',\n  fontSize: controlFont()\n});\nconst valueStyles = style({\n  flexGrow: 0,\n  truncate: true,\n  display: 'flex',\n  alignItems: 'center',\n  height: 'full'\n});\nconst iconStyles = style({\n  flexShrink: 0,\n  rotate: 90,\n  '--iconPrimary': {\n    type: 'fill',\n    value: 'currentColor'\n  }\n});\nconst iconCenterWrapper = style({\n  display: 'flex',\n  gridArea: 'icon',\n  paddingStart: {\n    labelBehavior: {\n      hide: size(6)\n    }\n  }\n});\nlet InsideSelectValueContext = createContext(false);\nfunction Picker<T>(props: PickerProps<T>, ref: FocusableRef<HTMLButtonElement>) {\n  [props, ref] = useSpectrumContextProps(props, ref, PickerContext);\n  let domRef = useFocusableRef(ref);\n  props = useFormProps(props);\n  let {\n    direction = 'bottom',\n    align = 'start',\n    shouldFlip = true,\n    children,\n    items,\n    density,\n    labelBehavior = 'show',\n    valueId,\n    ...pickerProps\n  } = props;\n  let isQuiet = true;\n  const menuOffset: number = 6;\n  const size = 'M';\n  let ariaLabelledby = props['aria-labelledby'] ?? '';\n  let {direction: dir} = useLocale();\n  let RTLFlipOffset = dir === 'rtl' ? -1 : 1;\n\n  return (\n    <div>\n      <AriaSelect\n        {...pickerProps}\n        className=\"\"\n        aria-labelledby={`${labelBehavior === 'hide' ? valueId : ''} ${ariaLabelledby}`}>\n        {({isOpen}) => (\n          <>\n            <FieldLabel isQuiet={isQuiet} />\n            <Button\n              ref={domRef}\n              style={renderProps => pressScale(domRef)(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: 'M',\n                  isOpen,\n                  isQuiet,\n                  density\n                })\n              }>\n              <SelectValue className={valueStyles + ' ' + css('&> * {display: none;}')}>\n                {({defaultChildren}) => {\n                  return (\n                    <Provider\n                      values={[\n                        [\n                          IconContext,\n                          {\n                            slots: {\n                              icon: {\n                                render: centerBaseline({\n                                  slot: 'icon',\n                                  styles: iconCenterWrapper({labelBehavior})\n                                }),\n                                styles: icon\n                              }\n                            }\n                          }\n                        ],\n                        [\n                          TextContext,\n                          {\n                            slots: {\n                              // Default slot is useful when converting other collections to PickerItems.\n                              [DEFAULT_SLOT]: {\n                                id: valueId,\n                                styles: style({\n                                  display: {\n                                    default: 'block',\n                                    labelBehavior: {\n                                      hide: 'none'\n                                    }\n                                  },\n                                  flexGrow: 1,\n                                  truncate: true\n                                })({labelBehavior})\n                              }\n                            }\n                          }\n                        ],\n                        [InsideSelectValueContext, true]\n                      ]}>\n                      {defaultChildren}\n                    </Provider>\n                  );\n                }}\n              </SelectValue>\n              <ChevronIcon size={size} className={iconStyles} />\n            </Button>\n            <Popover\n              hideArrow\n              offset={menuOffset}\n              crossOffset={RTLFlipOffset * -12}\n              placement={`${direction} ${align}` as Placement}\n              shouldFlip={shouldFlip}\n              styles={style({\n                minWidth: 192,\n                width: 'calc(var(--trigger-width) - 24)'\n              })}>\n              <div\n                className={style({\n                  display: 'flex',\n                  size: 'full'\n                })}>\n                <Provider\n                  values={[\n                    [HeaderContext, {styles: sectionHeader({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 items={items} className={menu}>\n                    {children}\n                  </ListBox>\n                </Provider>\n              </div>\n            </Popover>\n          </>\n        )}\n      </AriaSelect>\n      <TabLine isDisabled={props.isDisabled} />\n    </div>\n  );\n}\n/**\n * Pickers allow users to choose a single option from a collapsible list of options when space is\n * limited.\n */\nlet _Picker = /*#__PURE__*/ (forwardRef as forwardRefType)(Picker);\nexport {_Picker as Picker};\n\nconst selectedIndicator = style<{isDisabled?: boolean}>({\n  backgroundColor: {\n    default: 'neutral',\n    isDisabled: 'disabled',\n    forcedColors: {\n      default: 'Highlight',\n      isDisabled: 'GrayText'\n    }\n  },\n  height: '[2px]',\n  borderStyle: 'none',\n  borderRadius: 'full',\n  marginTop: '[-2px]',\n  transitionDuration: 130,\n  transitionTimingFunction: 'in-out'\n});\nfunction TabLine(props: {isDisabled?: boolean}) {\n  return <div className={selectedIndicator(props)} />;\n}\n\nexport interface PickerItemProps\n  extends Omit<ListBoxItemProps, 'children' | 'style' | 'className' | 'render'>, StyleProps {\n  children: ReactNode;\n}\nexport function PickerItem(props: PickerItemProps): ReactNode {\n  let ref = useRef(null);\n  let isLink = props.href != null;\n  const size = 'M';\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 || '') + menuitem({...renderProps, size, isLink}, props.styles)\n      }>\n      {renderProps => {\n        let {children} = props;\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={TextContext}\n              value={{\n                slots: {\n                  [DEFAULT_SLOT]: {styles: label({size})}\n                }\n              }}>\n              {!isLink && (\n                <CheckmarkIcon size={size} className={checkmark({...renderProps, size})} />\n              )}\n              {typeof children === 'string' ? <Text>{children}</Text> : children}\n            </DefaultProvider>\n          </DefaultProvider>\n        );\n      }}\n    </ListBoxItem>\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  return <context.Provider value={value}>{children}</context.Provider>;\n}\n"],"names":[],"version":3,"file":"TabsPicker.cjs.map"}