@react-spectrum/s2 1.3.0 → 1.4.0

package/dist/private/ActionButton.mjs.map

@@ -1 +1 @@
-{"mappings":"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","sources":["packages/@react-spectrum/s2/src/ActionButton.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 {ActionButtonGroupContext} from './ActionButtonGroup';\nimport {AvatarContext} from './Avatar';\nimport {baseColor, focusRing, fontRelative, lightDark, style} from '../style' with { type: 'macro' };\nimport {ButtonProps, ButtonRenderProps, Button as RACButton} from 'react-aria-components/Button';\nimport {centerBaseline} from './CenterBaseline';\nimport {ContextValue, Provider, useSlottedContext} from 'react-aria-components/slots';\nimport {control, getAllowedOverrides, staticColor, StyleProps} from './style-utils' with { type: 'macro' };\nimport {createContext, forwardRef, ReactNode, useContext} from 'react';\nimport {FocusableRef, FocusableRefValue, GlobalDOMAttributes} from '@react-types/shared';\nimport {IconContext} from './Icon';\nimport {ImageContext} from './Image';\nimport intlMessages from '../intl/*.json';\n// @ts-ignore\nimport {NotificationBadgeContext} from './NotificationBadge';\nimport {OverlayTriggerStateContext} from 'react-aria-components/Dialog';\nimport {pressScale} from './pressScale';\nimport {ProgressCircle} from './ProgressCircle';\nimport {SkeletonContext} from './Skeleton';\nimport {Text, TextContext} from './Content';\nimport {useFocusableRef} from './useDOMRef';\nimport {useFormProps} from './Form';\nimport {useLocalizedStringFormatter} from 'react-aria/useLocalizedStringFormatter';\nimport {usePendingState} from './Button';\nimport {useSpectrumContextProps} from './useSpectrumContextProps';\n\nexport interface ActionButtonStyleProps {\n  /**\n   * The size of the ActionButton.\n   *\n   * @default 'M'\n   */\n  size?: 'XS' | 'S' | 'M' | 'L' | 'XL',\n  /** The static color style to apply. Useful when the ActionButton appears over a color background. */\n  staticColor?: 'black' | 'white' | 'auto',\n  /** Whether the button should be displayed with a [quiet style](https://spectrum.adobe.com/page/action-button/#Quiet). */\n  isQuiet?: boolean\n}\n\ninterface ToggleButtonStyleProps {\n  /** Whether the ActionButton should be selected (controlled). */\n  isSelected?: boolean,\n  /** Whether the button should be displayed with an [emphasized style](https://spectrum.adobe.com/page/action-button/#Emphasis). */\n  isEmphasized?: boolean\n}\n\ninterface ActionGroupItemStyleProps {\n  density?: 'regular' | 'compact',\n  orientation?: 'horizontal' | 'vertical',\n  isJustified?: boolean\n}\n\nexport interface ActionButtonProps extends Omit<ButtonProps, 'className' | 'style' | 'render' | 'children' | 'onHover' | 'onHoverStart' | 'onHoverEnd' | 'onHoverChange' | 'onClick' | keyof GlobalDOMAttributes>, StyleProps, ActionButtonStyleProps {\n  /** The content to display in the ActionButton. */\n  children: ReactNode\n}\n\n// These styles handle both ActionButton and ToggleButton\nconst iconOnly = ':has([slot=icon], [slot=avatar]):not(:has([data-rsp-slot=text]))';\nconst avatarOnly = ':has([slot=avatar]):not(:has([slot=icon], [data-rsp-slot=text]))';\nconst textOnly = ':has([data-rsp-slot=text]):not(:has([slot=icon], [slot=avatar]))';\nconst controlStyle = control({shape: 'default', icon: true});\nexport const btnStyles = style<ButtonRenderProps & ActionButtonStyleProps & ToggleButtonStyleProps & ActionGroupItemStyleProps & {isInGroup: boolean, isStaticColor: boolean}>({\n  ...focusRing(),\n  ...staticColor(),\n  ...controlStyle,\n  display: 'grid',\n  justifyContent: 'center',\n  flexShrink: {\n    default: 1,\n    isInGroup: 0\n  },\n  flexGrow: {\n    isJustified: 1\n  },\n  flexBasis: {\n    isJustified: 0\n  },\n  fontWeight: 'medium',\n  width: 'fit',\n  userSelect: 'none',\n  transition: 'default',\n  forcedColorAdjust: 'none',\n  position: 'relative',\n  gridTemplateAreas: {\n    default: ['icon text'],\n    [iconOnly]: ['icon'],\n    [textOnly]: ['text']\n  },\n  gridTemplateColumns: {\n    default: ['auto', 'auto'],\n    [iconOnly]: ['auto'],\n    [textOnly]: ['auto']\n  },\n  backgroundColor: {\n    default: {\n      ...baseColor('gray-100'),\n      default: {\n        default: 'gray-100',\n        isQuiet: 'transparent'\n      }\n    },\n    isSelected: {\n      default: baseColor('neutral'),\n      isEmphasized: {\n        default: lightDark('accent-900', 'accent-700'),\n        isHovered: lightDark('accent-1000', 'accent-600'),\n        isPressed: lightDark('accent-1000', 'accent-600'),\n        isFocusVisible: lightDark('accent-1000', 'accent-600')\n      },\n      isDisabled: {\n        default: 'gray-100',\n        isQuiet: 'transparent'\n      }\n    },\n    isStaticColor: {\n      ...baseColor('transparent-overlay-100'),\n      default: {\n        default: 'transparent-overlay-100',\n        isQuiet: 'transparent'\n      },\n      isSelected: {\n        default: baseColor('transparent-overlay-800'),\n        isDisabled: {\n          default: 'transparent-overlay-100',\n          isQuiet: 'transparent'\n        }\n      }\n    },\n    forcedColors: {\n      default: 'ButtonFace',\n      isSelected: {\n        default: 'Highlight',\n        isDisabled: 'ButtonFace'\n      }\n    }\n  },\n  color: {\n    default: baseColor('neutral'),\n    isSelected: {\n      default: 'gray-25',\n      isEmphasized: 'white'\n    },\n    isDisabled: 'disabled',\n    isStaticColor: {\n      default: baseColor('transparent-overlay-800'),\n      isSelected: 'auto',\n      isDisabled: 'transparent-overlay-400'\n    },\n    forcedColors: {\n      default: 'ButtonText',\n      isSelected: 'HighlightText',\n      isDisabled: {\n        default: 'GrayText'\n      }\n    }\n  },\n  '--iconPrimary': {\n    type: 'fill',\n    value: 'currentColor'\n  },\n  outlineColor: {\n    default: 'focus-ring',\n    isStaticColor: 'transparent-overlay-1000',\n    forcedColors: 'Highlight'\n  },\n  borderStyle: 'none',\n  borderTopStartRadius: {\n    default: controlStyle.borderRadius,\n    density: {\n      compact: {\n        default: 'none',\n        ':first-child': controlStyle.borderRadius\n      }\n    }\n  },\n  borderTopEndRadius: {\n    default: controlStyle.borderRadius,\n    density: {\n      compact: {\n        default: 'none',\n        orientation: {\n          horizontal: {\n            ':last-child': controlStyle.borderRadius\n          },\n          vertical: {\n            ':first-child': controlStyle.borderRadius\n          }\n        }\n      }\n    }\n  },\n  borderBottomStartRadius: {\n    default: controlStyle.borderRadius,\n    density: {\n      compact: {\n        default: 'none',\n        orientation: {\n          horizontal: {\n            ':first-child': controlStyle.borderRadius\n          },\n          vertical: {\n            ':last-child': controlStyle.borderRadius\n          }\n        }\n      }\n    }\n  },\n  borderBottomEndRadius: {\n    default: controlStyle.borderRadius,\n    density: {\n      compact: {\n        default: 'none',\n        ':last-child': controlStyle.borderRadius\n      }\n    }\n  },\n  zIndex: {\n    isFocusVisible: 2\n  },\n  disableTapHighlight: true,\n  '--badgeTop': {\n    type: 'top',\n    value: {\n      default: 'calc(self(height)/2 - var(--iconWidth)/2)',\n      [textOnly]: 0\n    }\n  },\n  '--iconWidth': {\n    type: 'width',\n    value: fontRelative(20)\n  },\n  '--badgePosition': {\n    type: 'width',\n    value: {\n      default: '--iconWidth',\n      [textOnly]: 'full'\n    }\n  },\n  paddingX: {\n    default: controlStyle.paddingX,\n    [avatarOnly]: 0\n  },\n  // `control` sets this, but we need to override it for avatar only buttons.\n  '--iconMargin': {\n    type: 'marginStart',\n    value: {\n      default: fontRelative(-2),\n      [iconOnly]: 0,\n      [avatarOnly]: 0\n    }\n  }\n}, getAllowedOverrides());\n\n// Matching icon sizes. TBD.\nconst avatarSize: Record<NonNullable<ActionButtonStyleProps['size']>, number> = {\n  XS: 14,\n  S: 16,\n  M: 20,\n  L: 22,\n  XL: 26\n} as const;\n\nexport const ActionButtonContext = createContext<ContextValue<Partial<ActionButtonProps>, FocusableRefValue<HTMLButtonElement>>>(null);\n\n/**\n * ActionButtons allow users to perform an action.\n * They're used for similar, task-based options within a workflow, and are ideal for interfaces where buttons aren't meant to draw a lot of attention.\n */\nexport const ActionButton = forwardRef(function ActionButton(props: ActionButtonProps, ref: FocusableRef<HTMLButtonElement>) {\n  [props, ref] = useSpectrumContextProps(props, ref, ActionButtonContext);\n  props = useFormProps(props as any);\n  let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-spectrum/s2');\n  let {isPending = false} = props;\n  let domRef = useFocusableRef(ref);\n  let overlayTriggerState = useContext(OverlayTriggerStateContext);\n  let ctx = useSlottedContext(ActionButtonGroupContext);\n  let isInGroup = !!ctx;\n  let {\n    density = 'regular',\n    isJustified,\n    orientation = 'horizontal',\n    staticColor = props.staticColor,\n    isQuiet = props.isQuiet,\n    size = props.size || 'M',\n    isDisabled\n  } = ctx || {};\n\n  let {isProgressVisible} = usePendingState(isPending);\n\n  return (\n    <RACButton\n      {...props}\n      isDisabled={props.isDisabled ?? isDisabled}\n      ref={domRef}\n      style={pressScale(domRef, props.UNSAFE_style)}\n      className={renderProps => (props.UNSAFE_className || '') + btnStyles({\n        ...renderProps,\n        // Retain hover styles when an overlay is open.\n        isHovered: renderProps.isHovered || overlayTriggerState?.isOpen || false,\n        isDisabled: renderProps.isDisabled || isProgressVisible,\n        staticColor,\n        isStaticColor: !!staticColor,\n        size,\n        isQuiet,\n        density,\n        isJustified,\n        orientation,\n        isInGroup\n      }, props.styles)}>\n      {({isDisabled}) => (\n        <>\n          <Provider\n            values={[\n              [SkeletonContext, null],\n              [TextContext, {styles:\n                style({\n                  gridArea: 'text',\n                  truncate: true,\n                  visibility: {\n                    isProgressVisible: 'hidden'\n                  }\n                })({isProgressVisible})\n              }],\n              [IconContext, {\n                render: centerBaseline({slot: 'icon', styles: style({gridArea: 'icon'})}),\n                styles: style({\n                  size: fontRelative(20),\n                  marginStart: '--iconMargin',\n                  visibility: {\n                    isProgressVisible: 'hidden'\n                  }\n                })({isProgressVisible})\n              }],\n              [AvatarContext, {\n                size: avatarSize[size],\n                styles: style({\n                  marginStart: '--iconMargin',\n                  gridArea: 'icon'\n                })\n              }],\n              [ImageContext, {\n                styles: style({\n                  visibility: {\n                    isProgressVisible: 'hidden'\n                  }\n                })({isProgressVisible})\n              }],\n              [NotificationBadgeContext, {\n                staticColor: staticColor,\n                size: props.size === 'XS' ? undefined : props.size,\n                isDisabled: isDisabled,\n                styles: style({\n                  position: 'absolute',\n                  top: '--badgeTop',\n                  marginTop: 'calc((self(height) * -1)/2)',\n                  marginStart: 'calc(var(--iconMargin) * 2 + (self(height) * -1)/4)',\n                  gridColumnStart: 1,\n                  insetStart: '--badgePosition',\n                  visibility: {\n                    isProgressVisible: 'hidden'\n                  }\n                })({isProgressVisible})\n              }]\n            ]}>\n            {typeof props.children === 'string' ? <Text>{props.children}</Text> : props.children}\n            {isPending &&\n              <div\n                className={style({\n                  position: 'absolute',\n                  top: '50%',\n                  left: '50%',\n                  transform: 'translate(-50%, -50%)',\n                  visibility: {\n                    default: 'hidden',\n                    isProgressVisible: 'visible'\n                  }\n                })({isProgressVisible, isPending})}>\n                <ProgressCircle\n                  isIndeterminate\n                  aria-label={stringFormatter.format('button.pending')}\n                  size=\"S\"\n                  staticColor={staticColor}\n                  styles={style({\n                    size: {\n                      size: {\n                        XS: 12,\n                        S: 14,\n                        M: 18,\n                        L: 20,\n                        XL: 24\n                      }\n                    }\n                  })({size})} />\n              </div>\n              }\n          </Provider>\n        </>\n      )}\n    </RACButton>\n  );\n});\n"],"names":[],"version":3,"file":"ActionButton.mjs.map"}
+{"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;;;;;;;;;;;;;;;;AA8FD,yDAAyD;AACzD,MAAM,iCAAW;AACjB,MAAM,mCAAa;AACnB,MAAM,iCAAW;AACjB,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACC,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwMb,4BAA4B;AAC5B,MAAM,mCAA0E;IAC9E,IAAI;IACJ,GAAG;IACH,GAAG;IACH,GAAG;IACH,IAAI;AACN;AAMO,MAAM,0DACX,CAAA,GAAA,oBAAY,EAAgF;AAOvF,MAAM,0DAAe,CAAA,GAAA,iBAAS,EAAE,SAAS,aAC9C,MAAwB,EACxB,GAAoC;IAEpC,CAAC,QAAO,IAAI,GAAG,CAAA,GAAA,yCAAsB,EAAE,QAAO,KAAK;IACnD,SAAQ,CAAA,GAAA,yCAAW,EAAE;IACrB,IAAI,kBAAkB,CAAA,GAAA,kCAA0B,EAAE,CAAA,GAAA,+CAAW,GAAG;IAChE,IAAI,aAAC,YAAY,uBAAO,cAAc,EAAC,GAAG;IAC1C,IAAI,SAAS,CAAA,GAAA,yCAAc,EAAE;IAC7B,IAAI,sBAAsB,CAAA,GAAA,iBAAS,EAAE,CAAA,GAAA,iCAAyB;IAC9D,IAAI,MAAM,CAAA,GAAA,wBAAgB,EAAE,CAAA,GAAA,yCAAuB;IACnD,IAAI,YAAY,CAAC,CAAC;IAClB,IAAI,WACF,UAAU,wBACV,WAAW,eACX,cAAc,2BACd,cAAc,OAAM,WAAW,WAC/B,UAAU,OAAM,OAAO,QACvB,OAAO,OAAM,IAAI,IAAI,iBACrB,UAAU,EACX,GAAG,OAAO,CAAC;IAEZ,IAAI,qBAAC,iBAAiB,EAAC,GAAG,CAAA,GAAA,yCAAc,EAAE;IAC1C,IAAI,aAAC,SAAS,EAAC,GAAG,CAAA,GAAA,gBAAQ;IAE1B,qBACE,gBAAC,CAAA,GAAA,aAAQ;QACN,GAAG,MAAK;QACT,YAAY,OAAM,UAAU,IAAI;QAChC,KAAK;QACL,OAAO,CAAA,GAAA,yCAAS,EAAE,QAAQ,OAAM,YAAY;QAC5C,WAAW,CAAA,cACT,AAAC,CAAA,OAAM,gBAAgB,IAAI,EAAC,IAC5B,0CACE;gBACE,GAAG,WAAW;gBACd,+CAA+C;gBAC/C,WAAW,YAAY,SAAS,IAAI,qBAAqB,UAAU;gBACnE,YAAY,YAAY,UAAU,IAAI;6BACtC;gBACA,eAAe,CAAC,CAAC;sBACjB;yBACA;yBACA;6BACA;6BACA;2BACA;YACF,GACA,OAAM,MAAM;kBAGf,CAAC,cAAC,UAAU,EAAC,iBACZ;;kCACE,iBAAC,CAAA,GAAA,eAAO;wBACN,QAAQ;4BACN;gCAAC,CAAA,GAAA,yCAAc;gCAAG;6BAAK;4BACvB;gCACE,CAAA,GAAA,yCAAU;gCACV;oCACE,QAAQ;;;;;;;;;;;;sCAML;2DAAC;oCAAiB;gCACvB;6BACD;4BACD;gCACE,CAAA,GAAA,yCAAU;gCACV;oCACE,QAAQ,CAAA,GAAA,yCAAa,EAAE;wCAAC,MAAM;wCAAQ,MAAM;oCAA2B;oCACvE,QAAQ;;;;;;;sCAML;2DAAC;oCAAiB;gCACvB;6BACD;4BACD;gCACE,CAAA,GAAA,yCAAY;gCACZ;oCACE,MAAM,gCAAU,CAAC,KAAK;oCACtB,MAAM;gCAIR;6BACD;4BACD;gCACE,CAAA,GAAA,yCAAW;gCACX;oCACE,QAAQ;;;;sCAIL;2DAAC;oCAAiB;gCACvB;6BACD;4BACD;gCACE,CAAA,GAAA,yCAAuB;gCACvB;oCACE,aAAa;oCACb,MAAM,OAAM,IAAI,KAAK,OAAO,YAAY,OAAM,IAAI;oCAClD,YAAY;oCACZ,QAAQ;;;;;;;;;;sCAUL;2DAAC;oCAAiB;gCACvB;6BACD;yBACF;;4BACA,OAAO,OAAM,QAAQ,KAAK,yBAAW,gBAAC,CAAA,GAAA,yCAAG;0CAAG,OAAM,QAAQ;iCAAW,OAAM,QAAQ;4BACnF,2BACC,gBAAC;gCACC,WAAW;;;;;;;;;kCASR;uDAAC;+CAAmB;gCAAS;0CAChC,cAAA,gBAAC,CAAA,GAAA,yCAAa;oCACZ,eAAe;oCACf,cAAY,gBAAgB,MAAM,CAAC;oCACnC,MAAK;oCACL,aAAa;oCACb,QAAQ;;;;;;;;;;;;;sCAUL;8CAAC;oCAAI;;;;;oBAKf,gCACC,gBAAC,CAAA,GAAA,wCAAa;wBACZ,MAAM,SAAS,OAAO,MAAM;wBAC5B,WAAW;;;;;;;;;;;;;;;;;;0BAyBR;uCAAC;kCAAW;wBAAI;;;;;AAOjC","sources":["packages/@react-spectrum/s2/src/ActionButton.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 {ActionButtonGroupContext} from './ActionButtonGroup';\nimport {AvatarContext} from './Avatar';\nimport {\n  baseColor,\n  focusRing,\n  fontRelative,\n  lightDark,\n  space,\n  style\n} from '../style' with {type: 'macro'};\nimport {ButtonProps, ButtonRenderProps, Button as RACButton} from 'react-aria-components/Button';\nimport {centerBaseline} from './CenterBaseline';\nimport {ContextValue, Provider, useSlottedContext} from 'react-aria-components/slots';\nimport {\n  control,\n  getAllowedOverrides,\n  staticColor,\n  StyleProps\n} from './style-utils' with {type: 'macro'};\nimport CornerTriangle from '../ui-icons/CornerTriangle';\nimport {createContext, forwardRef, ReactNode, useContext} from 'react';\nimport {FocusableRef, FocusableRefValue, GlobalDOMAttributes} from '@react-types/shared';\nimport {IconContext} from './Icon';\nimport {ImageContext} from './Image';\n// @ts-ignore\nimport intlMessages from '../intl/*.json';\nimport {NotificationBadgeContext} from './NotificationBadge';\nimport {OverlayTriggerStateContext} from 'react-aria-components/Dialog';\nimport {pressScale} from './pressScale';\nimport {ProgressCircle} from './ProgressCircle';\nimport {SkeletonContext} from './Skeleton';\nimport {Text, TextContext} from './Content';\nimport {useFocusableRef} from './useDOMRef';\nimport {useFormProps} from './Form';\nimport {useLocale} from 'react-aria/I18nProvider';\nimport {useLocalizedStringFormatter} from 'react-aria/useLocalizedStringFormatter';\nimport {usePendingState} from './Button';\nimport {useSpectrumContextProps} from './useSpectrumContextProps';\n\nexport interface ActionButtonStyleProps {\n  /**\n   * The size of the ActionButton.\n   *\n   * @default 'M'\n   */\n  size?: 'XS' | 'S' | 'M' | 'L' | 'XL';\n  /** The static color style to apply. Useful when the ActionButton appears over a color background. */\n  staticColor?: 'black' | 'white' | 'auto';\n  /**\n   * Whether the button should be displayed with a [quiet\n   * style](https://spectrum.adobe.com/page/action-button/#Quiet).\n   */\n  isQuiet?: boolean;\n}\n\ninterface ToggleButtonStyleProps {\n  /** Whether the ActionButton should be selected (controlled). */\n  isSelected?: boolean;\n  /**\n   * Whether the button should be displayed with an [emphasized\n   * style](https://spectrum.adobe.com/page/action-button/#Emphasis).\n   */\n  isEmphasized?: boolean;\n}\n\ninterface ActionGroupItemStyleProps {\n  density?: 'regular' | 'compact';\n  orientation?: 'horizontal' | 'vertical';\n  isJustified?: boolean;\n}\n\nexport interface ActionButtonProps\n  extends\n    Omit<\n      ButtonProps,\n      | 'className'\n      | 'style'\n      | 'render'\n      | 'children'\n      | 'onHover'\n      | 'onHoverStart'\n      | 'onHoverEnd'\n      | 'onHoverChange'\n      | 'onClick'\n      | keyof GlobalDOMAttributes\n    >,\n    StyleProps,\n    ActionButtonStyleProps {\n  /** The content to display in the ActionButton. */\n  children: ReactNode;\n}\n\n// These styles handle both ActionButton and ToggleButton\nconst iconOnly = ':has([slot=icon], [slot=avatar]):not(:has([data-rsp-slot=text]))';\nconst avatarOnly = ':has([slot=avatar]):not(:has([slot=icon], [data-rsp-slot=text]))';\nconst textOnly = ':has([data-rsp-slot=text]):not(:has([slot=icon], [slot=avatar]))';\nconst controlStyle = control({shape: 'default', icon: true});\nexport const btnStyles = style<\n  ButtonRenderProps &\n    ActionButtonStyleProps &\n    ToggleButtonStyleProps &\n    ActionGroupItemStyleProps & {isInGroup: boolean; isStaticColor: boolean}\n>(\n  {\n    ...focusRing(),\n    ...staticColor(),\n    ...controlStyle,\n    display: 'grid',\n    justifyContent: 'center',\n    flexShrink: {\n      default: 1,\n      isInGroup: 0\n    },\n    flexGrow: {\n      isJustified: 1\n    },\n    flexBasis: {\n      isJustified: 0\n    },\n    fontWeight: 'medium',\n    width: 'fit',\n    userSelect: 'none',\n    transition: 'default',\n    forcedColorAdjust: 'none',\n    position: 'relative',\n    gridTemplateAreas: {\n      default: ['icon text'],\n      [iconOnly]: ['icon'],\n      [textOnly]: ['text']\n    },\n    gridTemplateColumns: {\n      default: ['auto', 'auto'],\n      [iconOnly]: ['auto'],\n      [textOnly]: ['auto']\n    },\n    backgroundColor: {\n      default: {\n        ...baseColor('gray-100'),\n        default: {\n          default: 'gray-100',\n          isQuiet: 'transparent'\n        }\n      },\n      isSelected: {\n        default: baseColor('neutral'),\n        isEmphasized: {\n          default: lightDark('accent-900', 'accent-700'),\n          isHovered: lightDark('accent-1000', 'accent-600'),\n          isPressed: lightDark('accent-1000', 'accent-600'),\n          isFocusVisible: lightDark('accent-1000', 'accent-600')\n        },\n        isDisabled: {\n          default: 'gray-100',\n          isQuiet: 'transparent'\n        }\n      },\n      isStaticColor: {\n        ...baseColor('transparent-overlay-100'),\n        default: {\n          default: 'transparent-overlay-100',\n          isQuiet: 'transparent'\n        },\n        isSelected: {\n          default: baseColor('transparent-overlay-800'),\n          isDisabled: {\n            default: 'transparent-overlay-100',\n            isQuiet: 'transparent'\n          }\n        }\n      },\n      forcedColors: {\n        default: 'ButtonFace',\n        isSelected: {\n          default: 'Highlight',\n          isDisabled: 'ButtonFace'\n        }\n      }\n    },\n    color: {\n      default: baseColor('neutral'),\n      isSelected: {\n        default: 'gray-25',\n        isEmphasized: 'white'\n      },\n      isDisabled: 'disabled',\n      isStaticColor: {\n        default: 'transparent-overlay-1000',\n        isSelected: 'auto',\n        isDisabled: 'transparent-overlay-400'\n      },\n      forcedColors: {\n        default: 'ButtonText',\n        isSelected: 'HighlightText',\n        isDisabled: {\n          default: 'GrayText'\n        }\n      }\n    },\n    '--iconPrimary': {\n      type: 'fill',\n      value: 'currentColor'\n    },\n    outlineColor: {\n      default: 'focus-ring',\n      isStaticColor: 'transparent-overlay-1000',\n      forcedColors: 'Highlight'\n    },\n    borderStyle: 'none',\n    borderTopStartRadius: {\n      default: controlStyle.borderRadius,\n      density: {\n        compact: {\n          default: 'none',\n          ':first-child': controlStyle.borderRadius\n        }\n      }\n    },\n    borderTopEndRadius: {\n      default: controlStyle.borderRadius,\n      density: {\n        compact: {\n          default: 'none',\n          orientation: {\n            horizontal: {\n              ':last-child': controlStyle.borderRadius\n            },\n            vertical: {\n              ':first-child': controlStyle.borderRadius\n            }\n          }\n        }\n      }\n    },\n    borderBottomStartRadius: {\n      default: controlStyle.borderRadius,\n      density: {\n        compact: {\n          default: 'none',\n          orientation: {\n            horizontal: {\n              ':first-child': controlStyle.borderRadius\n            },\n            vertical: {\n              ':last-child': controlStyle.borderRadius\n            }\n          }\n        }\n      }\n    },\n    borderBottomEndRadius: {\n      default: controlStyle.borderRadius,\n      density: {\n        compact: {\n          default: 'none',\n          ':last-child': controlStyle.borderRadius\n        }\n      }\n    },\n    zIndex: {\n      isFocusVisible: 2\n    },\n    disableTapHighlight: true,\n    '--badgeTop': {\n      type: 'top',\n      value: {\n        default: 'calc(self(height)/2 - var(--iconWidth)/2)',\n        [textOnly]: 0\n      }\n    },\n    '--iconWidth': {\n      type: 'width',\n      value: fontRelative(20)\n    },\n    '--badgePosition': {\n      type: 'width',\n      value: {\n        default: '--iconWidth',\n        [textOnly]: 'full'\n      }\n    },\n    paddingX: {\n      default: controlStyle.paddingX,\n      [avatarOnly]: 0\n    },\n    // `control` sets this, but we need to override it for avatar only buttons.\n    '--iconMargin': {\n      type: 'marginStart',\n      value: {\n        default: fontRelative(-2),\n        [iconOnly]: 0,\n        [avatarOnly]: 0\n      }\n    }\n  },\n  getAllowedOverrides()\n);\n\n// Matching icon sizes. TBD.\nconst avatarSize: Record<NonNullable<ActionButtonStyleProps['size']>, number> = {\n  XS: 14,\n  S: 16,\n  M: 20,\n  L: 22,\n  XL: 26\n} as const;\n\ninterface ActionButtonContextProps extends Partial<ActionButtonProps> {\n  holdAffordance?: boolean;\n}\n\nexport const ActionButtonContext =\n  createContext<ContextValue<ActionButtonContextProps, FocusableRefValue<HTMLButtonElement>>>(null);\n\n/**\n * ActionButtons allow users to perform an action. They're used for similar, task-based options\n * within a workflow, and are ideal for interfaces where buttons aren't meant to draw a lot of\n * attention.\n */\nexport const ActionButton = forwardRef(function ActionButton(\n  props: ActionButtonProps,\n  ref: FocusableRef<HTMLButtonElement>\n) {\n  [props, ref] = useSpectrumContextProps(props, ref, ActionButtonContext);\n  props = useFormProps(props as any);\n  let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-spectrum/s2');\n  let {isPending = false, holdAffordance} = props as ActionButtonContextProps;\n  let domRef = useFocusableRef(ref);\n  let overlayTriggerState = useContext(OverlayTriggerStateContext);\n  let ctx = useSlottedContext(ActionButtonGroupContext);\n  let isInGroup = !!ctx;\n  let {\n    density = 'regular',\n    isJustified,\n    orientation = 'horizontal',\n    staticColor = props.staticColor,\n    isQuiet = props.isQuiet,\n    size = props.size || 'M',\n    isDisabled\n  } = ctx || {};\n\n  let {isProgressVisible} = usePendingState(isPending);\n  let {direction} = useLocale();\n\n  return (\n    <RACButton\n      {...props}\n      isDisabled={props.isDisabled ?? isDisabled}\n      ref={domRef}\n      style={pressScale(domRef, props.UNSAFE_style)}\n      className={renderProps =>\n        (props.UNSAFE_className || '') +\n        btnStyles(\n          {\n            ...renderProps,\n            // Retain hover styles when an overlay is open.\n            isHovered: renderProps.isHovered || overlayTriggerState?.isOpen || false,\n            isDisabled: renderProps.isDisabled || isProgressVisible,\n            staticColor,\n            isStaticColor: !!staticColor,\n            size,\n            isQuiet,\n            density,\n            isJustified,\n            orientation,\n            isInGroup\n          },\n          props.styles\n        )\n      }>\n      {({isDisabled}) => (\n        <>\n          <Provider\n            values={[\n              [SkeletonContext, null],\n              [\n                TextContext,\n                {\n                  styles: style({\n                    gridArea: 'text',\n                    truncate: true,\n                    visibility: {\n                      isProgressVisible: 'hidden'\n                    }\n                  })({isProgressVisible})\n                }\n              ],\n              [\n                IconContext,\n                {\n                  render: centerBaseline({slot: 'icon', styles: style({gridArea: 'icon'})}),\n                  styles: style({\n                    size: fontRelative(20),\n                    marginStart: '--iconMargin',\n                    visibility: {\n                      isProgressVisible: 'hidden'\n                    }\n                  })({isProgressVisible})\n                }\n              ],\n              [\n                AvatarContext,\n                {\n                  size: avatarSize[size],\n                  styles: style({\n                    marginStart: '--iconMargin',\n                    gridArea: 'icon'\n                  })\n                }\n              ],\n              [\n                ImageContext,\n                {\n                  styles: style({\n                    visibility: {\n                      isProgressVisible: 'hidden'\n                    }\n                  })({isProgressVisible})\n                }\n              ],\n              [\n                NotificationBadgeContext,\n                {\n                  staticColor: staticColor,\n                  size: props.size === 'XS' ? undefined : props.size,\n                  isDisabled: isDisabled,\n                  styles: style({\n                    position: 'absolute',\n                    top: '--badgeTop',\n                    marginTop: 'calc((self(height) * -1)/2)',\n                    marginStart: 'calc(var(--iconMargin) * 2 + (self(height) * -1)/4)',\n                    gridColumnStart: 1,\n                    insetStart: '--badgePosition',\n                    visibility: {\n                      isProgressVisible: 'hidden'\n                    }\n                  })({isProgressVisible})\n                }\n              ]\n            ]}>\n            {typeof props.children === 'string' ? <Text>{props.children}</Text> : props.children}\n            {isPending && (\n              <div\n                className={style({\n                  position: 'absolute',\n                  top: '50%',\n                  left: '50%',\n                  transform: 'translate(-50%, -50%)',\n                  visibility: {\n                    default: 'hidden',\n                    isProgressVisible: 'visible'\n                  }\n                })({isProgressVisible, isPending})}>\n                <ProgressCircle\n                  isIndeterminate\n                  aria-label={stringFormatter.format('button.pending')}\n                  size=\"S\"\n                  staticColor={staticColor}\n                  styles={style({\n                    size: {\n                      size: {\n                        XS: 12,\n                        S: 14,\n                        M: 18,\n                        L: 20,\n                        XL: 24\n                      }\n                    }\n                  })({size})}\n                />\n              </div>\n            )}\n          </Provider>\n          {holdAffordance && (\n            <CornerTriangle\n              size={size === 'XS' ? 'S' : size}\n              className={style({\n                position: 'absolute',\n                insetEnd: {\n                  size: {\n                    XS: space(3),\n                    S: space(3),\n                    M: 4,\n                    L: space(5),\n                    XL: space(6)\n                  }\n                },\n                bottom: {\n                  size: {\n                    XS: space(3),\n                    S: space(3),\n                    M: 4,\n                    L: space(5),\n                    XL: space(6)\n                  }\n                },\n                scaleX: {\n                  direction: {\n                    rtl: -1\n                  }\n                }\n              })({direction, size})}\n            />\n          )}\n        </>\n      )}\n    </RACButton>\n  );\n});\n"],"names":[],"version":3,"file":"ActionButton.mjs.map"}

package/dist/private/ActionButtonGroup.cjs

@@ -29,23 +29,23 @@ $parcel$export(module.exports, "ActionButtonGroup", () => $7a26131f6144af2b$expo
 const $7a26131f6144af2b$export$641cbcd1f6f6802f = function anonymous(props, overrides) {
     let rules = " ";
     rules += (String(overrides || '').match(/(?:^|\s)(J|G|I|H|_u|_v|_s|__A|_d|_J|z|y|B|A|_P|_9|W|_l|_A|_z|_6|Z|N|L|F|M|K)[^\s]+/g) || []).join('');
-    rules += ' sd13';
-    if (props.orientation === "vertical") rules += ' _ta13';
-    else if (props.orientation === "horizontal") rules += ' _tc13';
+    rules += ' sd131';
+    if (props.orientation === "vertical") rules += ' _ta131';
+    else if (props.orientation === "horizontal") rules += ' _tc131';
     if (props.density === "regular") {
-        if (props.size === "XL") rules += ' Ue13';
-        else if (props.size === "L") rules += ' Ue13';
-        else if (props.size === "M") rules += ' Ue13';
-        else if (props.size === "S") rules += ' Ub13';
-        else if (props.size === "XS") rules += ' Ub13';
-    } else if (props.density === "compact") rules += ' Ua13';
+        if (props.size === "XL") rules += ' Ue131';
+        else if (props.size === "L") rules += ' Ue131';
+        else if (props.size === "M") rules += ' Ue131';
+        else if (props.size === "S") rules += ' Ub131';
+        else if (props.size === "XS") rules += ' Ub131';
+    } else if (props.density === "compact") rules += ' Ua131';
     if (props.density === "regular") {
-        if (props.size === "XL") rules += ' qe13';
-        else if (props.size === "L") rules += ' qe13';
-        else if (props.size === "M") rules += ' qe13';
-        else if (props.size === "S") rules += ' qb13';
-        else if (props.size === "XS") rules += ' qb13';
-    } else if (props.density === "compact") rules += ' qa13';
+        if (props.size === "XL") rules += ' qe131';
+        else if (props.size === "L") rules += ' qe131';
+        else if (props.size === "M") rules += ' qe131';
+        else if (props.size === "S") rules += ' qb131';
+        else if (props.size === "XS") rules += ' qb131';
+    } else if (props.density === "compact") rules += ' qa131';
     return rules;
 };
 const $7a26131f6144af2b$export$33f5f2f2cb85d743 = /*#__PURE__*/ (0, $jGK4W$react.createContext)(null);

package/dist/private/ActionButtonGroup.cjs.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;AAwCM,MAAM;;;;;;;;;;;;;;;;;;;;;;AAyBN,MAAM,0DAA2B,CAAA,GAAA,0BAAY,EAAiE;AAK9G,MAAM,0DAAoB,CAAA,GAAA,uBAAS,EAAE,SAAS,kBAAkB,KAA6B,EAAE,GAAiC;IACrI,CAAC,OAAO,IAAI,GAAG,CAAA,GAAA,iDAAsB,EAAE,OAAO,KAAK;IACnD,IAAI,WACF,UAAU,iBACV,OAAO,kBACP,cAAc,2BACd,WAAW,YACX,QAAQ,oBACR,mBAAmB,kBACnB,YAAY,UACZ,MAAM,EACP,GAAG;IAEJ,qBACE,gCAAC,CAAA,GAAA,yCAAM;QACJ,GAAG,KAAK;QACT,KAAK;QACL,OAAO;QACP,WAAW,mBAAmB,0CAAiB;kBAAC;qBAAM;yBAAS;yBAAa;QAAW,GAAG;kBAC1F,cAAA,gCAAC,0CAAyB,QAAQ;YAAC,OAAO;sBACvC;;;AAIT","sources":["packages/@react-spectrum/s2/src/ActionButtonGroup.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 {AriaLabelingProps} from '@react-types/shared';\nimport {ContextValue, SlotProps} from 'react-aria-components/slots';\nimport {createContext, ForwardedRef, forwardRef, ReactNode} from 'react';\nimport {getAllowedOverrides, StylesPropWithHeight, UnsafeStyles} from './style-utils' with {type: 'macro'};\nimport {style} from '../style' with {type: 'macro'};\nimport {Toolbar} from 'react-aria-components/Toolbar';\nimport {useSpectrumContextProps} from './useSpectrumContextProps';\n\nexport interface ActionButtonGroupProps extends AriaLabelingProps, UnsafeStyles, SlotProps {\n  /** Spectrum-defined styles, returned by the `style()` macro. */\n  styles?: StylesPropWithHeight,\n  /** The children of the group. */\n  children: ReactNode,\n  /**\n   * Size of the buttons.\n   * @default \"M\"\n   */\n  size?: 'XS' | 'S' | 'M' | 'L' | 'XL',\n  /**\n   * Spacing between the buttons.\n   * @default \"regular\"\n   */\n  density?: 'compact' | 'regular',\n  /** Whether the button should be displayed with a [quiet style](https://spectrum.adobe.com/page/action-button/#Quiet). */\n  isQuiet?: boolean,\n  /** Whether the buttons should divide the container width equally. */\n  isJustified?: boolean,\n  /** The static color style to apply. Useful when the ActionButtonGroup appears over a color background. */\n  staticColor?: 'white' | 'black' | 'auto',\n  /**\n   * The axis the group should align with.\n   * @default 'horizontal'\n   */\n  orientation?: 'horizontal' | 'vertical',\n  /** Whether the group is disabled. */\n  isDisabled?: boolean\n}\n\nexport const actionGroupStyle = style({\n  display: 'flex',\n  flexDirection: {\n    orientation: {\n      horizontal: 'row',\n      vertical: 'column'\n    }\n  },\n  gap: {\n    density: {\n      compact: 2,\n      regular: {\n        size: {\n          XS: 4,\n          S: 4,\n          M: 8,\n          L: 8,\n          XL: 8\n        }\n      }\n    }\n  }\n}, getAllowedOverrides({height: true}));\n\n\nexport const ActionButtonGroupContext = createContext<ContextValue<Partial<ActionButtonGroupProps>, HTMLDivElement>>(null);\n\n/**\n * An ActionButtonGroup is a grouping of related ActionButtons.\n */\nexport const ActionButtonGroup = forwardRef(function ActionButtonGroup(props: ActionButtonGroupProps, ref: ForwardedRef<HTMLDivElement>) {\n  [props, ref] = useSpectrumContextProps(props, ref, ActionButtonGroupContext);\n  let {\n    density = 'regular',\n    size = 'M',\n    orientation = 'horizontal',\n    isJustified,\n    children,\n    UNSAFE_className = '',\n    UNSAFE_style,\n    styles\n  } = props;\n\n  return (\n    <Toolbar\n      {...props}\n      ref={ref}\n      style={UNSAFE_style}\n      className={UNSAFE_className + actionGroupStyle({size, density, orientation, isJustified}, styles)}>\n      <ActionButtonGroupContext.Provider value={props}>\n        {children}\n      </ActionButtonGroupContext.Provider>\n    </Toolbar>\n  );\n});\n"],"names":[],"version":3,"file":"ActionButtonGroup.cjs.map"}
+{"mappings":";;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;AAqDM,MAAM;;;;;;;;;;;;;;;;;;;;;;AA2BN,MAAM,0DACX,CAAA,GAAA,0BAAY,EAAiE;AAKxE,MAAM,0DAAoB,CAAA,GAAA,uBAAS,EAAE,SAAS,kBACnD,KAA6B,EAC7B,GAAiC;IAEjC,CAAC,OAAO,IAAI,GAAG,CAAA,GAAA,iDAAsB,EAAE,OAAO,KAAK;IACnD,IAAI,WACF,UAAU,iBACV,OAAO,kBACP,cAAc,2BACd,WAAW,YACX,QAAQ,oBACR,mBAAmB,kBACnB,YAAY,UACZ,MAAM,EACP,GAAG;IAEJ,qBACE,gCAAC,CAAA,GAAA,yCAAM;QACJ,GAAG,KAAK;QACT,KAAK;QACL,OAAO;QACP,WACE,mBAAmB,0CAAiB;kBAAC;qBAAM;yBAAS;yBAAa;QAAW,GAAG;kBAEjF,cAAA,gCAAC,0CAAyB,QAAQ;YAAC,OAAO;sBACvC;;;AAIT","sources":["packages/@react-spectrum/s2/src/ActionButtonGroup.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 {AriaLabelingProps} from '@react-types/shared';\nimport {ContextValue, SlotProps} from 'react-aria-components/slots';\nimport {createContext, ForwardedRef, forwardRef, ReactNode} from 'react';\nimport {\n  getAllowedOverrides,\n  StylesPropWithHeight,\n  UnsafeStyles\n} from './style-utils' with {type: 'macro'};\nimport {style} from '../style' with {type: 'macro'};\nimport {Toolbar} from 'react-aria-components/Toolbar';\nimport {useSpectrumContextProps} from './useSpectrumContextProps';\n\nexport interface ActionButtonGroupProps extends AriaLabelingProps, UnsafeStyles, SlotProps {\n  /** Spectrum-defined styles, returned by the `style()` macro. */\n  styles?: StylesPropWithHeight;\n  /** The children of the group. */\n  children: ReactNode;\n  /**\n   * Size of the buttons.\n   *\n   * @default 'M'\n   */\n  size?: 'XS' | 'S' | 'M' | 'L' | 'XL';\n  /**\n   * Spacing between the buttons.\n   *\n   * @default 'regular'\n   */\n  density?: 'compact' | 'regular';\n  /**\n   * Whether the button should be displayed with a [quiet\n   * style](https://spectrum.adobe.com/page/action-button/#Quiet).\n   */\n  isQuiet?: boolean;\n  /** Whether the buttons should divide the container width equally. */\n  isJustified?: boolean;\n  /**\n   * The static color style to apply. Useful when the ActionButtonGroup appears over a color\n   * background.\n   */\n  staticColor?: 'white' | 'black' | 'auto';\n  /**\n   * The axis the group should align with.\n   *\n   * @default 'horizontal'\n   */\n  orientation?: 'horizontal' | 'vertical';\n  /** Whether the group is disabled. */\n  isDisabled?: boolean;\n}\n\nexport const actionGroupStyle = style(\n  {\n    display: 'flex',\n    flexDirection: {\n      orientation: {\n        horizontal: 'row',\n        vertical: 'column'\n      }\n    },\n    gap: {\n      density: {\n        compact: 2,\n        regular: {\n          size: {\n            XS: 4,\n            S: 4,\n            M: 8,\n            L: 8,\n            XL: 8\n          }\n        }\n      }\n    }\n  },\n  getAllowedOverrides({height: true})\n);\n\nexport const ActionButtonGroupContext =\n  createContext<ContextValue<Partial<ActionButtonGroupProps>, HTMLDivElement>>(null);\n\n/**\n * An ActionButtonGroup is a grouping of related ActionButtons.\n */\nexport const ActionButtonGroup = forwardRef(function ActionButtonGroup(\n  props: ActionButtonGroupProps,\n  ref: ForwardedRef<HTMLDivElement>\n) {\n  [props, ref] = useSpectrumContextProps(props, ref, ActionButtonGroupContext);\n  let {\n    density = 'regular',\n    size = 'M',\n    orientation = 'horizontal',\n    isJustified,\n    children,\n    UNSAFE_className = '',\n    UNSAFE_style,\n    styles\n  } = props;\n\n  return (\n    <Toolbar\n      {...props}\n      ref={ref}\n      style={UNSAFE_style}\n      className={\n        UNSAFE_className + actionGroupStyle({size, density, orientation, isJustified}, styles)\n      }>\n      <ActionButtonGroupContext.Provider value={props}>\n        {children}\n      </ActionButtonGroupContext.Provider>\n    </Toolbar>\n  );\n});\n"],"names":[],"version":3,"file":"ActionButtonGroup.cjs.map"}

package/dist/private/ActionButtonGroup.css

@@ -1,37 +1,37 @@
 @layer _.a {
-  .sd13 {
+  .sd131 {
     display: flex;
   }
 
-  ._tc13 {
+  ._tc131 {
     flex-direction: row;
   }
 
-  ._ta13 {
+  ._ta131 {
     flex-direction: column;
   }
 
-  .Ua13 {
+  .Ua131 {
     row-gap: .125rem;
   }
 
-  .Ub13 {
+  .Ub131 {
     row-gap: .25rem;
   }
 
-  .Ue13 {
+  .Ue131 {
     row-gap: .5rem;
   }
 
-  .qa13 {
+  .qa131 {
     column-gap: .125rem;
   }
 
-  .qb13 {
+  .qb131 {
     column-gap: .25rem;
   }
 
-  .qe13 {
+  .qe131 {
     column-gap: .5rem;
   }
 }

package/dist/private/ActionButtonGroup.css.map

@@ -1 +1 @@
-{"mappings":"AAkDgC;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA","sources":["packages/@react-spectrum/s2/src/ActionButtonGroup.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 {AriaLabelingProps} from '@react-types/shared';\nimport {ContextValue, SlotProps} from 'react-aria-components/slots';\nimport {createContext, ForwardedRef, forwardRef, ReactNode} from 'react';\nimport {getAllowedOverrides, StylesPropWithHeight, UnsafeStyles} from './style-utils' with {type: 'macro'};\nimport {style} from '../style' with {type: 'macro'};\nimport {Toolbar} from 'react-aria-components/Toolbar';\nimport {useSpectrumContextProps} from './useSpectrumContextProps';\n\nexport interface ActionButtonGroupProps extends AriaLabelingProps, UnsafeStyles, SlotProps {\n  /** Spectrum-defined styles, returned by the `style()` macro. */\n  styles?: StylesPropWithHeight,\n  /** The children of the group. */\n  children: ReactNode,\n  /**\n   * Size of the buttons.\n   * @default \"M\"\n   */\n  size?: 'XS' | 'S' | 'M' | 'L' | 'XL',\n  /**\n   * Spacing between the buttons.\n   * @default \"regular\"\n   */\n  density?: 'compact' | 'regular',\n  /** Whether the button should be displayed with a [quiet style](https://spectrum.adobe.com/page/action-button/#Quiet). */\n  isQuiet?: boolean,\n  /** Whether the buttons should divide the container width equally. */\n  isJustified?: boolean,\n  /** The static color style to apply. Useful when the ActionButtonGroup appears over a color background. */\n  staticColor?: 'white' | 'black' | 'auto',\n  /**\n   * The axis the group should align with.\n   * @default 'horizontal'\n   */\n  orientation?: 'horizontal' | 'vertical',\n  /** Whether the group is disabled. */\n  isDisabled?: boolean\n}\n\nexport const actionGroupStyle = style({\n  display: 'flex',\n  flexDirection: {\n    orientation: {\n      horizontal: 'row',\n      vertical: 'column'\n    }\n  },\n  gap: {\n    density: {\n      compact: 2,\n      regular: {\n        size: {\n          XS: 4,\n          S: 4,\n          M: 8,\n          L: 8,\n          XL: 8\n        }\n      }\n    }\n  }\n}, getAllowedOverrides({height: true}));\n\n\nexport const ActionButtonGroupContext = createContext<ContextValue<Partial<ActionButtonGroupProps>, HTMLDivElement>>(null);\n\n/**\n * An ActionButtonGroup is a grouping of related ActionButtons.\n */\nexport const ActionButtonGroup = forwardRef(function ActionButtonGroup(props: ActionButtonGroupProps, ref: ForwardedRef<HTMLDivElement>) {\n  [props, ref] = useSpectrumContextProps(props, ref, ActionButtonGroupContext);\n  let {\n    density = 'regular',\n    size = 'M',\n    orientation = 'horizontal',\n    isJustified,\n    children,\n    UNSAFE_className = '',\n    UNSAFE_style,\n    styles\n  } = props;\n\n  return (\n    <Toolbar\n      {...props}\n      ref={ref}\n      style={UNSAFE_style}\n      className={UNSAFE_className + actionGroupStyle({size, density, orientation, isJustified}, styles)}>\n      <ActionButtonGroupContext.Provider value={props}>\n        {children}\n      </ActionButtonGroupContext.Provider>\n    </Toolbar>\n  );\n});\n"],"names":[],"version":3,"file":"ActionButtonGroup.css.map"}
+{"mappings":"AA+DgC;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA","sources":["packages/@react-spectrum/s2/src/ActionButtonGroup.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 {AriaLabelingProps} from '@react-types/shared';\nimport {ContextValue, SlotProps} from 'react-aria-components/slots';\nimport {createContext, ForwardedRef, forwardRef, ReactNode} from 'react';\nimport {\n  getAllowedOverrides,\n  StylesPropWithHeight,\n  UnsafeStyles\n} from './style-utils' with {type: 'macro'};\nimport {style} from '../style' with {type: 'macro'};\nimport {Toolbar} from 'react-aria-components/Toolbar';\nimport {useSpectrumContextProps} from './useSpectrumContextProps';\n\nexport interface ActionButtonGroupProps extends AriaLabelingProps, UnsafeStyles, SlotProps {\n  /** Spectrum-defined styles, returned by the `style()` macro. */\n  styles?: StylesPropWithHeight;\n  /** The children of the group. */\n  children: ReactNode;\n  /**\n   * Size of the buttons.\n   *\n   * @default 'M'\n   */\n  size?: 'XS' | 'S' | 'M' | 'L' | 'XL';\n  /**\n   * Spacing between the buttons.\n   *\n   * @default 'regular'\n   */\n  density?: 'compact' | 'regular';\n  /**\n   * Whether the button should be displayed with a [quiet\n   * style](https://spectrum.adobe.com/page/action-button/#Quiet).\n   */\n  isQuiet?: boolean;\n  /** Whether the buttons should divide the container width equally. */\n  isJustified?: boolean;\n  /**\n   * The static color style to apply. Useful when the ActionButtonGroup appears over a color\n   * background.\n   */\n  staticColor?: 'white' | 'black' | 'auto';\n  /**\n   * The axis the group should align with.\n   *\n   * @default 'horizontal'\n   */\n  orientation?: 'horizontal' | 'vertical';\n  /** Whether the group is disabled. */\n  isDisabled?: boolean;\n}\n\nexport const actionGroupStyle = style(\n  {\n    display: 'flex',\n    flexDirection: {\n      orientation: {\n        horizontal: 'row',\n        vertical: 'column'\n      }\n    },\n    gap: {\n      density: {\n        compact: 2,\n        regular: {\n          size: {\n            XS: 4,\n            S: 4,\n            M: 8,\n            L: 8,\n            XL: 8\n          }\n        }\n      }\n    }\n  },\n  getAllowedOverrides({height: true})\n);\n\nexport const ActionButtonGroupContext =\n  createContext<ContextValue<Partial<ActionButtonGroupProps>, HTMLDivElement>>(null);\n\n/**\n * An ActionButtonGroup is a grouping of related ActionButtons.\n */\nexport const ActionButtonGroup = forwardRef(function ActionButtonGroup(\n  props: ActionButtonGroupProps,\n  ref: ForwardedRef<HTMLDivElement>\n) {\n  [props, ref] = useSpectrumContextProps(props, ref, ActionButtonGroupContext);\n  let {\n    density = 'regular',\n    size = 'M',\n    orientation = 'horizontal',\n    isJustified,\n    children,\n    UNSAFE_className = '',\n    UNSAFE_style,\n    styles\n  } = props;\n\n  return (\n    <Toolbar\n      {...props}\n      ref={ref}\n      style={UNSAFE_style}\n      className={\n        UNSAFE_className + actionGroupStyle({size, density, orientation, isJustified}, styles)\n      }>\n      <ActionButtonGroupContext.Provider value={props}>\n        {children}\n      </ActionButtonGroupContext.Provider>\n    </Toolbar>\n  );\n});\n"],"names":[],"version":3,"file":"ActionButtonGroup.css.map"}

package/dist/private/ActionButtonGroup.mjs

@@ -21,23 +21,23 @@ import {Toolbar as $aTsYn$Toolbar} from "react-aria-components/Toolbar";
 const $10401bdc118cbc90$export$641cbcd1f6f6802f = function anonymous(props, overrides) {
     let rules = " ";
     rules += (String(overrides || '').match(/(?:^|\s)(J|G|I|H|_u|_v|_s|__A|_d|_J|z|y|B|A|_P|_9|W|_l|_A|_z|_6|Z|N|L|F|M|K)[^\s]+/g) || []).join('');
-    rules += ' sd13';
-    if (props.orientation === "vertical") rules += ' _ta13';
-    else if (props.orientation === "horizontal") rules += ' _tc13';
+    rules += ' sd131';
+    if (props.orientation === "vertical") rules += ' _ta131';
+    else if (props.orientation === "horizontal") rules += ' _tc131';
     if (props.density === "regular") {
-        if (props.size === "XL") rules += ' Ue13';
-        else if (props.size === "L") rules += ' Ue13';
-        else if (props.size === "M") rules += ' Ue13';
-        else if (props.size === "S") rules += ' Ub13';
-        else if (props.size === "XS") rules += ' Ub13';
-    } else if (props.density === "compact") rules += ' Ua13';
+        if (props.size === "XL") rules += ' Ue131';
+        else if (props.size === "L") rules += ' Ue131';
+        else if (props.size === "M") rules += ' Ue131';
+        else if (props.size === "S") rules += ' Ub131';
+        else if (props.size === "XS") rules += ' Ub131';
+    } else if (props.density === "compact") rules += ' Ua131';
     if (props.density === "regular") {
-        if (props.size === "XL") rules += ' qe13';
-        else if (props.size === "L") rules += ' qe13';
-        else if (props.size === "M") rules += ' qe13';
-        else if (props.size === "S") rules += ' qb13';
-        else if (props.size === "XS") rules += ' qb13';
-    } else if (props.density === "compact") rules += ' qa13';
+        if (props.size === "XL") rules += ' qe131';
+        else if (props.size === "L") rules += ' qe131';
+        else if (props.size === "M") rules += ' qe131';
+        else if (props.size === "S") rules += ' qb131';
+        else if (props.size === "XS") rules += ' qb131';
+    } else if (props.density === "compact") rules += ' qa131';
     return rules;
 };
 const $10401bdc118cbc90$export$33f5f2f2cb85d743 = /*#__PURE__*/ (0, $aTsYn$createContext)(null);

package/dist/private/ActionButtonGroup.mjs.map

@@ -1 +1 @@
-{"mappings":";;;;;;AAAA;;;;;;;;;;CAUC;;;;AAwCM,MAAM;;;;;;;;;;;;;;;;;;;;;;AAyBN,MAAM,0DAA2B,CAAA,GAAA,oBAAY,EAAiE;AAK9G,MAAM,0DAAoB,CAAA,GAAA,iBAAS,EAAE,SAAS,kBAAkB,KAA6B,EAAE,GAAiC;IACrI,CAAC,OAAO,IAAI,GAAG,CAAA,GAAA,yCAAsB,EAAE,OAAO,KAAK;IACnD,IAAI,WACF,UAAU,iBACV,OAAO,kBACP,cAAc,2BACd,WAAW,YACX,QAAQ,oBACR,mBAAmB,kBACnB,YAAY,UACZ,MAAM,EACP,GAAG;IAEJ,qBACE,gBAAC,CAAA,GAAA,cAAM;QACJ,GAAG,KAAK;QACT,KAAK;QACL,OAAO;QACP,WAAW,mBAAmB,0CAAiB;kBAAC;qBAAM;yBAAS;yBAAa;QAAW,GAAG;kBAC1F,cAAA,gBAAC,0CAAyB,QAAQ;YAAC,OAAO;sBACvC;;;AAIT","sources":["packages/@react-spectrum/s2/src/ActionButtonGroup.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 {AriaLabelingProps} from '@react-types/shared';\nimport {ContextValue, SlotProps} from 'react-aria-components/slots';\nimport {createContext, ForwardedRef, forwardRef, ReactNode} from 'react';\nimport {getAllowedOverrides, StylesPropWithHeight, UnsafeStyles} from './style-utils' with {type: 'macro'};\nimport {style} from '../style' with {type: 'macro'};\nimport {Toolbar} from 'react-aria-components/Toolbar';\nimport {useSpectrumContextProps} from './useSpectrumContextProps';\n\nexport interface ActionButtonGroupProps extends AriaLabelingProps, UnsafeStyles, SlotProps {\n  /** Spectrum-defined styles, returned by the `style()` macro. */\n  styles?: StylesPropWithHeight,\n  /** The children of the group. */\n  children: ReactNode,\n  /**\n   * Size of the buttons.\n   * @default \"M\"\n   */\n  size?: 'XS' | 'S' | 'M' | 'L' | 'XL',\n  /**\n   * Spacing between the buttons.\n   * @default \"regular\"\n   */\n  density?: 'compact' | 'regular',\n  /** Whether the button should be displayed with a [quiet style](https://spectrum.adobe.com/page/action-button/#Quiet). */\n  isQuiet?: boolean,\n  /** Whether the buttons should divide the container width equally. */\n  isJustified?: boolean,\n  /** The static color style to apply. Useful when the ActionButtonGroup appears over a color background. */\n  staticColor?: 'white' | 'black' | 'auto',\n  /**\n   * The axis the group should align with.\n   * @default 'horizontal'\n   */\n  orientation?: 'horizontal' | 'vertical',\n  /** Whether the group is disabled. */\n  isDisabled?: boolean\n}\n\nexport const actionGroupStyle = style({\n  display: 'flex',\n  flexDirection: {\n    orientation: {\n      horizontal: 'row',\n      vertical: 'column'\n    }\n  },\n  gap: {\n    density: {\n      compact: 2,\n      regular: {\n        size: {\n          XS: 4,\n          S: 4,\n          M: 8,\n          L: 8,\n          XL: 8\n        }\n      }\n    }\n  }\n}, getAllowedOverrides({height: true}));\n\n\nexport const ActionButtonGroupContext = createContext<ContextValue<Partial<ActionButtonGroupProps>, HTMLDivElement>>(null);\n\n/**\n * An ActionButtonGroup is a grouping of related ActionButtons.\n */\nexport const ActionButtonGroup = forwardRef(function ActionButtonGroup(props: ActionButtonGroupProps, ref: ForwardedRef<HTMLDivElement>) {\n  [props, ref] = useSpectrumContextProps(props, ref, ActionButtonGroupContext);\n  let {\n    density = 'regular',\n    size = 'M',\n    orientation = 'horizontal',\n    isJustified,\n    children,\n    UNSAFE_className = '',\n    UNSAFE_style,\n    styles\n  } = props;\n\n  return (\n    <Toolbar\n      {...props}\n      ref={ref}\n      style={UNSAFE_style}\n      className={UNSAFE_className + actionGroupStyle({size, density, orientation, isJustified}, styles)}>\n      <ActionButtonGroupContext.Provider value={props}>\n        {children}\n      </ActionButtonGroupContext.Provider>\n    </Toolbar>\n  );\n});\n"],"names":[],"version":3,"file":"ActionButtonGroup.mjs.map"}
+{"mappings":";;;;;;AAAA;;;;;;;;;;CAUC;;;;AAqDM,MAAM;;;;;;;;;;;;;;;;;;;;;;AA2BN,MAAM,0DACX,CAAA,GAAA,oBAAY,EAAiE;AAKxE,MAAM,0DAAoB,CAAA,GAAA,iBAAS,EAAE,SAAS,kBACnD,KAA6B,EAC7B,GAAiC;IAEjC,CAAC,OAAO,IAAI,GAAG,CAAA,GAAA,yCAAsB,EAAE,OAAO,KAAK;IACnD,IAAI,WACF,UAAU,iBACV,OAAO,kBACP,cAAc,2BACd,WAAW,YACX,QAAQ,oBACR,mBAAmB,kBACnB,YAAY,UACZ,MAAM,EACP,GAAG;IAEJ,qBACE,gBAAC,CAAA,GAAA,cAAM;QACJ,GAAG,KAAK;QACT,KAAK;QACL,OAAO;QACP,WACE,mBAAmB,0CAAiB;kBAAC;qBAAM;yBAAS;yBAAa;QAAW,GAAG;kBAEjF,cAAA,gBAAC,0CAAyB,QAAQ;YAAC,OAAO;sBACvC;;;AAIT","sources":["packages/@react-spectrum/s2/src/ActionButtonGroup.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 {AriaLabelingProps} from '@react-types/shared';\nimport {ContextValue, SlotProps} from 'react-aria-components/slots';\nimport {createContext, ForwardedRef, forwardRef, ReactNode} from 'react';\nimport {\n  getAllowedOverrides,\n  StylesPropWithHeight,\n  UnsafeStyles\n} from './style-utils' with {type: 'macro'};\nimport {style} from '../style' with {type: 'macro'};\nimport {Toolbar} from 'react-aria-components/Toolbar';\nimport {useSpectrumContextProps} from './useSpectrumContextProps';\n\nexport interface ActionButtonGroupProps extends AriaLabelingProps, UnsafeStyles, SlotProps {\n  /** Spectrum-defined styles, returned by the `style()` macro. */\n  styles?: StylesPropWithHeight;\n  /** The children of the group. */\n  children: ReactNode;\n  /**\n   * Size of the buttons.\n   *\n   * @default 'M'\n   */\n  size?: 'XS' | 'S' | 'M' | 'L' | 'XL';\n  /**\n   * Spacing between the buttons.\n   *\n   * @default 'regular'\n   */\n  density?: 'compact' | 'regular';\n  /**\n   * Whether the button should be displayed with a [quiet\n   * style](https://spectrum.adobe.com/page/action-button/#Quiet).\n   */\n  isQuiet?: boolean;\n  /** Whether the buttons should divide the container width equally. */\n  isJustified?: boolean;\n  /**\n   * The static color style to apply. Useful when the ActionButtonGroup appears over a color\n   * background.\n   */\n  staticColor?: 'white' | 'black' | 'auto';\n  /**\n   * The axis the group should align with.\n   *\n   * @default 'horizontal'\n   */\n  orientation?: 'horizontal' | 'vertical';\n  /** Whether the group is disabled. */\n  isDisabled?: boolean;\n}\n\nexport const actionGroupStyle = style(\n  {\n    display: 'flex',\n    flexDirection: {\n      orientation: {\n        horizontal: 'row',\n        vertical: 'column'\n      }\n    },\n    gap: {\n      density: {\n        compact: 2,\n        regular: {\n          size: {\n            XS: 4,\n            S: 4,\n            M: 8,\n            L: 8,\n            XL: 8\n          }\n        }\n      }\n    }\n  },\n  getAllowedOverrides({height: true})\n);\n\nexport const ActionButtonGroupContext =\n  createContext<ContextValue<Partial<ActionButtonGroupProps>, HTMLDivElement>>(null);\n\n/**\n * An ActionButtonGroup is a grouping of related ActionButtons.\n */\nexport const ActionButtonGroup = forwardRef(function ActionButtonGroup(\n  props: ActionButtonGroupProps,\n  ref: ForwardedRef<HTMLDivElement>\n) {\n  [props, ref] = useSpectrumContextProps(props, ref, ActionButtonGroupContext);\n  let {\n    density = 'regular',\n    size = 'M',\n    orientation = 'horizontal',\n    isJustified,\n    children,\n    UNSAFE_className = '',\n    UNSAFE_style,\n    styles\n  } = props;\n\n  return (\n    <Toolbar\n      {...props}\n      ref={ref}\n      style={UNSAFE_style}\n      className={\n        UNSAFE_className + actionGroupStyle({size, density, orientation, isJustified}, styles)\n      }>\n      <ActionButtonGroupContext.Provider value={props}>\n        {children}\n      </ActionButtonGroupContext.Provider>\n    </Toolbar>\n  );\n});\n"],"names":[],"version":3,"file":"ActionButtonGroup.mjs.map"}

package/dist/private/ActionMenu.cjs.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;;AA6BM,MAAM,0DAAoB,CAAA,GAAA,0BAAY,EAAqF;AAK3H,MAAM,4CAA0B,AAAb,WAAW,GAAG,CAAA,GAAA,uBAAS,EAAqB,SAAS,WAA6B,KAAyB,EAAE,GAAoC;IACzK,IAAI,kBAAkB,CAAA,GAAA,uEAA0B,EAAE,CAAA,GAAA,mDAAW,GAAG;IAChE,CAAC,OAAO,IAAI,GAAG,CAAA,GAAA,iDAAsB,EAAE,OAAO,KAAK;IACnD,IAAI,cAAc,CAAA,GAAA,6CAAa,EAAE,OAAO;QAAC,WAAW;IAAI;IACxD,IAAI,WAAW,CAAC,aAAa,KAAK,WAChC,WAAW,CAAC,aAAa,GAAG,gBAAgB,MAAM,CAAC;IAGrD,qBACE,iCAAC,CAAA,GAAA,qCAAU;QACT,QAAQ,MAAM,MAAM;QACpB,aAAa,MAAM,WAAW;QAC9B,cAAc,MAAM,YAAY;QAChC,OAAO,MAAM,KAAK;QAClB,WAAW,MAAM,SAAS;QAC1B,YAAY,MAAM,UAAU;;0BAC5B,gCAAC,CAAA,GAAA,sCAAW;gBACV,KAAK;gBACL,MAAM,MAAM,IAAI;gBAChB,YAAY,MAAM,UAAU;gBAC5B,WAAW,MAAM,SAAS;gBAC1B,SAAS,MAAM,OAAO;gBACtB,QAAQ,MAAM,MAAM;gBACnB,GAAG,WAAW;0BACf,cAAA,gCAAC,CAAA,GAAA,iCAAO;;0BAEV,gCAAC,CAAA,GAAA,8BAAG;gBACF,OAAO,MAAM,KAAK;gBAClB,cAAc,MAAM,YAAY;gBAChC,UAAU,MAAM,QAAQ;gBACxB,MAAM,MAAM,QAAQ;gBACpB,qBAAqB,MAAM,mBAAmB;0BAC7C,MAAM,QAAQ;;;;AAIvB","sources":["packages/@react-spectrum/s2/src/ActionMenu.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 {ActionButton, ActionButtonProps} from './ActionButton';\nimport {AriaLabelingProps, DOMProps, FocusableRef, FocusableRefValue} from '@react-types/shared';\nimport {ContextValue} from 'react-aria-components/slots';\nimport {createContext, forwardRef} from 'react';\nimport {filterDOMProps} from 'react-aria/filterDOMProps';\nimport {forwardRefType} from './types';\n// @ts-ignore\nimport intlMessages from '../intl/*.json';\nimport {Menu, MenuProps, MenuTrigger, MenuTriggerProps} from './Menu';\nimport MoreIcon from '../s2wf-icons/S2_Icon_More_20_N.svg';\nimport {StyleProps} from './style-utils' with { type: 'macro' };\nimport {useLocalizedStringFormatter} from 'react-aria/useLocalizedStringFormatter';\nimport {useSpectrumContextProps} from './useSpectrumContextProps';\n\nexport interface ActionMenuProps<T> extends\n  Pick<MenuTriggerProps, 'isOpen' | 'defaultOpen' | 'onOpenChange' | 'align' | 'direction' | 'shouldFlip'>,\n  Pick<MenuProps<T>, 'children' | 'items' | 'disabledKeys' | 'onAction' | 'shouldCloseOnSelect'>,\n  Pick<ActionButtonProps, 'isDisabled' | 'isQuiet' | 'autoFocus' | 'size'>,\n  StyleProps, DOMProps, AriaLabelingProps {\n  /**\n   * The size of the Menu.\n   *\n   * @default 'M'\n   */\n  menuSize?: 'S' | 'M' | 'L' | 'XL'\n}\n\nexport const ActionMenuContext = createContext<ContextValue<Partial<ActionMenuProps<any>>, FocusableRefValue<HTMLButtonElement>>>(null);\n\n/**\n * ActionMenu combines an ActionButton with a Menu for simple \"more actions\" use cases.\n */\nexport const ActionMenu = /*#__PURE__*/(forwardRef as forwardRefType)(function ActionMenu<T extends object>(props: ActionMenuProps<T>, ref: FocusableRef<HTMLButtonElement>) {\n  let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-spectrum/s2');\n  [props, ref] = useSpectrumContextProps(props, ref, ActionMenuContext);\n  let buttonProps = filterDOMProps(props, {labelable: true});\n  if (buttonProps['aria-label'] === undefined) {\n    buttonProps['aria-label'] = stringFormatter.format('menu.moreActions');\n  }\n\n  return (\n    <MenuTrigger\n      isOpen={props.isOpen}\n      defaultOpen={props.defaultOpen}\n      onOpenChange={props.onOpenChange}\n      align={props.align}\n      direction={props.direction}\n      shouldFlip={props.shouldFlip}>\n      <ActionButton\n        ref={ref}\n        size={props.size}\n        isDisabled={props.isDisabled}\n        autoFocus={props.autoFocus}\n        isQuiet={props.isQuiet}\n        styles={props.styles}\n        {...buttonProps}>\n        <MoreIcon />\n      </ActionButton>\n      <Menu\n        items={props.items}\n        disabledKeys={props.disabledKeys}\n        onAction={props.onAction}\n        size={props.menuSize}\n        shouldCloseOnSelect={props.shouldCloseOnSelect}>\n        {props.children}\n      </Menu>\n    </MenuTrigger>\n  );\n});\n"],"names":[],"version":3,"file":"ActionMenu.cjs.map"}
+{"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;;AAmCM,MAAM,0DACX,CAAA,GAAA,0BAAY,EACV;AAMG,MAAM,4CAA2B,AAAd,WAAW,GAAI,CAAA,GAAA,uBAAS,EAAqB,SAAS,WAC9E,KAAyB,EACzB,GAAoC;IAEpC,IAAI,kBAAkB,CAAA,GAAA,uEAA0B,EAAE,CAAA,GAAA,mDAAW,GAAG;IAChE,CAAC,OAAO,IAAI,GAAG,CAAA,GAAA,iDAAsB,EAAE,OAAO,KAAK;IACnD,IAAI,cAAc,CAAA,GAAA,6CAAa,EAAE,OAAO;QAAC,WAAW;IAAI;IACxD,IAAI,WAAW,CAAC,aAAa,KAAK,WAChC,WAAW,CAAC,aAAa,GAAG,gBAAgB,MAAM,CAAC;IAGrD,qBACE,iCAAC,CAAA,GAAA,qCAAU;QACT,QAAQ,MAAM,MAAM;QACpB,aAAa,MAAM,WAAW;QAC9B,cAAc,MAAM,YAAY;QAChC,OAAO,MAAM,KAAK;QAClB,WAAW,MAAM,SAAS;QAC1B,YAAY,MAAM,UAAU;;0BAC5B,gCAAC,CAAA,GAAA,sCAAW;gBACV,KAAK;gBACL,MAAM,MAAM,IAAI;gBAChB,YAAY,MAAM,UAAU;gBAC5B,WAAW,MAAM,SAAS;gBAC1B,SAAS,MAAM,OAAO;gBACtB,QAAQ,MAAM,MAAM;gBACnB,GAAG,WAAW;0BACf,cAAA,gCAAC,CAAA,GAAA,iCAAO;;0BAEV,gCAAC,CAAA,GAAA,8BAAG;gBACF,OAAO,MAAM,KAAK;gBAClB,cAAc,MAAM,YAAY;gBAChC,UAAU,MAAM,QAAQ;gBACxB,MAAM,MAAM,QAAQ;gBACpB,qBAAqB,MAAM,mBAAmB;0BAC7C,MAAM,QAAQ;;;;AAIvB","sources":["packages/@react-spectrum/s2/src/ActionMenu.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 {ActionButton, ActionButtonProps} from './ActionButton';\nimport {AriaLabelingProps, DOMProps, FocusableRef, FocusableRefValue} from '@react-types/shared';\nimport {ContextValue} from 'react-aria-components/slots';\nimport {createContext, forwardRef} from 'react';\nimport {filterDOMProps} from 'react-aria/filterDOMProps';\nimport {forwardRefType} from './types';\n// @ts-ignore\nimport intlMessages from '../intl/*.json';\nimport {Menu, MenuProps, MenuTrigger, MenuTriggerProps} from './Menu';\nimport MoreIcon from '../s2wf-icons/S2_Icon_More_20_N.svg';\nimport {StyleProps} from './style-utils' with {type: 'macro'};\nimport {useLocalizedStringFormatter} from 'react-aria/useLocalizedStringFormatter';\nimport {useSpectrumContextProps} from './useSpectrumContextProps';\n\nexport interface ActionMenuProps<T>\n  extends\n    Pick<\n      MenuTriggerProps,\n      'isOpen' | 'defaultOpen' | 'onOpenChange' | 'align' | 'direction' | 'shouldFlip'\n    >,\n    Pick<MenuProps<T>, 'children' | 'items' | 'disabledKeys' | 'onAction' | 'shouldCloseOnSelect'>,\n    Pick<ActionButtonProps, 'isDisabled' | 'isQuiet' | 'autoFocus' | 'size'>,\n    StyleProps,\n    DOMProps,\n    AriaLabelingProps {\n  /**\n   * The size of the Menu.\n   *\n   * @default 'M'\n   */\n  menuSize?: 'S' | 'M' | 'L' | 'XL';\n}\n\nexport const ActionMenuContext =\n  createContext<ContextValue<Partial<ActionMenuProps<any>>, FocusableRefValue<HTMLButtonElement>>>(\n    null\n  );\n\n/**\n * ActionMenu combines an ActionButton with a Menu for simple \"more actions\" use cases.\n */\nexport const ActionMenu = /*#__PURE__*/ (forwardRef as forwardRefType)(function ActionMenu<T>(\n  props: ActionMenuProps<T>,\n  ref: FocusableRef<HTMLButtonElement>\n) {\n  let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-spectrum/s2');\n  [props, ref] = useSpectrumContextProps(props, ref, ActionMenuContext);\n  let buttonProps = filterDOMProps(props, {labelable: true});\n  if (buttonProps['aria-label'] === undefined) {\n    buttonProps['aria-label'] = stringFormatter.format('menu.moreActions');\n  }\n\n  return (\n    <MenuTrigger\n      isOpen={props.isOpen}\n      defaultOpen={props.defaultOpen}\n      onOpenChange={props.onOpenChange}\n      align={props.align}\n      direction={props.direction}\n      shouldFlip={props.shouldFlip}>\n      <ActionButton\n        ref={ref}\n        size={props.size}\n        isDisabled={props.isDisabled}\n        autoFocus={props.autoFocus}\n        isQuiet={props.isQuiet}\n        styles={props.styles}\n        {...buttonProps}>\n        <MoreIcon />\n      </ActionButton>\n      <Menu\n        items={props.items}\n        disabledKeys={props.disabledKeys}\n        onAction={props.onAction}\n        size={props.menuSize}\n        shouldCloseOnSelect={props.shouldCloseOnSelect}>\n        {props.children}\n      </Menu>\n    </MenuTrigger>\n  );\n});\n"],"names":[],"version":3,"file":"ActionMenu.cjs.map"}

package/dist/private/ActionMenu.mjs.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;;AA6BM,MAAM,0DAAoB,CAAA,GAAA,oBAAY,EAAqF;AAK3H,MAAM,4CAA0B,AAAb,WAAW,GAAG,CAAA,GAAA,iBAAS,EAAqB,SAAS,WAA6B,KAAyB,EAAE,GAAoC;IACzK,IAAI,kBAAkB,CAAA,GAAA,kCAA0B,EAAE,CAAA,GAAA,+CAAW,GAAG;IAChE,CAAC,OAAO,IAAI,GAAG,CAAA,GAAA,yCAAsB,EAAE,OAAO,KAAK;IACnD,IAAI,cAAc,CAAA,GAAA,qBAAa,EAAE,OAAO;QAAC,WAAW;IAAI;IACxD,IAAI,WAAW,CAAC,aAAa,KAAK,WAChC,WAAW,CAAC,aAAa,GAAG,gBAAgB,MAAM,CAAC;IAGrD,qBACE,iBAAC,CAAA,GAAA,yCAAU;QACT,QAAQ,MAAM,MAAM;QACpB,aAAa,MAAM,WAAW;QAC9B,cAAc,MAAM,YAAY;QAChC,OAAO,MAAM,KAAK;QAClB,WAAW,MAAM,SAAS;QAC1B,YAAY,MAAM,UAAU;;0BAC5B,gBAAC,CAAA,GAAA,yCAAW;gBACV,KAAK;gBACL,MAAM,MAAM,IAAI;gBAChB,YAAY,MAAM,UAAU;gBAC5B,WAAW,MAAM,SAAS;gBAC1B,SAAS,MAAM,OAAO;gBACtB,QAAQ,MAAM,MAAM;gBACnB,GAAG,WAAW;0BACf,cAAA,gBAAC,CAAA,GAAA,wCAAO;;0BAEV,gBAAC,CAAA,GAAA,yCAAG;gBACF,OAAO,MAAM,KAAK;gBAClB,cAAc,MAAM,YAAY;gBAChC,UAAU,MAAM,QAAQ;gBACxB,MAAM,MAAM,QAAQ;gBACpB,qBAAqB,MAAM,mBAAmB;0BAC7C,MAAM,QAAQ;;;;AAIvB","sources":["packages/@react-spectrum/s2/src/ActionMenu.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 {ActionButton, ActionButtonProps} from './ActionButton';\nimport {AriaLabelingProps, DOMProps, FocusableRef, FocusableRefValue} from '@react-types/shared';\nimport {ContextValue} from 'react-aria-components/slots';\nimport {createContext, forwardRef} from 'react';\nimport {filterDOMProps} from 'react-aria/filterDOMProps';\nimport {forwardRefType} from './types';\n// @ts-ignore\nimport intlMessages from '../intl/*.json';\nimport {Menu, MenuProps, MenuTrigger, MenuTriggerProps} from './Menu';\nimport MoreIcon from '../s2wf-icons/S2_Icon_More_20_N.svg';\nimport {StyleProps} from './style-utils' with { type: 'macro' };\nimport {useLocalizedStringFormatter} from 'react-aria/useLocalizedStringFormatter';\nimport {useSpectrumContextProps} from './useSpectrumContextProps';\n\nexport interface ActionMenuProps<T> extends\n  Pick<MenuTriggerProps, 'isOpen' | 'defaultOpen' | 'onOpenChange' | 'align' | 'direction' | 'shouldFlip'>,\n  Pick<MenuProps<T>, 'children' | 'items' | 'disabledKeys' | 'onAction' | 'shouldCloseOnSelect'>,\n  Pick<ActionButtonProps, 'isDisabled' | 'isQuiet' | 'autoFocus' | 'size'>,\n  StyleProps, DOMProps, AriaLabelingProps {\n  /**\n   * The size of the Menu.\n   *\n   * @default 'M'\n   */\n  menuSize?: 'S' | 'M' | 'L' | 'XL'\n}\n\nexport const ActionMenuContext = createContext<ContextValue<Partial<ActionMenuProps<any>>, FocusableRefValue<HTMLButtonElement>>>(null);\n\n/**\n * ActionMenu combines an ActionButton with a Menu for simple \"more actions\" use cases.\n */\nexport const ActionMenu = /*#__PURE__*/(forwardRef as forwardRefType)(function ActionMenu<T extends object>(props: ActionMenuProps<T>, ref: FocusableRef<HTMLButtonElement>) {\n  let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-spectrum/s2');\n  [props, ref] = useSpectrumContextProps(props, ref, ActionMenuContext);\n  let buttonProps = filterDOMProps(props, {labelable: true});\n  if (buttonProps['aria-label'] === undefined) {\n    buttonProps['aria-label'] = stringFormatter.format('menu.moreActions');\n  }\n\n  return (\n    <MenuTrigger\n      isOpen={props.isOpen}\n      defaultOpen={props.defaultOpen}\n      onOpenChange={props.onOpenChange}\n      align={props.align}\n      direction={props.direction}\n      shouldFlip={props.shouldFlip}>\n      <ActionButton\n        ref={ref}\n        size={props.size}\n        isDisabled={props.isDisabled}\n        autoFocus={props.autoFocus}\n        isQuiet={props.isQuiet}\n        styles={props.styles}\n        {...buttonProps}>\n        <MoreIcon />\n      </ActionButton>\n      <Menu\n        items={props.items}\n        disabledKeys={props.disabledKeys}\n        onAction={props.onAction}\n        size={props.menuSize}\n        shouldCloseOnSelect={props.shouldCloseOnSelect}>\n        {props.children}\n      </Menu>\n    </MenuTrigger>\n  );\n});\n"],"names":[],"version":3,"file":"ActionMenu.mjs.map"}
+{"mappings":";;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;;AAmCM,MAAM,0DACX,CAAA,GAAA,oBAAY,EACV;AAMG,MAAM,4CAA2B,AAAd,WAAW,GAAI,CAAA,GAAA,iBAAS,EAAqB,SAAS,WAC9E,KAAyB,EACzB,GAAoC;IAEpC,IAAI,kBAAkB,CAAA,GAAA,kCAA0B,EAAE,CAAA,GAAA,+CAAW,GAAG;IAChE,CAAC,OAAO,IAAI,GAAG,CAAA,GAAA,yCAAsB,EAAE,OAAO,KAAK;IACnD,IAAI,cAAc,CAAA,GAAA,qBAAa,EAAE,OAAO;QAAC,WAAW;IAAI;IACxD,IAAI,WAAW,CAAC,aAAa,KAAK,WAChC,WAAW,CAAC,aAAa,GAAG,gBAAgB,MAAM,CAAC;IAGrD,qBACE,iBAAC,CAAA,GAAA,yCAAU;QACT,QAAQ,MAAM,MAAM;QACpB,aAAa,MAAM,WAAW;QAC9B,cAAc,MAAM,YAAY;QAChC,OAAO,MAAM,KAAK;QAClB,WAAW,MAAM,SAAS;QAC1B,YAAY,MAAM,UAAU;;0BAC5B,gBAAC,CAAA,GAAA,yCAAW;gBACV,KAAK;gBACL,MAAM,MAAM,IAAI;gBAChB,YAAY,MAAM,UAAU;gBAC5B,WAAW,MAAM,SAAS;gBAC1B,SAAS,MAAM,OAAO;gBACtB,QAAQ,MAAM,MAAM;gBACnB,GAAG,WAAW;0BACf,cAAA,gBAAC,CAAA,GAAA,wCAAO;;0BAEV,gBAAC,CAAA,GAAA,yCAAG;gBACF,OAAO,MAAM,KAAK;gBAClB,cAAc,MAAM,YAAY;gBAChC,UAAU,MAAM,QAAQ;gBACxB,MAAM,MAAM,QAAQ;gBACpB,qBAAqB,MAAM,mBAAmB;0BAC7C,MAAM,QAAQ;;;;AAIvB","sources":["packages/@react-spectrum/s2/src/ActionMenu.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 {ActionButton, ActionButtonProps} from './ActionButton';\nimport {AriaLabelingProps, DOMProps, FocusableRef, FocusableRefValue} from '@react-types/shared';\nimport {ContextValue} from 'react-aria-components/slots';\nimport {createContext, forwardRef} from 'react';\nimport {filterDOMProps} from 'react-aria/filterDOMProps';\nimport {forwardRefType} from './types';\n// @ts-ignore\nimport intlMessages from '../intl/*.json';\nimport {Menu, MenuProps, MenuTrigger, MenuTriggerProps} from './Menu';\nimport MoreIcon from '../s2wf-icons/S2_Icon_More_20_N.svg';\nimport {StyleProps} from './style-utils' with {type: 'macro'};\nimport {useLocalizedStringFormatter} from 'react-aria/useLocalizedStringFormatter';\nimport {useSpectrumContextProps} from './useSpectrumContextProps';\n\nexport interface ActionMenuProps<T>\n  extends\n    Pick<\n      MenuTriggerProps,\n      'isOpen' | 'defaultOpen' | 'onOpenChange' | 'align' | 'direction' | 'shouldFlip'\n    >,\n    Pick<MenuProps<T>, 'children' | 'items' | 'disabledKeys' | 'onAction' | 'shouldCloseOnSelect'>,\n    Pick<ActionButtonProps, 'isDisabled' | 'isQuiet' | 'autoFocus' | 'size'>,\n    StyleProps,\n    DOMProps,\n    AriaLabelingProps {\n  /**\n   * The size of the Menu.\n   *\n   * @default 'M'\n   */\n  menuSize?: 'S' | 'M' | 'L' | 'XL';\n}\n\nexport const ActionMenuContext =\n  createContext<ContextValue<Partial<ActionMenuProps<any>>, FocusableRefValue<HTMLButtonElement>>>(\n    null\n  );\n\n/**\n * ActionMenu combines an ActionButton with a Menu for simple \"more actions\" use cases.\n */\nexport const ActionMenu = /*#__PURE__*/ (forwardRef as forwardRefType)(function ActionMenu<T>(\n  props: ActionMenuProps<T>,\n  ref: FocusableRef<HTMLButtonElement>\n) {\n  let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-spectrum/s2');\n  [props, ref] = useSpectrumContextProps(props, ref, ActionMenuContext);\n  let buttonProps = filterDOMProps(props, {labelable: true});\n  if (buttonProps['aria-label'] === undefined) {\n    buttonProps['aria-label'] = stringFormatter.format('menu.moreActions');\n  }\n\n  return (\n    <MenuTrigger\n      isOpen={props.isOpen}\n      defaultOpen={props.defaultOpen}\n      onOpenChange={props.onOpenChange}\n      align={props.align}\n      direction={props.direction}\n      shouldFlip={props.shouldFlip}>\n      <ActionButton\n        ref={ref}\n        size={props.size}\n        isDisabled={props.isDisabled}\n        autoFocus={props.autoFocus}\n        isQuiet={props.isQuiet}\n        styles={props.styles}\n        {...buttonProps}>\n        <MoreIcon />\n      </ActionButton>\n      <Menu\n        items={props.items}\n        disabledKeys={props.disabledKeys}\n        onAction={props.onAction}\n        size={props.menuSize}\n        shouldCloseOnSelect={props.shouldCloseOnSelect}>\n        {props.children}\n      </Menu>\n    </MenuTrigger>\n  );\n});\n"],"names":[],"version":3,"file":"ActionMenu.mjs.map"}

package/dist/private/Add.cjs

@@ -30,16 +30,16 @@ $parcel$export(module.exports, "default", () => $54686c7c3f031ee2$export$2e2bcd8
 
 let $54686c7c3f031ee2$var$styles = function anonymous(props) {
     let rules = " ";
-    if (props.size === "S") rules += ' Zh13';
-    else if (props.size === "XS") rules += ' Zh13';
-    else if (props.size === "XL") rules += ' Zj13';
-    else if (props.size === "L") rules += ' Zj13';
-    else if (props.size === "M") rules += ' Zi13';
-    if (props.size === "S") rules += ' Fi13';
-    else if (props.size === "XS") rules += ' Fi13';
-    else if (props.size === "XL") rules += ' Fk13';
-    else if (props.size === "L") rules += ' Fk13';
-    else if (props.size === "M") rules += ' Fj13';
+    if (props.size === "S") rules += ' Zh131';
+    else if (props.size === "XS") rules += ' Zh131';
+    else if (props.size === "XL") rules += ' Zj131';
+    else if (props.size === "L") rules += ' Zj131';
+    else if (props.size === "M") rules += ' Zi131';
+    if (props.size === "S") rules += ' Fi131';
+    else if (props.size === "XS") rules += ' Fi131';
+    else if (props.size === "XL") rules += ' Fk131';
+    else if (props.size === "L") rules += ' Fk131';
+    else if (props.size === "M") rules += ' Fj131';
     return rules;
 };
 function $54686c7c3f031ee2$export$2e2bcd8739ae039(props) {

package/dist/private/Add.cjs.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;AAUD,IAAI;;;;;;;;;;;;;;AAqBW,kDAAa,KAAuE;IACjG,IAAI,QAAC,OAAO,KAAK,GAAG,YAAW,GAAG;IAClC,OAAQ;QACN,KAAK;YACH,qBAAO,gCAAC,CAAA,GAAA,iCAAI;gBAAG,GAAG,UAAU;gBAAE,WAAW,AAAC,CAAA,WAAW,SAAS,IAAI,EAAC,IAAK,6BAAO;0BAAC;gBAAI;;QACtF,KAAK;YACH,qBAAO,gCAAC,CAAA,GAAA,iCAAI;gBAAG,GAAG,UAAU;gBAAE,WAAW,AAAC,CAAA,WAAW,SAAS,IAAI,EAAC,IAAK,6BAAO;0BAAC;gBAAI;;QACtF,KAAK;YACH,qBAAO,gCAAC,CAAA,GAAA,iCAAK;gBAAG,GAAG,UAAU;gBAAE,WAAW,AAAC,CAAA,WAAW,SAAS,IAAI,EAAC,IAAK,6BAAO;0BAAC;gBAAI;;QACvF,KAAK;YACH,qBAAO,gCAAC,CAAA,GAAA,iCAAK;gBAAG,GAAG,UAAU;gBAAE,WAAW,AAAC,CAAA,WAAW,SAAS,IAAI,EAAC,IAAK,6BAAO;0BAAC;gBAAI;;QACvF,KAAK;YACH,qBAAO,gCAAC,CAAA,GAAA,iCAAI;gBAAG,GAAG,UAAU;gBAAE,WAAW,AAAC,CAAA,WAAW,SAAS,IAAI,EAAC,IAAK,6BAAO;0BAAC;gBAAI;;IACxF;AACF","sources":["packages/@react-spectrum/s2/ui-icons/Add.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 Add_L from './S2_AddSize200.svg';\nimport Add_M from './S2_AddSize100.svg';\nimport Add_S from './S2_AddSize75.svg';\nimport Add_XL from './S2_AddSize300.svg';\nimport Add_XS from './S2_AddSize50.svg';\nimport {ReactNode, SVGProps} from 'react';\nimport {style} from '../style' with {type: 'macro'};\n\nlet styles = style({\n  width: {\n    size: {\n      M: 10,\n      L: 12,\n      XL: 12,\n      XS: 8,\n      S: 8\n    }\n  },\n  height: {\n    size: {\n      M: 10,\n      L: 12,\n      XL: 12,\n      XS: 8,\n      S: 8\n    }\n  }\n});\n\nexport default function Add(props: SVGProps<SVGSVGElement> & {size?: 'M' | 'L' | 'XL' | 'XS' | 'S'}): ReactNode {\n  let {size = 'M', ...otherProps} = props;\n  switch (size) {\n    case 'M':\n      return <Add_M {...otherProps} className={(otherProps.className || '') + styles({size})} />;\n    case 'L':\n      return <Add_L {...otherProps} className={(otherProps.className || '') + styles({size})} />;\n    case 'XL':\n      return <Add_XL {...otherProps} className={(otherProps.className || '') + styles({size})} />;\n    case 'XS':\n      return <Add_XS {...otherProps} className={(otherProps.className || '') + styles({size})} />;\n    case 'S':\n      return <Add_S {...otherProps} className={(otherProps.className || '') + styles({size})} />;\n  }\n}\n"],"names":[],"version":3,"file":"Add.cjs.map"}
+{"mappings":";;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;AAUD,IAAI;;;;;;;;;;;;;;AAqBW,kDACb,KAAuE;IAEvE,IAAI,QAAC,OAAO,KAAK,GAAG,YAAW,GAAG;IAClC,OAAQ;QACN,KAAK;YACH,qBAAO,gCAAC,CAAA,GAAA,iCAAI;gBAAG,GAAG,UAAU;gBAAE,WAAW,AAAC,CAAA,WAAW,SAAS,IAAI,EAAC,IAAK,6BAAO;0BAAC;gBAAI;;QACtF,KAAK;YACH,qBAAO,gCAAC,CAAA,GAAA,iCAAI;gBAAG,GAAG,UAAU;gBAAE,WAAW,AAAC,CAAA,WAAW,SAAS,IAAI,EAAC,IAAK,6BAAO;0BAAC;gBAAI;;QACtF,KAAK;YACH,qBAAO,gCAAC,CAAA,GAAA,iCAAK;gBAAG,GAAG,UAAU;gBAAE,WAAW,AAAC,CAAA,WAAW,SAAS,IAAI,EAAC,IAAK,6BAAO;0BAAC;gBAAI;;QACvF,KAAK;YACH,qBAAO,gCAAC,CAAA,GAAA,iCAAK;gBAAG,GAAG,UAAU;gBAAE,WAAW,AAAC,CAAA,WAAW,SAAS,IAAI,EAAC,IAAK,6BAAO;0BAAC;gBAAI;;QACvF,KAAK;YACH,qBAAO,gCAAC,CAAA,GAAA,iCAAI;gBAAG,GAAG,UAAU;gBAAE,WAAW,AAAC,CAAA,WAAW,SAAS,IAAI,EAAC,IAAK,6BAAO;0BAAC;gBAAI;;IACxF;AACF","sources":["packages/@react-spectrum/s2/ui-icons/Add.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 Add_L from './S2_AddSize200.svg';\nimport Add_M from './S2_AddSize100.svg';\nimport Add_S from './S2_AddSize75.svg';\nimport Add_XL from './S2_AddSize300.svg';\nimport Add_XS from './S2_AddSize50.svg';\nimport {ReactNode, SVGProps} from 'react';\nimport {style} from '../style' with {type: 'macro'};\n\nlet styles = style({\n  width: {\n    size: {\n      M: 10,\n      L: 12,\n      XL: 12,\n      XS: 8,\n      S: 8\n    }\n  },\n  height: {\n    size: {\n      M: 10,\n      L: 12,\n      XL: 12,\n      XS: 8,\n      S: 8\n    }\n  }\n});\n\nexport default function Add(\n  props: SVGProps<SVGSVGElement> & {size?: 'M' | 'L' | 'XL' | 'XS' | 'S'}\n): ReactNode {\n  let {size = 'M', ...otherProps} = props;\n  switch (size) {\n    case 'M':\n      return <Add_M {...otherProps} className={(otherProps.className || '') + styles({size})} />;\n    case 'L':\n      return <Add_L {...otherProps} className={(otherProps.className || '') + styles({size})} />;\n    case 'XL':\n      return <Add_XL {...otherProps} className={(otherProps.className || '') + styles({size})} />;\n    case 'XS':\n      return <Add_XS {...otherProps} className={(otherProps.className || '') + styles({size})} />;\n    case 'S':\n      return <Add_S {...otherProps} className={(otherProps.className || '') + styles({size})} />;\n  }\n}\n"],"names":[],"version":3,"file":"Add.cjs.map"}

package/dist/private/Add.css

@@ -1,28 +1,28 @@
 @layer _.a {
-  .Zi13 {
+  .Zi131 {
     width: calc(.625rem * var(--s2-scale));
   }
 
-  .Zj13 {
+  .Zj131 {
     width: calc(.75rem * var(--s2-scale));
     width: calc(.75rem * var(--s2-scale));
   }
 
-  .Zh13 {
+  .Zh131 {
     width: calc(.5rem * var(--s2-scale));
     width: calc(.5rem * var(--s2-scale));
   }
 
-  .Fj13 {
+  .Fj131 {
     height: calc(.625rem * var(--s2-scale));
   }
 
-  .Fk13 {
+  .Fk131 {
     height: calc(.75rem * var(--s2-scale));
     height: calc(.75rem * var(--s2-scale));
   }
 
-  .Fi13 {
+  .Fi131 {
     height: calc(.5rem * var(--s2-scale));
     height: calc(.5rem * var(--s2-scale));
   }

package/dist/private/Add.css.map

@@ -1 +1 @@
-{"mappings":"AAoBa;EAAA;;;;EAAA;;;;;EAAA;;;;;EAAA;;;;EAAA;;;;;EAAA","sources":["packages/@react-spectrum/s2/ui-icons/Add.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 Add_L from './S2_AddSize200.svg';\nimport Add_M from './S2_AddSize100.svg';\nimport Add_S from './S2_AddSize75.svg';\nimport Add_XL from './S2_AddSize300.svg';\nimport Add_XS from './S2_AddSize50.svg';\nimport {ReactNode, SVGProps} from 'react';\nimport {style} from '../style' with {type: 'macro'};\n\nlet styles = style({\n  width: {\n    size: {\n      M: 10,\n      L: 12,\n      XL: 12,\n      XS: 8,\n      S: 8\n    }\n  },\n  height: {\n    size: {\n      M: 10,\n      L: 12,\n      XL: 12,\n      XS: 8,\n      S: 8\n    }\n  }\n});\n\nexport default function Add(props: SVGProps<SVGSVGElement> & {size?: 'M' | 'L' | 'XL' | 'XS' | 'S'}): ReactNode {\n  let {size = 'M', ...otherProps} = props;\n  switch (size) {\n    case 'M':\n      return <Add_M {...otherProps} className={(otherProps.className || '') + styles({size})} />;\n    case 'L':\n      return <Add_L {...otherProps} className={(otherProps.className || '') + styles({size})} />;\n    case 'XL':\n      return <Add_XL {...otherProps} className={(otherProps.className || '') + styles({size})} />;\n    case 'XS':\n      return <Add_XS {...otherProps} className={(otherProps.className || '') + styles({size})} />;\n    case 'S':\n      return <Add_S {...otherProps} className={(otherProps.className || '') + styles({size})} />;\n  }\n}\n"],"names":[],"version":3,"file":"Add.css.map"}
+{"mappings":"AAoBa;EAAA;;;;EAAA;;;;;EAAA;;;;;EAAA;;;;EAAA;;;;;EAAA","sources":["packages/@react-spectrum/s2/ui-icons/Add.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 Add_L from './S2_AddSize200.svg';\nimport Add_M from './S2_AddSize100.svg';\nimport Add_S from './S2_AddSize75.svg';\nimport Add_XL from './S2_AddSize300.svg';\nimport Add_XS from './S2_AddSize50.svg';\nimport {ReactNode, SVGProps} from 'react';\nimport {style} from '../style' with {type: 'macro'};\n\nlet styles = style({\n  width: {\n    size: {\n      M: 10,\n      L: 12,\n      XL: 12,\n      XS: 8,\n      S: 8\n    }\n  },\n  height: {\n    size: {\n      M: 10,\n      L: 12,\n      XL: 12,\n      XS: 8,\n      S: 8\n    }\n  }\n});\n\nexport default function Add(\n  props: SVGProps<SVGSVGElement> & {size?: 'M' | 'L' | 'XL' | 'XS' | 'S'}\n): ReactNode {\n  let {size = 'M', ...otherProps} = props;\n  switch (size) {\n    case 'M':\n      return <Add_M {...otherProps} className={(otherProps.className || '') + styles({size})} />;\n    case 'L':\n      return <Add_L {...otherProps} className={(otherProps.className || '') + styles({size})} />;\n    case 'XL':\n      return <Add_XL {...otherProps} className={(otherProps.className || '') + styles({size})} />;\n    case 'XS':\n      return <Add_XS {...otherProps} className={(otherProps.className || '') + styles({size})} />;\n    case 'S':\n      return <Add_S {...otherProps} className={(otherProps.className || '') + styles({size})} />;\n  }\n}\n"],"names":[],"version":3,"file":"Add.css.map"}

package/dist/private/Add.mjs

@@ -24,16 +24,16 @@ import {jsx as $e5O6h$jsx} from "react/jsx-runtime";
 
 let $053de6aaf5f9b7bd$var$styles = function anonymous(props) {
     let rules = " ";
-    if (props.size === "S") rules += ' Zh13';
-    else if (props.size === "XS") rules += ' Zh13';
-    else if (props.size === "XL") rules += ' Zj13';
-    else if (props.size === "L") rules += ' Zj13';
-    else if (props.size === "M") rules += ' Zi13';
-    if (props.size === "S") rules += ' Fi13';
-    else if (props.size === "XS") rules += ' Fi13';
-    else if (props.size === "XL") rules += ' Fk13';
-    else if (props.size === "L") rules += ' Fk13';
-    else if (props.size === "M") rules += ' Fj13';
+    if (props.size === "S") rules += ' Zh131';
+    else if (props.size === "XS") rules += ' Zh131';
+    else if (props.size === "XL") rules += ' Zj131';
+    else if (props.size === "L") rules += ' Zj131';
+    else if (props.size === "M") rules += ' Zi131';
+    if (props.size === "S") rules += ' Fi131';
+    else if (props.size === "XS") rules += ' Fi131';
+    else if (props.size === "XL") rules += ' Fk131';
+    else if (props.size === "L") rules += ' Fk131';
+    else if (props.size === "M") rules += ' Fj131';
     return rules;
 };
 function $053de6aaf5f9b7bd$export$2e2bcd8739ae039(props) {

package/dist/private/Add.mjs.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;AAUD,IAAI;;;;;;;;;;;;;;AAqBW,kDAAa,KAAuE;IACjG,IAAI,QAAC,OAAO,KAAK,GAAG,YAAW,GAAG;IAClC,OAAQ;QACN,KAAK;YACH,qBAAO,gBAAC,CAAA,GAAA,wCAAI;gBAAG,GAAG,UAAU;gBAAE,WAAW,AAAC,CAAA,WAAW,SAAS,IAAI,EAAC,IAAK,6BAAO;0BAAC;gBAAI;;QACtF,KAAK;YACH,qBAAO,gBAAC,CAAA,GAAA,wCAAI;gBAAG,GAAG,UAAU;gBAAE,WAAW,AAAC,CAAA,WAAW,SAAS,IAAI,EAAC,IAAK,6BAAO;0BAAC;gBAAI;;QACtF,KAAK;YACH,qBAAO,gBAAC,CAAA,GAAA,wCAAK;gBAAG,GAAG,UAAU;gBAAE,WAAW,AAAC,CAAA,WAAW,SAAS,IAAI,EAAC,IAAK,6BAAO;0BAAC;gBAAI;;QACvF,KAAK;YACH,qBAAO,gBAAC,CAAA,GAAA,wCAAK;gBAAG,GAAG,UAAU;gBAAE,WAAW,AAAC,CAAA,WAAW,SAAS,IAAI,EAAC,IAAK,6BAAO;0BAAC;gBAAI;;QACvF,KAAK;YACH,qBAAO,gBAAC,CAAA,GAAA,wCAAI;gBAAG,GAAG,UAAU;gBAAE,WAAW,AAAC,CAAA,WAAW,SAAS,IAAI,EAAC,IAAK,6BAAO;0BAAC;gBAAI;;IACxF;AACF","sources":["packages/@react-spectrum/s2/ui-icons/Add.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 Add_L from './S2_AddSize200.svg';\nimport Add_M from './S2_AddSize100.svg';\nimport Add_S from './S2_AddSize75.svg';\nimport Add_XL from './S2_AddSize300.svg';\nimport Add_XS from './S2_AddSize50.svg';\nimport {ReactNode, SVGProps} from 'react';\nimport {style} from '../style' with {type: 'macro'};\n\nlet styles = style({\n  width: {\n    size: {\n      M: 10,\n      L: 12,\n      XL: 12,\n      XS: 8,\n      S: 8\n    }\n  },\n  height: {\n    size: {\n      M: 10,\n      L: 12,\n      XL: 12,\n      XS: 8,\n      S: 8\n    }\n  }\n});\n\nexport default function Add(props: SVGProps<SVGSVGElement> & {size?: 'M' | 'L' | 'XL' | 'XS' | 'S'}): ReactNode {\n  let {size = 'M', ...otherProps} = props;\n  switch (size) {\n    case 'M':\n      return <Add_M {...otherProps} className={(otherProps.className || '') + styles({size})} />;\n    case 'L':\n      return <Add_L {...otherProps} className={(otherProps.className || '') + styles({size})} />;\n    case 'XL':\n      return <Add_XL {...otherProps} className={(otherProps.className || '') + styles({size})} />;\n    case 'XS':\n      return <Add_XS {...otherProps} className={(otherProps.className || '') + styles({size})} />;\n    case 'S':\n      return <Add_S {...otherProps} className={(otherProps.className || '') + styles({size})} />;\n  }\n}\n"],"names":[],"version":3,"file":"Add.mjs.map"}
+{"mappings":";;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;AAUD,IAAI;;;;;;;;;;;;;;AAqBW,kDACb,KAAuE;IAEvE,IAAI,QAAC,OAAO,KAAK,GAAG,YAAW,GAAG;IAClC,OAAQ;QACN,KAAK;YACH,qBAAO,gBAAC,CAAA,GAAA,wCAAI;gBAAG,GAAG,UAAU;gBAAE,WAAW,AAAC,CAAA,WAAW,SAAS,IAAI,EAAC,IAAK,6BAAO;0BAAC;gBAAI;;QACtF,KAAK;YACH,qBAAO,gBAAC,CAAA,GAAA,wCAAI;gBAAG,GAAG,UAAU;gBAAE,WAAW,AAAC,CAAA,WAAW,SAAS,IAAI,EAAC,IAAK,6BAAO;0BAAC;gBAAI;;QACtF,KAAK;YACH,qBAAO,gBAAC,CAAA,GAAA,wCAAK;gBAAG,GAAG,UAAU;gBAAE,WAAW,AAAC,CAAA,WAAW,SAAS,IAAI,EAAC,IAAK,6BAAO;0BAAC;gBAAI;;QACvF,KAAK;YACH,qBAAO,gBAAC,CAAA,GAAA,wCAAK;gBAAG,GAAG,UAAU;gBAAE,WAAW,AAAC,CAAA,WAAW,SAAS,IAAI,EAAC,IAAK,6BAAO;0BAAC;gBAAI;;QACvF,KAAK;YACH,qBAAO,gBAAC,CAAA,GAAA,wCAAI;gBAAG,GAAG,UAAU;gBAAE,WAAW,AAAC,CAAA,WAAW,SAAS,IAAI,EAAC,IAAK,6BAAO;0BAAC;gBAAI;;IACxF;AACF","sources":["packages/@react-spectrum/s2/ui-icons/Add.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 Add_L from './S2_AddSize200.svg';\nimport Add_M from './S2_AddSize100.svg';\nimport Add_S from './S2_AddSize75.svg';\nimport Add_XL from './S2_AddSize300.svg';\nimport Add_XS from './S2_AddSize50.svg';\nimport {ReactNode, SVGProps} from 'react';\nimport {style} from '../style' with {type: 'macro'};\n\nlet styles = style({\n  width: {\n    size: {\n      M: 10,\n      L: 12,\n      XL: 12,\n      XS: 8,\n      S: 8\n    }\n  },\n  height: {\n    size: {\n      M: 10,\n      L: 12,\n      XL: 12,\n      XS: 8,\n      S: 8\n    }\n  }\n});\n\nexport default function Add(\n  props: SVGProps<SVGSVGElement> & {size?: 'M' | 'L' | 'XL' | 'XS' | 'S'}\n): ReactNode {\n  let {size = 'M', ...otherProps} = props;\n  switch (size) {\n    case 'M':\n      return <Add_M {...otherProps} className={(otherProps.className || '') + styles({size})} />;\n    case 'L':\n      return <Add_L {...otherProps} className={(otherProps.className || '') + styles({size})} />;\n    case 'XL':\n      return <Add_XL {...otherProps} className={(otherProps.className || '') + styles({size})} />;\n    case 'XS':\n      return <Add_XS {...otherProps} className={(otherProps.className || '') + styles({size})} />;\n    case 'S':\n      return <Add_S {...otherProps} className={(otherProps.className || '') + styles({size})} />;\n  }\n}\n"],"names":[],"version":3,"file":"Add.mjs.map"}

package/dist/private/AlertDialog.cjs

@@ -50,9 +50,9 @@ $parcel$export(module.exports, "AlertDialog", () => $d67aa10f4fac9e2b$export$de4
 
 const $d67aa10f4fac9e2b$var$icon = function anonymous(props) {
     let rules = " ";
-    rules += ' Hv13';
-    if (props.variant === "warning") rules += ' -_8sjo0b-tm13';
-    else if (props.variant === "error") rules += ' -_8sjo0b-tq13';
+    rules += ' Hv131';
+    if (props.variant === "warning") rules += ' -_8sjo0b-tm131';
+    else if (props.variant === "error") rules += ' -_8sjo0b-tq131';
     return rules;
 };
 const $d67aa10f4fac9e2b$export$de466dd8317b0b75 = /*#__PURE__*/ (0, $dZ5J1$react.forwardRef)(function AlertDialog(props, ref) {

package/dist/private/AlertDialog.cjs.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;;;;;;;AAwDD,MAAM;;;;;;;AAgBC,MAAM,0DAAc,CAAA,GAAA,uBAAS,EAAE,SAAS,YAAY,KAAuB,EAAE,GAAW;IAC7F,IAAI,kBAAkB,CAAA,GAAA,uEAA0B,EAAE,CAAA,GAAA,mDAAW,GAAG;IAChE,IAAI,mBACF,eAAe,eACf,WAAW,wBACX,oBAAoB,sBACpB,kBAAkB,6BAClB,yBAAyB,2BACzB,uBAAuB,YACvB,WAAW,KAAO,oBAClB,kBAAkB,KAAO,sBACzB,oBAAoB,KAAO,UAC3B,KAAK,YACL,QAAQ,WACR,UAAU,gBACX,GAAG;IAEJ,IAAI,gBAAgB;IACpB,IAAI,YAAY,gBACd,gBAAgB;SACX,IAAI,YAAY,eACrB,gBAAgB;IAGlB,qBACE,gCAAC,CAAA,GAAA,gCAAK;QACJ,MAAK;QACL,KAAK;QACL,MAAM,MAAM,IAAI;QAChB,cAAc,MAAM,YAAY;QAChC,kBAAmB,MAAM,gBAAgB,IAAI;kBAC5C,CAAC,SAAC,KAAK,EAAC,iBACP;;kCACE,gCAAC,CAAA,GAAA,wCAAO;wBACN,QAAQ;4BACN;gCAAC,CAAA,GAAA,qCAAU;gCAAG;oCAAC,QAAQ,2BAAK;iDAAC;oCAAO;gCAAE;6BAAE;yBACzC;kCACD,cAAA,gCAAC,CAAA,GAAA,iCAAM;4BAAE,MAAK;sCACZ,cAAA,iCAAC,CAAA,GAAA,wCAAa;;oCACX,YAAY,yBAAW,gCAAC,CAAA,GAAA,iCAAY;wCAAE,cAAY,gBAAgB,MAAM,CAAC;;oCACzE,YAAY,2BAAa,gCAAC,CAAA,GAAA,iCAAW;wCAAE,cAAY,gBAAgB,MAAM,CAAC;;oCAC1E;;;;;kCAIP,gCAAC,CAAA,GAAA,iCAAM;kCAAG;;kCACV,iCAAC,CAAA,GAAA,qCAAU;;4BACR,6BACC,gCAAC,CAAA,GAAA,gCAAK;gCACJ,SAAS,IAAM,CAAA,GAAA,2BAAI,EAAE,SAAS;gCAC9B,SAAQ;gCACR,WAAU;gCACV,WAAW,oBAAoB;gCAC/B,eAAY;0CACX;;4BAGJ,sCACC,gCAAC,CAAA,GAAA,gCAAK;gCACJ,SAAS,IAAM,CAAA,GAAA,2BAAI,EAAE,SAAS;gCAC9B,SAAQ;gCACR,YAAY;gCACZ,WAAU;gCACV,WAAW,oBAAoB;gCAC/B,eAAY;0CACX;;0CAGL,gCAAC,CAAA,GAAA,gCAAK;gCACJ,SAAS;gCACT,YAAY;gCACZ,WAAW,oBAAoB;gCAC/B,SAAS,IAAM,CAAA,GAAA,2BAAI,EAAE,SAAS;gCAC9B,eAAY;0CACX;;;;;;;AAOf","sources":["packages/@react-spectrum/s2/src/AlertDialog.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 AlertTriangle from '../s2wf-icons/S2_Icon_AlertTriangle_20_N.svg';\nimport {Button} from './Button';\nimport {ButtonGroup} from './ButtonGroup';\nimport {CenterBaseline} from './CenterBaseline';\nimport {chain} from 'react-aria/chain';\nimport {Content, Heading} from './Content';\nimport {Dialog} from './Dialog';\nimport {DOMProps, DOMRef} from '@react-types/shared';\nimport {forwardRef, ReactNode} from 'react';\nimport {IconContext} from './Icon';\n// @ts-ignore\nimport intlMessages from '../intl/*.json';\nimport NoticeSquare from '../s2wf-icons/S2_Icon_AlertDiamond_20_N.svg';\nimport {Provider} from 'react-aria-components/slots';\nimport {style} from '../style' with {type: 'macro'};\nimport {UnsafeStyles} from './style-utils' with {type: 'macro'};\nimport {useLocalizedStringFormatter} from 'react-aria/useLocalizedStringFormatter';\n\nexport interface AlertDialogProps extends DOMProps, UnsafeStyles {\n  /**\n   * The [visual style](https://spectrum.adobe.com/page/alert-dialog/#Options) of the AlertDialog.\n   * @default 'confirmation'\n   */\n  variant?: 'confirmation' | 'information' | 'destructive' | 'error' | 'warning',\n  /** The title of the AlertDialog. */\n  title: string,\n  /** The contents of the AlertDialog. */\n  children: ReactNode,\n  /** The label to display within the cancel button. */\n  cancelLabel?: string,\n  /** The label to display within the confirm button. */\n  primaryActionLabel: string,\n  /** The label to display within the secondary button. */\n  secondaryActionLabel?: string,\n  /** Whether the primary button is disabled. */\n  isPrimaryActionDisabled?: boolean,\n  /** Whether the secondary button is disabled. */\n  isSecondaryActionDisabled?: boolean,\n  /** Handler that is called when the cancel button is pressed. */\n  onCancel?: () => void,\n  /** Handler that is called when the primary button is pressed. */\n  onPrimaryAction?: () => void,\n  /** Handler that is called when the secondary button is pressed. */\n  onSecondaryAction?: () => void,\n  /** Button to focus by default when the dialog opens. */\n  autoFocusButton?: 'cancel' | 'primary' | 'secondary',\n  /**\n   * The size of the Dialog.\n   *\n   * @default 'M'\n   */\n    size?: 'S' | 'M' | 'L'\n}\n\nconst icon = style({\n  marginEnd: 8,\n  '--iconPrimary': {\n    type: 'fill',\n    value: {\n      variant: {\n        error: 'negative',\n        warning: 'notice'\n      }\n    }\n  }\n});\n\n/**\n * AlertDialogs are a specific type of Dialog. They display important information that users need to acknowledge.\n */\nexport const AlertDialog = forwardRef(function AlertDialog(props: AlertDialogProps, ref: DOMRef) {\n  let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-spectrum/s2');\n  let {\n    autoFocusButton,\n    cancelLabel,\n    secondaryActionLabel,\n    primaryActionLabel,\n    isSecondaryActionDisabled,\n    isPrimaryActionDisabled,\n    onCancel = () => {},\n    onPrimaryAction = () => {},\n    onSecondaryAction = () => {},\n    title,\n    children,\n    variant = 'confirmation'\n  } = props;\n\n  let buttonVariant = 'primary';\n  if (variant === 'confirmation') {\n    buttonVariant = 'accent';\n  } else if (variant === 'destructive') {\n    buttonVariant = 'negative';\n  }\n\n  return (\n    <Dialog\n      role=\"alertdialog\"\n      ref={ref}\n      size={props.size}\n      UNSAFE_style={props.UNSAFE_style}\n      UNSAFE_className={(props.UNSAFE_className || '')}>\n      {({close}) => (\n        <>\n          <Provider\n            values={[\n              [IconContext, {styles: icon({variant})}]\n            ]}>\n            <Heading slot=\"title\">\n              <CenterBaseline>\n                {variant === 'error' && <AlertTriangle aria-label={stringFormatter.format('dialog.alert')} />}\n                {variant === 'warning' && <NoticeSquare aria-label={stringFormatter.format('dialog.alert')} />}\n                {title}\n              </CenterBaseline>\n            </Heading>\n          </Provider>\n          <Content>{children}</Content>\n          <ButtonGroup>\n            {cancelLabel &&\n              <Button\n                onPress={() => chain(close(), onCancel())}\n                variant=\"secondary\"\n                fillStyle=\"outline\"\n                autoFocus={autoFocusButton === 'cancel'}\n                data-testid=\"rsp-AlertDialog-cancelButton\">\n                {cancelLabel}\n              </Button>\n            }\n            {secondaryActionLabel &&\n              <Button\n                onPress={() => chain(close(), onSecondaryAction())}\n                variant=\"secondary\"\n                isDisabled={isSecondaryActionDisabled}\n                fillStyle=\"outline\"\n                autoFocus={autoFocusButton === 'secondary'}\n                data-testid=\"rsp-AlertDialog-secondaryButton\">\n                {secondaryActionLabel}\n              </Button>\n            }\n            <Button\n              variant={buttonVariant as 'primary' | 'accent' | 'negative'}\n              isDisabled={isPrimaryActionDisabled}\n              autoFocus={autoFocusButton === 'primary'}\n              onPress={() => chain(close(), onPrimaryAction())}\n              data-testid=\"rsp-AlertDialog-confirmButton\">\n              {primaryActionLabel}\n            </Button>\n          </ButtonGroup>\n        </>\n      )}\n    </Dialog>\n  );\n});\n"],"names":[],"version":3,"file":"AlertDialog.cjs.map"}
+{"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;;;;;;;AAyDD,MAAM;;;;;;;AAiBC,MAAM,0DAAc,CAAA,GAAA,uBAAS,EAAE,SAAS,YAAY,KAAuB,EAAE,GAAW;IAC7F,IAAI,kBAAkB,CAAA,GAAA,uEAA0B,EAAE,CAAA,GAAA,mDAAW,GAAG;IAChE,IAAI,mBACF,eAAe,eACf,WAAW,wBACX,oBAAoB,sBACpB,kBAAkB,6BAClB,yBAAyB,2BACzB,uBAAuB,YACvB,WAAW,KAAO,oBAClB,kBAAkB,KAAO,sBACzB,oBAAoB,KAAO,UAC3B,KAAK,YACL,QAAQ,WACR,UAAU,gBACX,GAAG;IAEJ,IAAI,gBAAgB;IACpB,IAAI,YAAY,gBACd,gBAAgB;SACX,IAAI,YAAY,eACrB,gBAAgB;IAGlB,qBACE,gCAAC,CAAA,GAAA,gCAAK;QACJ,MAAK;QACL,KAAK;QACL,MAAM,MAAM,IAAI;QAChB,cAAc,MAAM,YAAY;QAChC,kBAAkB,MAAM,gBAAgB,IAAI;kBAC3C,CAAC,SAAC,KAAK,EAAC,iBACP;;kCACE,gCAAC,CAAA,GAAA,wCAAO;wBAAE,QAAQ;4BAAC;gCAAC,CAAA,GAAA,qCAAU;gCAAG;oCAAC,QAAQ,2BAAK;iDAAC;oCAAO;gCAAE;6BAAE;yBAAC;kCAC1D,cAAA,gCAAC,CAAA,GAAA,iCAAM;4BAAE,MAAK;sCACZ,cAAA,iCAAC,CAAA,GAAA,wCAAa;;oCACX,YAAY,yBACX,gCAAC,CAAA,GAAA,iCAAY;wCAAE,cAAY,gBAAgB,MAAM,CAAC;;oCAEnD,YAAY,2BACX,gCAAC,CAAA,GAAA,iCAAW;wCAAE,cAAY,gBAAgB,MAAM,CAAC;;oCAElD;;;;;kCAIP,gCAAC,CAAA,GAAA,iCAAM;kCAAG;;kCACV,iCAAC,CAAA,GAAA,qCAAU;;4BACR,6BACC,gCAAC,CAAA,GAAA,gCAAK;gCACJ,SAAS,IAAM,CAAA,GAAA,2BAAI,EAAE,SAAS;gCAC9B,SAAQ;gCACR,WAAU;gCACV,WAAW,oBAAoB;gCAC/B,eAAY;0CACX;;4BAGJ,sCACC,gCAAC,CAAA,GAAA,gCAAK;gCACJ,SAAS,IAAM,CAAA,GAAA,2BAAI,EAAE,SAAS;gCAC9B,SAAQ;gCACR,YAAY;gCACZ,WAAU;gCACV,WAAW,oBAAoB;gCAC/B,eAAY;0CACX;;0CAGL,gCAAC,CAAA,GAAA,gCAAK;gCACJ,SAAS;gCACT,YAAY;gCACZ,WAAW,oBAAoB;gCAC/B,SAAS,IAAM,CAAA,GAAA,2BAAI,EAAE,SAAS;gCAC9B,eAAY;0CACX;;;;;;;AAOf","sources":["packages/@react-spectrum/s2/src/AlertDialog.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 AlertTriangle from '../s2wf-icons/S2_Icon_AlertTriangle_20_N.svg';\nimport {Button} from './Button';\nimport {ButtonGroup} from './ButtonGroup';\nimport {CenterBaseline} from './CenterBaseline';\nimport {chain} from 'react-aria/chain';\nimport {Content, Heading} from './Content';\nimport {Dialog} from './Dialog';\nimport {DOMProps, DOMRef} from '@react-types/shared';\nimport {forwardRef, ReactNode} from 'react';\nimport {IconContext} from './Icon';\n// @ts-ignore\nimport intlMessages from '../intl/*.json';\nimport NoticeSquare from '../s2wf-icons/S2_Icon_AlertDiamond_20_N.svg';\nimport {Provider} from 'react-aria-components/slots';\nimport {style} from '../style' with {type: 'macro'};\nimport {UnsafeStyles} from './style-utils' with {type: 'macro'};\nimport {useLocalizedStringFormatter} from 'react-aria/useLocalizedStringFormatter';\n\nexport interface AlertDialogProps extends DOMProps, UnsafeStyles {\n  /**\n   * The [visual style](https://spectrum.adobe.com/page/alert-dialog/#Options) of the AlertDialog.\n   *\n   * @default 'confirmation'\n   */\n  variant?: 'confirmation' | 'information' | 'destructive' | 'error' | 'warning';\n  /** The title of the AlertDialog. */\n  title: string;\n  /** The contents of the AlertDialog. */\n  children: ReactNode;\n  /** The label to display within the cancel button. */\n  cancelLabel?: string;\n  /** The label to display within the confirm button. */\n  primaryActionLabel: string;\n  /** The label to display within the secondary button. */\n  secondaryActionLabel?: string;\n  /** Whether the primary button is disabled. */\n  isPrimaryActionDisabled?: boolean;\n  /** Whether the secondary button is disabled. */\n  isSecondaryActionDisabled?: boolean;\n  /** Handler that is called when the cancel button is pressed. */\n  onCancel?: () => void;\n  /** Handler that is called when the primary button is pressed. */\n  onPrimaryAction?: () => void;\n  /** Handler that is called when the secondary button is pressed. */\n  onSecondaryAction?: () => void;\n  /** Button to focus by default when the dialog opens. */\n  autoFocusButton?: 'cancel' | 'primary' | 'secondary';\n  /**\n   * The size of the Dialog.\n   *\n   * @default 'M'\n   */\n  size?: 'S' | 'M' | 'L';\n}\n\nconst icon = style({\n  marginEnd: 8,\n  '--iconPrimary': {\n    type: 'fill',\n    value: {\n      variant: {\n        error: 'negative',\n        warning: 'notice'\n      }\n    }\n  }\n});\n\n/**\n * AlertDialogs are a specific type of Dialog. They display important information that users need to\n * acknowledge.\n */\nexport const AlertDialog = forwardRef(function AlertDialog(props: AlertDialogProps, ref: DOMRef) {\n  let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-spectrum/s2');\n  let {\n    autoFocusButton,\n    cancelLabel,\n    secondaryActionLabel,\n    primaryActionLabel,\n    isSecondaryActionDisabled,\n    isPrimaryActionDisabled,\n    onCancel = () => {},\n    onPrimaryAction = () => {},\n    onSecondaryAction = () => {},\n    title,\n    children,\n    variant = 'confirmation'\n  } = props;\n\n  let buttonVariant = 'primary';\n  if (variant === 'confirmation') {\n    buttonVariant = 'accent';\n  } else if (variant === 'destructive') {\n    buttonVariant = 'negative';\n  }\n\n  return (\n    <Dialog\n      role=\"alertdialog\"\n      ref={ref}\n      size={props.size}\n      UNSAFE_style={props.UNSAFE_style}\n      UNSAFE_className={props.UNSAFE_className || ''}>\n      {({close}) => (\n        <>\n          <Provider values={[[IconContext, {styles: icon({variant})}]]}>\n            <Heading slot=\"title\">\n              <CenterBaseline>\n                {variant === 'error' && (\n                  <AlertTriangle aria-label={stringFormatter.format('dialog.alert')} />\n                )}\n                {variant === 'warning' && (\n                  <NoticeSquare aria-label={stringFormatter.format('dialog.alert')} />\n                )}\n                {title}\n              </CenterBaseline>\n            </Heading>\n          </Provider>\n          <Content>{children}</Content>\n          <ButtonGroup>\n            {cancelLabel && (\n              <Button\n                onPress={() => chain(close(), onCancel())}\n                variant=\"secondary\"\n                fillStyle=\"outline\"\n                autoFocus={autoFocusButton === 'cancel'}\n                data-testid=\"rsp-AlertDialog-cancelButton\">\n                {cancelLabel}\n              </Button>\n            )}\n            {secondaryActionLabel && (\n              <Button\n                onPress={() => chain(close(), onSecondaryAction())}\n                variant=\"secondary\"\n                isDisabled={isSecondaryActionDisabled}\n                fillStyle=\"outline\"\n                autoFocus={autoFocusButton === 'secondary'}\n                data-testid=\"rsp-AlertDialog-secondaryButton\">\n                {secondaryActionLabel}\n              </Button>\n            )}\n            <Button\n              variant={buttonVariant as 'primary' | 'accent' | 'negative'}\n              isDisabled={isPrimaryActionDisabled}\n              autoFocus={autoFocusButton === 'primary'}\n              onPress={() => chain(close(), onPrimaryAction())}\n              data-testid=\"rsp-AlertDialog-confirmButton\">\n              {primaryActionLabel}\n            </Button>\n          </ButtonGroup>\n        </>\n      )}\n    </Dialog>\n  );\n});\n"],"names":[],"version":3,"file":"AlertDialog.cjs.map"}

package/dist/private/AlertDialog.css

@@ -1,13 +1,13 @@
 @layer _.a {
-  .Hv13 {
+  .Hv131 {
     margin-inline-end: .5rem;
   }
 
-  .-_8sjo0b-tq13 {
+  .-_8sjo0b-tq131 {
     --iconPrimary: light-dark(#f03823, #fc432e);
   }
 
-  .-_8sjo0b-tm13 {
+  .-_8sjo0b-tm131 {
     --iconPrimary: light-dark(#d45b00, #e06400);
   }
 }