@react-spectrum/s2 1.3.0 → 1.4.0

package/dist/private/AlertDialog.css.map

@@ -1 +1 @@
-{"mappings":"AAkEa;EAAA;;;;EAAA;;;;EAAA","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.css.map"}
+{"mappings":"AAmEa;EAAA;;;;EAAA;;;;EAAA","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.css.map"}

package/dist/private/AlertDialog.mjs

@@ -44,9 +44,9 @@ function $parcel$interopDefault(a) {
 
 const $94a8ad475d9a330c$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 $94a8ad475d9a330c$export$de466dd8317b0b75 = /*#__PURE__*/ (0, $2iZqV$forwardRef)(function AlertDialog(props, ref) {

package/dist/private/AlertDialog.mjs.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;;;;;;;AAwDD,MAAM;;;;;;;AAgBC,MAAM,0DAAc,CAAA,GAAA,iBAAS,EAAE,SAAS,YAAY,KAAuB,EAAE,GAAW;IAC7F,IAAI,kBAAkB,CAAA,GAAA,kCAA0B,EAAE,CAAA,GAAA,+CAAW,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,gBAAC,CAAA,GAAA,yCAAK;QACJ,MAAK;QACL,KAAK;QACL,MAAM,MAAM,IAAI;QAChB,cAAc,MAAM,YAAY;QAChC,kBAAmB,MAAM,gBAAgB,IAAI;kBAC5C,CAAC,SAAC,KAAK,EAAC,iBACP;;kCACE,gBAAC,CAAA,GAAA,eAAO;wBACN,QAAQ;4BACN;gCAAC,CAAA,GAAA,yCAAU;gCAAG;oCAAC,QAAQ,2BAAK;iDAAC;oCAAO;gCAAE;6BAAE;yBACzC;kCACD,cAAA,gBAAC,CAAA,GAAA,yCAAM;4BAAE,MAAK;sCACZ,cAAA,iBAAC,CAAA,GAAA,yCAAa;;oCACX,YAAY,yBAAW,gBAAC,CAAA,GAAA,wCAAY;wCAAE,cAAY,gBAAgB,MAAM,CAAC;;oCACzE,YAAY,2BAAa,gBAAC,CAAA,GAAA,wCAAW;wCAAE,cAAY,gBAAgB,MAAM,CAAC;;oCAC1E;;;;;kCAIP,gBAAC,CAAA,GAAA,yCAAM;kCAAG;;kCACV,iBAAC,CAAA,GAAA,yCAAU;;4BACR,6BACC,gBAAC,CAAA,GAAA,yCAAK;gCACJ,SAAS,IAAM,CAAA,GAAA,YAAI,EAAE,SAAS;gCAC9B,SAAQ;gCACR,WAAU;gCACV,WAAW,oBAAoB;gCAC/B,eAAY;0CACX;;4BAGJ,sCACC,gBAAC,CAAA,GAAA,yCAAK;gCACJ,SAAS,IAAM,CAAA,GAAA,YAAI,EAAE,SAAS;gCAC9B,SAAQ;gCACR,YAAY;gCACZ,WAAU;gCACV,WAAW,oBAAoB;gCAC/B,eAAY;0CACX;;0CAGL,gBAAC,CAAA,GAAA,yCAAK;gCACJ,SAAS;gCACT,YAAY;gCACZ,WAAW,oBAAoB;gCAC/B,SAAS,IAAM,CAAA,GAAA,YAAI,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.mjs.map"}
+{"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;;;;;;;AAyDD,MAAM;;;;;;;AAiBC,MAAM,0DAAc,CAAA,GAAA,iBAAS,EAAE,SAAS,YAAY,KAAuB,EAAE,GAAW;IAC7F,IAAI,kBAAkB,CAAA,GAAA,kCAA0B,EAAE,CAAA,GAAA,+CAAW,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,gBAAC,CAAA,GAAA,yCAAK;QACJ,MAAK;QACL,KAAK;QACL,MAAM,MAAM,IAAI;QAChB,cAAc,MAAM,YAAY;QAChC,kBAAkB,MAAM,gBAAgB,IAAI;kBAC3C,CAAC,SAAC,KAAK,EAAC,iBACP;;kCACE,gBAAC,CAAA,GAAA,eAAO;wBAAE,QAAQ;4BAAC;gCAAC,CAAA,GAAA,yCAAU;gCAAG;oCAAC,QAAQ,2BAAK;iDAAC;oCAAO;gCAAE;6BAAE;yBAAC;kCAC1D,cAAA,gBAAC,CAAA,GAAA,yCAAM;4BAAE,MAAK;sCACZ,cAAA,iBAAC,CAAA,GAAA,yCAAa;;oCACX,YAAY,yBACX,gBAAC,CAAA,GAAA,wCAAY;wCAAE,cAAY,gBAAgB,MAAM,CAAC;;oCAEnD,YAAY,2BACX,gBAAC,CAAA,GAAA,wCAAW;wCAAE,cAAY,gBAAgB,MAAM,CAAC;;oCAElD;;;;;kCAIP,gBAAC,CAAA,GAAA,yCAAM;kCAAG;;kCACV,iBAAC,CAAA,GAAA,yCAAU;;4BACR,6BACC,gBAAC,CAAA,GAAA,yCAAK;gCACJ,SAAS,IAAM,CAAA,GAAA,YAAI,EAAE,SAAS;gCAC9B,SAAQ;gCACR,WAAU;gCACV,WAAW,oBAAoB;gCAC/B,eAAY;0CACX;;4BAGJ,sCACC,gBAAC,CAAA,GAAA,yCAAK;gCACJ,SAAS,IAAM,CAAA,GAAA,YAAI,EAAE,SAAS;gCAC9B,SAAQ;gCACR,YAAY;gCACZ,WAAU;gCACV,WAAW,oBAAoB;gCAC/B,eAAY;0CACX;;0CAGL,gBAAC,CAAA,GAAA,yCAAK;gCACJ,SAAS;gCACT,YAAY;gCACZ,WAAW,oBAAoB;gCAC/B,SAAS,IAAM,CAAA,GAAA,YAAI,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.mjs.map"}

package/dist/private/Asterisk.cjs

@@ -26,12 +26,12 @@ $parcel$export(module.exports, "default", () => $5d3efbee7071458b$export$2e2bcd8
 
 let $5d3efbee7071458b$var$styles = function anonymous(props) {
     let rules = " ";
-    if (props.size === "XL") rules += ' Zi13';
-    else if (props.size === "L") rules += ' Zi13';
-    else if (props.size === "M") rules += ' Zh13';
-    if (props.size === "XL") rules += ' Fj13';
-    else if (props.size === "L") rules += ' Fj13';
-    else if (props.size === "M") rules += ' Fi13';
+    if (props.size === "XL") rules += ' Zi131';
+    else if (props.size === "L") rules += ' Zi131';
+    else if (props.size === "M") rules += ' Zh131';
+    if (props.size === "XL") rules += ' Fj131';
+    else if (props.size === "L") rules += ' Fj131';
+    else if (props.size === "M") rules += ' Fi131';
     return rules;
 };
 function $5d3efbee7071458b$export$2e2bcd8739ae039(props) {

package/dist/private/Asterisk.cjs.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;AAQD,IAAI;;;;;;;;;;AAiBW,kDAAkB,KAA0D;IACzF,IAAI,QAAC,OAAO,KAAK,GAAG,YAAW,GAAG;IAClC,OAAQ;QACN,KAAK;YACH,qBAAO,gCAAC,CAAA,GAAA,iCAAS;gBAAG,GAAG,UAAU;gBAAE,WAAW,AAAC,CAAA,WAAW,SAAS,IAAI,EAAC,IAAK,6BAAO;0BAAC;gBAAI;;QAC3F,KAAK;YACH,qBAAO,gCAAC,CAAA,GAAA,iCAAS;gBAAG,GAAG,UAAU;gBAAE,WAAW,AAAC,CAAA,WAAW,SAAS,IAAI,EAAC,IAAK,6BAAO;0BAAC;gBAAI;;QAC3F,KAAK;YACH,qBAAO,gCAAC,CAAA,GAAA,iCAAU;gBAAG,GAAG,UAAU;gBAAE,WAAW,AAAC,CAAA,WAAW,SAAS,IAAI,EAAC,IAAK,6BAAO;0BAAC;gBAAI;;IAC9F;AACF","sources":["packages/@react-spectrum/s2/ui-icons/Asterisk.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 Asterisk_L from './S2_AsteriskSize200.svg';\nimport Asterisk_M from './S2_AsteriskSize100.svg';\nimport Asterisk_XL from './S2_AsteriskSize300.svg';\nimport {ReactNode, SVGProps} from 'react';\nimport {style} from '../style' with {type: 'macro'};\n\nlet styles = style({\n  width: {\n    size: {\n      M: 8,\n      L: 10,\n      XL: 10\n    }\n  },\n  height: {\n    size: {\n      M: 8,\n      L: 10,\n      XL: 10\n    }\n  }\n});\n\nexport default function Asterisk(props: SVGProps<SVGSVGElement> & {size?: 'M' | 'L' | 'XL'}): ReactNode {\n  let {size = 'M', ...otherProps} = props;\n  switch (size) {\n    case 'M':\n      return <Asterisk_M {...otherProps} className={(otherProps.className || '') + styles({size})} />;\n    case 'L':\n      return <Asterisk_L {...otherProps} className={(otherProps.className || '') + styles({size})} />;\n    case 'XL':\n      return <Asterisk_XL {...otherProps} className={(otherProps.className || '') + styles({size})} />;\n  }\n}\n"],"names":[],"version":3,"file":"Asterisk.cjs.map"}
+{"mappings":";;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;AAQD,IAAI;;;;;;;;;;AAiBW,kDACb,KAA0D;IAE1D,IAAI,QAAC,OAAO,KAAK,GAAG,YAAW,GAAG;IAClC,OAAQ;QACN,KAAK;YACH,qBACE,gCAAC,CAAA,GAAA,iCAAS;gBAAG,GAAG,UAAU;gBAAE,WAAW,AAAC,CAAA,WAAW,SAAS,IAAI,EAAC,IAAK,6BAAO;0BAAC;gBAAI;;QAEtF,KAAK;YACH,qBACE,gCAAC,CAAA,GAAA,iCAAS;gBAAG,GAAG,UAAU;gBAAE,WAAW,AAAC,CAAA,WAAW,SAAS,IAAI,EAAC,IAAK,6BAAO;0BAAC;gBAAI;;QAEtF,KAAK;YACH,qBACE,gCAAC,CAAA,GAAA,iCAAU;gBAAG,GAAG,UAAU;gBAAE,WAAW,AAAC,CAAA,WAAW,SAAS,IAAI,EAAC,IAAK,6BAAO;0BAAC;gBAAI;;IAEzF;AACF","sources":["packages/@react-spectrum/s2/ui-icons/Asterisk.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 Asterisk_L from './S2_AsteriskSize200.svg';\nimport Asterisk_M from './S2_AsteriskSize100.svg';\nimport Asterisk_XL from './S2_AsteriskSize300.svg';\nimport {ReactNode, SVGProps} from 'react';\nimport {style} from '../style' with {type: 'macro'};\n\nlet styles = style({\n  width: {\n    size: {\n      M: 8,\n      L: 10,\n      XL: 10\n    }\n  },\n  height: {\n    size: {\n      M: 8,\n      L: 10,\n      XL: 10\n    }\n  }\n});\n\nexport default function Asterisk(\n  props: SVGProps<SVGSVGElement> & {size?: 'M' | 'L' | 'XL'}\n): ReactNode {\n  let {size = 'M', ...otherProps} = props;\n  switch (size) {\n    case 'M':\n      return (\n        <Asterisk_M {...otherProps} className={(otherProps.className || '') + styles({size})} />\n      );\n    case 'L':\n      return (\n        <Asterisk_L {...otherProps} className={(otherProps.className || '') + styles({size})} />\n      );\n    case 'XL':\n      return (\n        <Asterisk_XL {...otherProps} className={(otherProps.className || '') + styles({size})} />\n      );\n  }\n}\n"],"names":[],"version":3,"file":"Asterisk.cjs.map"}

package/dist/private/Asterisk.css

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

package/dist/private/Asterisk.css.map

@@ -1 +1 @@
-{"mappings":"AAkBa;EAAA;;;;EAAA;;;;;EAAA;;;;EAAA","sources":["packages/@react-spectrum/s2/ui-icons/Asterisk.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 Asterisk_L from './S2_AsteriskSize200.svg';\nimport Asterisk_M from './S2_AsteriskSize100.svg';\nimport Asterisk_XL from './S2_AsteriskSize300.svg';\nimport {ReactNode, SVGProps} from 'react';\nimport {style} from '../style' with {type: 'macro'};\n\nlet styles = style({\n  width: {\n    size: {\n      M: 8,\n      L: 10,\n      XL: 10\n    }\n  },\n  height: {\n    size: {\n      M: 8,\n      L: 10,\n      XL: 10\n    }\n  }\n});\n\nexport default function Asterisk(props: SVGProps<SVGSVGElement> & {size?: 'M' | 'L' | 'XL'}): ReactNode {\n  let {size = 'M', ...otherProps} = props;\n  switch (size) {\n    case 'M':\n      return <Asterisk_M {...otherProps} className={(otherProps.className || '') + styles({size})} />;\n    case 'L':\n      return <Asterisk_L {...otherProps} className={(otherProps.className || '') + styles({size})} />;\n    case 'XL':\n      return <Asterisk_XL {...otherProps} className={(otherProps.className || '') + styles({size})} />;\n  }\n}\n"],"names":[],"version":3,"file":"Asterisk.css.map"}
+{"mappings":"AAkBa;EAAA;;;;EAAA;;;;;EAAA;;;;EAAA","sources":["packages/@react-spectrum/s2/ui-icons/Asterisk.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 Asterisk_L from './S2_AsteriskSize200.svg';\nimport Asterisk_M from './S2_AsteriskSize100.svg';\nimport Asterisk_XL from './S2_AsteriskSize300.svg';\nimport {ReactNode, SVGProps} from 'react';\nimport {style} from '../style' with {type: 'macro'};\n\nlet styles = style({\n  width: {\n    size: {\n      M: 8,\n      L: 10,\n      XL: 10\n    }\n  },\n  height: {\n    size: {\n      M: 8,\n      L: 10,\n      XL: 10\n    }\n  }\n});\n\nexport default function Asterisk(\n  props: SVGProps<SVGSVGElement> & {size?: 'M' | 'L' | 'XL'}\n): ReactNode {\n  let {size = 'M', ...otherProps} = props;\n  switch (size) {\n    case 'M':\n      return (\n        <Asterisk_M {...otherProps} className={(otherProps.className || '') + styles({size})} />\n      );\n    case 'L':\n      return (\n        <Asterisk_L {...otherProps} className={(otherProps.className || '') + styles({size})} />\n      );\n    case 'XL':\n      return (\n        <Asterisk_XL {...otherProps} className={(otherProps.className || '') + styles({size})} />\n      );\n  }\n}\n"],"names":[],"version":3,"file":"Asterisk.css.map"}

package/dist/private/Asterisk.mjs

@@ -20,12 +20,12 @@ import {jsx as $7AxvV$jsx} from "react/jsx-runtime";
 
 let $8373af657584cab2$var$styles = function anonymous(props) {
     let rules = " ";
-    if (props.size === "XL") rules += ' Zi13';
-    else if (props.size === "L") rules += ' Zi13';
-    else if (props.size === "M") rules += ' Zh13';
-    if (props.size === "XL") rules += ' Fj13';
-    else if (props.size === "L") rules += ' Fj13';
-    else if (props.size === "M") rules += ' Fi13';
+    if (props.size === "XL") rules += ' Zi131';
+    else if (props.size === "L") rules += ' Zi131';
+    else if (props.size === "M") rules += ' Zh131';
+    if (props.size === "XL") rules += ' Fj131';
+    else if (props.size === "L") rules += ' Fj131';
+    else if (props.size === "M") rules += ' Fi131';
     return rules;
 };
 function $8373af657584cab2$export$2e2bcd8739ae039(props) {

package/dist/private/Asterisk.mjs.map

@@ -1 +1 @@
-{"mappings":";;;;;;AAAA;;;;;;;;;;CAUC;;;;AAQD,IAAI;;;;;;;;;;AAiBW,kDAAkB,KAA0D;IACzF,IAAI,QAAC,OAAO,KAAK,GAAG,YAAW,GAAG;IAClC,OAAQ;QACN,KAAK;YACH,qBAAO,gBAAC,CAAA,GAAA,wCAAS;gBAAG,GAAG,UAAU;gBAAE,WAAW,AAAC,CAAA,WAAW,SAAS,IAAI,EAAC,IAAK,6BAAO;0BAAC;gBAAI;;QAC3F,KAAK;YACH,qBAAO,gBAAC,CAAA,GAAA,wCAAS;gBAAG,GAAG,UAAU;gBAAE,WAAW,AAAC,CAAA,WAAW,SAAS,IAAI,EAAC,IAAK,6BAAO;0BAAC;gBAAI;;QAC3F,KAAK;YACH,qBAAO,gBAAC,CAAA,GAAA,wCAAU;gBAAG,GAAG,UAAU;gBAAE,WAAW,AAAC,CAAA,WAAW,SAAS,IAAI,EAAC,IAAK,6BAAO;0BAAC;gBAAI;;IAC9F;AACF","sources":["packages/@react-spectrum/s2/ui-icons/Asterisk.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 Asterisk_L from './S2_AsteriskSize200.svg';\nimport Asterisk_M from './S2_AsteriskSize100.svg';\nimport Asterisk_XL from './S2_AsteriskSize300.svg';\nimport {ReactNode, SVGProps} from 'react';\nimport {style} from '../style' with {type: 'macro'};\n\nlet styles = style({\n  width: {\n    size: {\n      M: 8,\n      L: 10,\n      XL: 10\n    }\n  },\n  height: {\n    size: {\n      M: 8,\n      L: 10,\n      XL: 10\n    }\n  }\n});\n\nexport default function Asterisk(props: SVGProps<SVGSVGElement> & {size?: 'M' | 'L' | 'XL'}): ReactNode {\n  let {size = 'M', ...otherProps} = props;\n  switch (size) {\n    case 'M':\n      return <Asterisk_M {...otherProps} className={(otherProps.className || '') + styles({size})} />;\n    case 'L':\n      return <Asterisk_L {...otherProps} className={(otherProps.className || '') + styles({size})} />;\n    case 'XL':\n      return <Asterisk_XL {...otherProps} className={(otherProps.className || '') + styles({size})} />;\n  }\n}\n"],"names":[],"version":3,"file":"Asterisk.mjs.map"}
+{"mappings":";;;;;;AAAA;;;;;;;;;;CAUC;;;;AAQD,IAAI;;;;;;;;;;AAiBW,kDACb,KAA0D;IAE1D,IAAI,QAAC,OAAO,KAAK,GAAG,YAAW,GAAG;IAClC,OAAQ;QACN,KAAK;YACH,qBACE,gBAAC,CAAA,GAAA,wCAAS;gBAAG,GAAG,UAAU;gBAAE,WAAW,AAAC,CAAA,WAAW,SAAS,IAAI,EAAC,IAAK,6BAAO;0BAAC;gBAAI;;QAEtF,KAAK;YACH,qBACE,gBAAC,CAAA,GAAA,wCAAS;gBAAG,GAAG,UAAU;gBAAE,WAAW,AAAC,CAAA,WAAW,SAAS,IAAI,EAAC,IAAK,6BAAO;0BAAC;gBAAI;;QAEtF,KAAK;YACH,qBACE,gBAAC,CAAA,GAAA,wCAAU;gBAAG,GAAG,UAAU;gBAAE,WAAW,AAAC,CAAA,WAAW,SAAS,IAAI,EAAC,IAAK,6BAAO;0BAAC;gBAAI;;IAEzF;AACF","sources":["packages/@react-spectrum/s2/ui-icons/Asterisk.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 Asterisk_L from './S2_AsteriskSize200.svg';\nimport Asterisk_M from './S2_AsteriskSize100.svg';\nimport Asterisk_XL from './S2_AsteriskSize300.svg';\nimport {ReactNode, SVGProps} from 'react';\nimport {style} from '../style' with {type: 'macro'};\n\nlet styles = style({\n  width: {\n    size: {\n      M: 8,\n      L: 10,\n      XL: 10\n    }\n  },\n  height: {\n    size: {\n      M: 8,\n      L: 10,\n      XL: 10\n    }\n  }\n});\n\nexport default function Asterisk(\n  props: SVGProps<SVGSVGElement> & {size?: 'M' | 'L' | 'XL'}\n): ReactNode {\n  let {size = 'M', ...otherProps} = props;\n  switch (size) {\n    case 'M':\n      return (\n        <Asterisk_M {...otherProps} className={(otherProps.className || '') + styles({size})} />\n      );\n    case 'L':\n      return (\n        <Asterisk_L {...otherProps} className={(otherProps.className || '') + styles({size})} />\n      );\n    case 'XL':\n      return (\n        <Asterisk_XL {...otherProps} className={(otherProps.className || '') + styles({size})} />\n      );\n  }\n}\n"],"names":[],"version":3,"file":"Asterisk.mjs.map"}

package/dist/private/Avatar.cjs

@@ -41,22 +41,22 @@ const $38071d9ce246d4cf$var$imageStyles = function anonymous(props, overrides) {
         if (p[1] === "_u") flexGrow = true;
         rules += p[0];
     }
-    rules += ' sd13';
-    rules += ' eb13';
-    rules += ' og13';
-    rules += ' ng13';
-    rules += ' kg13';
-    rules += ' jg13';
-    rules += ' Zm13';
-    rules += ' Fn13';
-    if (!flexShrink) rules += ' _va13';
-    if (!flexGrow) rules += ' _ua13';
-    rules += ' __ca13';
-    if (props.isOverBackground) rules += ' _Lf13';
-    else rules += ' _Le13';
-    rules += ' OEzkoQe13';
-    if (props.isLarge) rules += ' _Mc13';
-    else rules += ' _Mb13';
+    rules += ' sd131';
+    rules += ' eb131';
+    rules += ' og131';
+    rules += ' ng131';
+    rules += ' kg131';
+    rules += ' jg131';
+    rules += ' Zm131';
+    rules += ' Fn131';
+    if (!flexShrink) rules += ' _va131';
+    if (!flexGrow) rules += ' _ua131';
+    rules += ' __ca131';
+    if (props.isOverBackground) rules += ' _Lf131';
+    else rules += ' _Le131';
+    rules += ' OEzkoQe131';
+    if (props.isLarge) rules += ' _Mc131';
+    else rules += ' _Mb131';
     return rules;
 };
 const $38071d9ce246d4cf$export$a20dad690e1279e2 = /*#__PURE__*/ (0, $1YWJ0$react.createContext)(null);

package/dist/private/Avatar.cjs.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;AA8BD,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmBC,MAAM,0DAAgB,CAAA,GAAA,0BAAY,EAAqE;AAKvG,MAAM,0DAAS,CAAA,GAAA,uBAAS,EAAE,SAAS,OAAO,KAAkB,EAAE,GAA6B;IAChG,CAAC,OAAO,IAAI,GAAG,CAAA,GAAA,iDAAsB,EAAE,OAAO,KAAK;IACnD,IAAI,SAAS,CAAA,GAAA,mCAAQ,EAAE;IACvB,IAAI,OACF,MAAM,SACN,GAAG,gBACH,YAAY,oBACZ,mBAAmB,UACnB,OAAO,sBACP,gBAAgB,QAChB,OAAO,UACP,GAAG,YACJ,GAAG;IACJ,MAAM,WAAW,CAAA,GAAA,6CAAa,EAAE;IAEhC,kEAAkE;IAClE,IAAI,UAAkE,GAAG,OAAO,GAAG,GAAG,CAAC;IACvF,IAAI,UAAU,QAAQ;IACtB,qBACE,gCAAC,CAAA,GAAA,+BAAI;QACF,GAAG,QAAQ;QACZ,KAAK;QACL,MAAM;QACN,KAAK;QACL,cAAc;YACZ,GAAG,YAAY;YACf,OAAO;YACP,QAAQ;QACV;QACA,kBAAkB,mBAAmB,MAAO,CAAA,GAAA,8CAAmB;QAC/D,QAAQ,kCAAY;8BAAC;qBAAkB;QAAO,GAAG,MAAM,MAAM;QAC7D,KAAK;;AAEX","sources":["packages/@react-spectrum/s2/src/Avatar.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 {centerBaselineBefore} from './CenterBaseline';\nimport {ContextValue, SlotProps} from 'react-aria-components/slots';\nimport {createContext, forwardRef} from 'react';\nimport {DOMProps, DOMRef, DOMRefValue} from '@react-types/shared';\nimport {filterDOMProps} from 'react-aria/filterDOMProps';\nimport {getAllowedOverrides, StylesPropWithoutWidth, UnsafeStyles} from './style-utils' with {type: 'macro'};\nimport {Image} from './Image';\nimport {isDocsEnv} from './macros' with {type: 'macro'};\nimport {style} from '../style' with { type: 'macro' };\nimport {useDOMRef} from './useDOMRef';\nimport {useSpectrumContextProps} from './useSpectrumContextProps';\n\nexport interface AvatarProps extends UnsafeStyles, DOMProps, SlotProps {\n  /** Text description of the avatar. */\n  alt?: string,\n  /** The image URL for the avatar. */\n  src?: string,\n  /** Spectrum-defined styles, returned by the `style()` macro. */\n  styles?: StylesPropWithoutWidth,\n  /**\n   * The size of the avatar.\n   * @default 24\n   */\n  size?: 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 56 | 64 | 80 | 96 | 112 | (number & {}),\n  /** Whether the avatar is over a color background. */\n  isOverBackground?: boolean\n}\n\nconst imageStyles = style({\n  display: 'flex',\n  alignItems: 'center',\n  borderRadius: 'full',\n  size: 20,\n  flexShrink: 0,\n  flexGrow: 0,\n  disableTapHighlight: true,\n  outlineStyle: {\n    default: 'none',\n    isOverBackground: 'solid'\n  },\n  outlineColor: '--s2-container-bg',\n  outlineWidth: {\n    default: 1,\n    isLarge: 2\n  }\n}, getAllowedOverrides({width: false}));\n\nexport const AvatarContext = createContext<ContextValue<Partial<AvatarProps>, DOMRefValue<HTMLImageElement>>>(null);\n\n/**\n * An avatar is a thumbnail representation of an entity, such as a user or an organization.\n */\nexport const Avatar = forwardRef(function Avatar(props: AvatarProps, ref: DOMRef<HTMLImageElement>) {\n  [props, ref] = useSpectrumContextProps(props, ref, AvatarContext);\n  let domRef = useDOMRef(ref);\n  let {\n    alt = '',\n    src,\n    UNSAFE_style,\n    UNSAFE_className = '',\n    size = 24,\n    isOverBackground,\n    slot = 'avatar',\n    ...otherProps\n  } = props;\n  const domProps = filterDOMProps(otherProps);\n\n  // In the docs build, we need to be able to simulate font scaling.\n  let remSize = isDocsEnv() ? `calc(${size / 16} * var(--rem, 1rem))` : `${size / 16}rem`;\n  let isLarge = size >= 64;\n  return (\n    <Image\n      {...domProps}\n      ref={domRef}\n      slot={slot}\n      alt={alt}\n      UNSAFE_style={{\n        ...UNSAFE_style,\n        width: remSize,\n        height: remSize\n      }}\n      UNSAFE_className={UNSAFE_className + ' ' +  centerBaselineBefore}\n      styles={imageStyles({isOverBackground, isLarge}, props.styles)}\n      src={src} />\n  );\n});\n"],"names":[],"version":3,"file":"Avatar.cjs.map"}
+{"mappings":";;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;AAmCD,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsBC,MAAM,0DACX,CAAA,GAAA,0BAAY,EAAqE;AAK5E,MAAM,0DAAS,CAAA,GAAA,uBAAS,EAAE,SAAS,OACxC,KAAkB,EAClB,GAA6B;IAE7B,CAAC,OAAO,IAAI,GAAG,CAAA,GAAA,iDAAsB,EAAE,OAAO,KAAK;IACnD,IAAI,SAAS,CAAA,GAAA,mCAAQ,EAAE;IACvB,IAAI,OACF,MAAM,SACN,GAAG,gBACH,YAAY,oBACZ,mBAAmB,UACnB,OAAO,sBACP,gBAAgB,QAChB,OAAO,UACP,GAAG,YACJ,GAAG;IACJ,MAAM,WAAW,CAAA,GAAA,6CAAa,EAAE;IAEhC,kEAAkE;IAClE,IAAI,UAAkE,GAAG,OAAO,GAAG,GAAG,CAAC;IACvF,IAAI,UAAU,QAAQ;IACtB,qBACE,gCAAC,CAAA,GAAA,+BAAI;QACF,GAAG,QAAQ;QACZ,KAAK;QACL,MAAM;QACN,KAAK;QACL,cAAc;YACZ,GAAG,YAAY;YACf,OAAO;YACP,QAAQ;QACV;QACA,kBAAkB,mBAAmB,MAAM,CAAA,GAAA,8CAAmB;QAC9D,QAAQ,kCAAY;8BAAC;qBAAkB;QAAO,GAAG,MAAM,MAAM;QAC7D,KAAK;;AAGX","sources":["packages/@react-spectrum/s2/src/Avatar.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 {centerBaselineBefore} from './CenterBaseline';\nimport {ContextValue, SlotProps} from 'react-aria-components/slots';\nimport {createContext, forwardRef} from 'react';\nimport {DOMProps, DOMRef, DOMRefValue} from '@react-types/shared';\nimport {filterDOMProps} from 'react-aria/filterDOMProps';\nimport {\n  getAllowedOverrides,\n  StylesPropWithoutWidth,\n  UnsafeStyles\n} from './style-utils' with {type: 'macro'};\nimport {Image} from './Image';\nimport {isDocsEnv} from './macros' with {type: 'macro'};\nimport {style} from '../style' with {type: 'macro'};\nimport {useDOMRef} from './useDOMRef';\nimport {useSpectrumContextProps} from './useSpectrumContextProps';\n\nexport interface AvatarProps extends UnsafeStyles, DOMProps, SlotProps {\n  /** Text description of the avatar. */\n  alt?: string;\n  /** The image URL for the avatar. */\n  src?: string;\n  /** Spectrum-defined styles, returned by the `style()` macro. */\n  styles?: StylesPropWithoutWidth;\n  /**\n   * The size of the avatar.\n   *\n   * @default 24\n   */\n  size?: 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 56 | 64 | 80 | 96 | 112 | (number & {});\n  /** Whether the avatar is over a color background. */\n  isOverBackground?: boolean;\n}\n\nconst imageStyles = style(\n  {\n    display: 'flex',\n    alignItems: 'center',\n    borderRadius: 'full',\n    size: 20,\n    flexShrink: 0,\n    flexGrow: 0,\n    disableTapHighlight: true,\n    outlineStyle: {\n      default: 'none',\n      isOverBackground: 'solid'\n    },\n    outlineColor: '--s2-container-bg',\n    outlineWidth: {\n      default: 1,\n      isLarge: 2\n    }\n  },\n  getAllowedOverrides({width: false})\n);\n\nexport const AvatarContext =\n  createContext<ContextValue<Partial<AvatarProps>, DOMRefValue<HTMLImageElement>>>(null);\n\n/**\n * An avatar is a thumbnail representation of an entity, such as a user or an organization.\n */\nexport const Avatar = forwardRef(function Avatar(\n  props: AvatarProps,\n  ref: DOMRef<HTMLImageElement>\n) {\n  [props, ref] = useSpectrumContextProps(props, ref, AvatarContext);\n  let domRef = useDOMRef(ref);\n  let {\n    alt = '',\n    src,\n    UNSAFE_style,\n    UNSAFE_className = '',\n    size = 24,\n    isOverBackground,\n    slot = 'avatar',\n    ...otherProps\n  } = props;\n  const domProps = filterDOMProps(otherProps);\n\n  // In the docs build, we need to be able to simulate font scaling.\n  let remSize = isDocsEnv() ? `calc(${size / 16} * var(--rem, 1rem))` : `${size / 16}rem`;\n  let isLarge = size >= 64;\n  return (\n    <Image\n      {...domProps}\n      ref={domRef}\n      slot={slot}\n      alt={alt}\n      UNSAFE_style={{\n        ...UNSAFE_style,\n        width: remSize,\n        height: remSize\n      }}\n      UNSAFE_className={UNSAFE_className + ' ' + centerBaselineBefore}\n      styles={imageStyles({isOverBackground, isLarge}, props.styles)}\n      src={src}\n    />\n  );\n});\n"],"names":[],"version":3,"file":"Avatar.cjs.map"}

package/dist/private/Avatar.css

@@ -1,65 +1,65 @@
 @layer _.a {
-  .sd13 {
+  .sd131 {
     display: flex;
   }
 
-  .eb13 {
+  .eb131 {
     align-items: center;
   }
 
-  .og13 {
+  .og131 {
     border-start-start-radius: 9999px;
   }
 
-  .ng13 {
+  .ng131 {
     border-start-end-radius: 9999px;
   }
 
-  .kg13 {
+  .kg131 {
     border-end-start-radius: 9999px;
   }
 
-  .jg13 {
+  .jg131 {
     border-end-end-radius: 9999px;
   }
 
-  .Zm13 {
+  .Zm131 {
     width: calc(1.25rem * var(--s2-scale));
   }
 
-  .Fn13 {
+  .Fn131 {
     height: calc(1.25rem * var(--s2-scale));
   }
 
-  ._va13 {
+  ._va131 {
     flex-shrink: 0;
   }
 
-  ._ua13 {
+  ._ua131 {
     flex-grow: 0;
   }
 
-  .__ca13 {
+  .__ca131 {
     -webkit-tap-highlight-color: #0000;
   }
 
-  ._Le13 {
+  ._Le131 {
     outline-style: none;
   }
 
-  ._Lf13 {
+  ._Lf131 {
     outline-style: solid;
   }
 
-  .OEzkoQe13 {
+  .OEzkoQe131 {
     outline-color: var(--s2-container-bg);
   }
 
-  ._Mb13 {
+  ._Mb131 {
     outline-width: 1px;
   }
 
-  ._Mc13 {
+  ._Mc131 {
     outline-width: 2px;
   }
 }

package/dist/private/Avatar.css.map

@@ -1 +1 @@
-{"mappings":"AAwCoB;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA","sources":["packages/@react-spectrum/s2/src/Avatar.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 {centerBaselineBefore} from './CenterBaseline';\nimport {ContextValue, SlotProps} from 'react-aria-components/slots';\nimport {createContext, forwardRef} from 'react';\nimport {DOMProps, DOMRef, DOMRefValue} from '@react-types/shared';\nimport {filterDOMProps} from 'react-aria/filterDOMProps';\nimport {getAllowedOverrides, StylesPropWithoutWidth, UnsafeStyles} from './style-utils' with {type: 'macro'};\nimport {Image} from './Image';\nimport {isDocsEnv} from './macros' with {type: 'macro'};\nimport {style} from '../style' with { type: 'macro' };\nimport {useDOMRef} from './useDOMRef';\nimport {useSpectrumContextProps} from './useSpectrumContextProps';\n\nexport interface AvatarProps extends UnsafeStyles, DOMProps, SlotProps {\n  /** Text description of the avatar. */\n  alt?: string,\n  /** The image URL for the avatar. */\n  src?: string,\n  /** Spectrum-defined styles, returned by the `style()` macro. */\n  styles?: StylesPropWithoutWidth,\n  /**\n   * The size of the avatar.\n   * @default 24\n   */\n  size?: 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 56 | 64 | 80 | 96 | 112 | (number & {}),\n  /** Whether the avatar is over a color background. */\n  isOverBackground?: boolean\n}\n\nconst imageStyles = style({\n  display: 'flex',\n  alignItems: 'center',\n  borderRadius: 'full',\n  size: 20,\n  flexShrink: 0,\n  flexGrow: 0,\n  disableTapHighlight: true,\n  outlineStyle: {\n    default: 'none',\n    isOverBackground: 'solid'\n  },\n  outlineColor: '--s2-container-bg',\n  outlineWidth: {\n    default: 1,\n    isLarge: 2\n  }\n}, getAllowedOverrides({width: false}));\n\nexport const AvatarContext = createContext<ContextValue<Partial<AvatarProps>, DOMRefValue<HTMLImageElement>>>(null);\n\n/**\n * An avatar is a thumbnail representation of an entity, such as a user or an organization.\n */\nexport const Avatar = forwardRef(function Avatar(props: AvatarProps, ref: DOMRef<HTMLImageElement>) {\n  [props, ref] = useSpectrumContextProps(props, ref, AvatarContext);\n  let domRef = useDOMRef(ref);\n  let {\n    alt = '',\n    src,\n    UNSAFE_style,\n    UNSAFE_className = '',\n    size = 24,\n    isOverBackground,\n    slot = 'avatar',\n    ...otherProps\n  } = props;\n  const domProps = filterDOMProps(otherProps);\n\n  // In the docs build, we need to be able to simulate font scaling.\n  let remSize = isDocsEnv() ? `calc(${size / 16} * var(--rem, 1rem))` : `${size / 16}rem`;\n  let isLarge = size >= 64;\n  return (\n    <Image\n      {...domProps}\n      ref={domRef}\n      slot={slot}\n      alt={alt}\n      UNSAFE_style={{\n        ...UNSAFE_style,\n        width: remSize,\n        height: remSize\n      }}\n      UNSAFE_className={UNSAFE_className + ' ' +  centerBaselineBefore}\n      styles={imageStyles({isOverBackground, isLarge}, props.styles)}\n      src={src} />\n  );\n});\n"],"names":[],"version":3,"file":"Avatar.css.map"}
+{"mappings":"AA6CoB;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA","sources":["packages/@react-spectrum/s2/src/Avatar.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 {centerBaselineBefore} from './CenterBaseline';\nimport {ContextValue, SlotProps} from 'react-aria-components/slots';\nimport {createContext, forwardRef} from 'react';\nimport {DOMProps, DOMRef, DOMRefValue} from '@react-types/shared';\nimport {filterDOMProps} from 'react-aria/filterDOMProps';\nimport {\n  getAllowedOverrides,\n  StylesPropWithoutWidth,\n  UnsafeStyles\n} from './style-utils' with {type: 'macro'};\nimport {Image} from './Image';\nimport {isDocsEnv} from './macros' with {type: 'macro'};\nimport {style} from '../style' with {type: 'macro'};\nimport {useDOMRef} from './useDOMRef';\nimport {useSpectrumContextProps} from './useSpectrumContextProps';\n\nexport interface AvatarProps extends UnsafeStyles, DOMProps, SlotProps {\n  /** Text description of the avatar. */\n  alt?: string;\n  /** The image URL for the avatar. */\n  src?: string;\n  /** Spectrum-defined styles, returned by the `style()` macro. */\n  styles?: StylesPropWithoutWidth;\n  /**\n   * The size of the avatar.\n   *\n   * @default 24\n   */\n  size?: 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 56 | 64 | 80 | 96 | 112 | (number & {});\n  /** Whether the avatar is over a color background. */\n  isOverBackground?: boolean;\n}\n\nconst imageStyles = style(\n  {\n    display: 'flex',\n    alignItems: 'center',\n    borderRadius: 'full',\n    size: 20,\n    flexShrink: 0,\n    flexGrow: 0,\n    disableTapHighlight: true,\n    outlineStyle: {\n      default: 'none',\n      isOverBackground: 'solid'\n    },\n    outlineColor: '--s2-container-bg',\n    outlineWidth: {\n      default: 1,\n      isLarge: 2\n    }\n  },\n  getAllowedOverrides({width: false})\n);\n\nexport const AvatarContext =\n  createContext<ContextValue<Partial<AvatarProps>, DOMRefValue<HTMLImageElement>>>(null);\n\n/**\n * An avatar is a thumbnail representation of an entity, such as a user or an organization.\n */\nexport const Avatar = forwardRef(function Avatar(\n  props: AvatarProps,\n  ref: DOMRef<HTMLImageElement>\n) {\n  [props, ref] = useSpectrumContextProps(props, ref, AvatarContext);\n  let domRef = useDOMRef(ref);\n  let {\n    alt = '',\n    src,\n    UNSAFE_style,\n    UNSAFE_className = '',\n    size = 24,\n    isOverBackground,\n    slot = 'avatar',\n    ...otherProps\n  } = props;\n  const domProps = filterDOMProps(otherProps);\n\n  // In the docs build, we need to be able to simulate font scaling.\n  let remSize = isDocsEnv() ? `calc(${size / 16} * var(--rem, 1rem))` : `${size / 16}rem`;\n  let isLarge = size >= 64;\n  return (\n    <Image\n      {...domProps}\n      ref={domRef}\n      slot={slot}\n      alt={alt}\n      UNSAFE_style={{\n        ...UNSAFE_style,\n        width: remSize,\n        height: remSize\n      }}\n      UNSAFE_className={UNSAFE_className + ' ' + centerBaselineBefore}\n      styles={imageStyles({isOverBackground, isLarge}, props.styles)}\n      src={src}\n    />\n  );\n});\n"],"names":[],"version":3,"file":"Avatar.css.map"}

package/dist/private/Avatar.mjs

@@ -34,22 +34,22 @@ const $3ffa2cd930156220$var$imageStyles = function anonymous(props, overrides) {
         if (p[1] === "_u") flexGrow = true;
         rules += p[0];
     }
-    rules += ' sd13';
-    rules += ' eb13';
-    rules += ' og13';
-    rules += ' ng13';
-    rules += ' kg13';
-    rules += ' jg13';
-    rules += ' Zm13';
-    rules += ' Fn13';
-    if (!flexShrink) rules += ' _va13';
-    if (!flexGrow) rules += ' _ua13';
-    rules += ' __ca13';
-    if (props.isOverBackground) rules += ' _Lf13';
-    else rules += ' _Le13';
-    rules += ' OEzkoQe13';
-    if (props.isLarge) rules += ' _Mc13';
-    else rules += ' _Mb13';
+    rules += ' sd131';
+    rules += ' eb131';
+    rules += ' og131';
+    rules += ' ng131';
+    rules += ' kg131';
+    rules += ' jg131';
+    rules += ' Zm131';
+    rules += ' Fn131';
+    if (!flexShrink) rules += ' _va131';
+    if (!flexGrow) rules += ' _ua131';
+    rules += ' __ca131';
+    if (props.isOverBackground) rules += ' _Lf131';
+    else rules += ' _Le131';
+    rules += ' OEzkoQe131';
+    if (props.isLarge) rules += ' _Mc131';
+    else rules += ' _Mb131';
     return rules;
 };
 const $3ffa2cd930156220$export$a20dad690e1279e2 = /*#__PURE__*/ (0, $lGIgj$createContext)(null);

package/dist/private/Avatar.mjs.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;AA8BD,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmBC,MAAM,0DAAgB,CAAA,GAAA,oBAAY,EAAqE;AAKvG,MAAM,0DAAS,CAAA,GAAA,iBAAS,EAAE,SAAS,OAAO,KAAkB,EAAE,GAA6B;IAChG,CAAC,OAAO,IAAI,GAAG,CAAA,GAAA,yCAAsB,EAAE,OAAO,KAAK;IACnD,IAAI,SAAS,CAAA,GAAA,yCAAQ,EAAE;IACvB,IAAI,OACF,MAAM,SACN,GAAG,gBACH,YAAY,oBACZ,mBAAmB,UACnB,OAAO,sBACP,gBAAgB,QAChB,OAAO,UACP,GAAG,YACJ,GAAG;IACJ,MAAM,WAAW,CAAA,GAAA,qBAAa,EAAE;IAEhC,kEAAkE;IAClE,IAAI,UAAkE,GAAG,OAAO,GAAG,GAAG,CAAC;IACvF,IAAI,UAAU,QAAQ;IACtB,qBACE,gBAAC,CAAA,GAAA,yCAAI;QACF,GAAG,QAAQ;QACZ,KAAK;QACL,MAAM;QACN,KAAK;QACL,cAAc;YACZ,GAAG,YAAY;YACf,OAAO;YACP,QAAQ;QACV;QACA,kBAAkB,mBAAmB,MAAO,CAAA,GAAA,yCAAmB;QAC/D,QAAQ,kCAAY;8BAAC;qBAAkB;QAAO,GAAG,MAAM,MAAM;QAC7D,KAAK;;AAEX","sources":["packages/@react-spectrum/s2/src/Avatar.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 {centerBaselineBefore} from './CenterBaseline';\nimport {ContextValue, SlotProps} from 'react-aria-components/slots';\nimport {createContext, forwardRef} from 'react';\nimport {DOMProps, DOMRef, DOMRefValue} from '@react-types/shared';\nimport {filterDOMProps} from 'react-aria/filterDOMProps';\nimport {getAllowedOverrides, StylesPropWithoutWidth, UnsafeStyles} from './style-utils' with {type: 'macro'};\nimport {Image} from './Image';\nimport {isDocsEnv} from './macros' with {type: 'macro'};\nimport {style} from '../style' with { type: 'macro' };\nimport {useDOMRef} from './useDOMRef';\nimport {useSpectrumContextProps} from './useSpectrumContextProps';\n\nexport interface AvatarProps extends UnsafeStyles, DOMProps, SlotProps {\n  /** Text description of the avatar. */\n  alt?: string,\n  /** The image URL for the avatar. */\n  src?: string,\n  /** Spectrum-defined styles, returned by the `style()` macro. */\n  styles?: StylesPropWithoutWidth,\n  /**\n   * The size of the avatar.\n   * @default 24\n   */\n  size?: 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 56 | 64 | 80 | 96 | 112 | (number & {}),\n  /** Whether the avatar is over a color background. */\n  isOverBackground?: boolean\n}\n\nconst imageStyles = style({\n  display: 'flex',\n  alignItems: 'center',\n  borderRadius: 'full',\n  size: 20,\n  flexShrink: 0,\n  flexGrow: 0,\n  disableTapHighlight: true,\n  outlineStyle: {\n    default: 'none',\n    isOverBackground: 'solid'\n  },\n  outlineColor: '--s2-container-bg',\n  outlineWidth: {\n    default: 1,\n    isLarge: 2\n  }\n}, getAllowedOverrides({width: false}));\n\nexport const AvatarContext = createContext<ContextValue<Partial<AvatarProps>, DOMRefValue<HTMLImageElement>>>(null);\n\n/**\n * An avatar is a thumbnail representation of an entity, such as a user or an organization.\n */\nexport const Avatar = forwardRef(function Avatar(props: AvatarProps, ref: DOMRef<HTMLImageElement>) {\n  [props, ref] = useSpectrumContextProps(props, ref, AvatarContext);\n  let domRef = useDOMRef(ref);\n  let {\n    alt = '',\n    src,\n    UNSAFE_style,\n    UNSAFE_className = '',\n    size = 24,\n    isOverBackground,\n    slot = 'avatar',\n    ...otherProps\n  } = props;\n  const domProps = filterDOMProps(otherProps);\n\n  // In the docs build, we need to be able to simulate font scaling.\n  let remSize = isDocsEnv() ? `calc(${size / 16} * var(--rem, 1rem))` : `${size / 16}rem`;\n  let isLarge = size >= 64;\n  return (\n    <Image\n      {...domProps}\n      ref={domRef}\n      slot={slot}\n      alt={alt}\n      UNSAFE_style={{\n        ...UNSAFE_style,\n        width: remSize,\n        height: remSize\n      }}\n      UNSAFE_className={UNSAFE_className + ' ' +  centerBaselineBefore}\n      styles={imageStyles({isOverBackground, isLarge}, props.styles)}\n      src={src} />\n  );\n});\n"],"names":[],"version":3,"file":"Avatar.mjs.map"}
+{"mappings":";;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;AAmCD,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsBC,MAAM,0DACX,CAAA,GAAA,oBAAY,EAAqE;AAK5E,MAAM,0DAAS,CAAA,GAAA,iBAAS,EAAE,SAAS,OACxC,KAAkB,EAClB,GAA6B;IAE7B,CAAC,OAAO,IAAI,GAAG,CAAA,GAAA,yCAAsB,EAAE,OAAO,KAAK;IACnD,IAAI,SAAS,CAAA,GAAA,yCAAQ,EAAE;IACvB,IAAI,OACF,MAAM,SACN,GAAG,gBACH,YAAY,oBACZ,mBAAmB,UACnB,OAAO,sBACP,gBAAgB,QAChB,OAAO,UACP,GAAG,YACJ,GAAG;IACJ,MAAM,WAAW,CAAA,GAAA,qBAAa,EAAE;IAEhC,kEAAkE;IAClE,IAAI,UAAkE,GAAG,OAAO,GAAG,GAAG,CAAC;IACvF,IAAI,UAAU,QAAQ;IACtB,qBACE,gBAAC,CAAA,GAAA,yCAAI;QACF,GAAG,QAAQ;QACZ,KAAK;QACL,MAAM;QACN,KAAK;QACL,cAAc;YACZ,GAAG,YAAY;YACf,OAAO;YACP,QAAQ;QACV;QACA,kBAAkB,mBAAmB,MAAM,CAAA,GAAA,yCAAmB;QAC9D,QAAQ,kCAAY;8BAAC;qBAAkB;QAAO,GAAG,MAAM,MAAM;QAC7D,KAAK;;AAGX","sources":["packages/@react-spectrum/s2/src/Avatar.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 {centerBaselineBefore} from './CenterBaseline';\nimport {ContextValue, SlotProps} from 'react-aria-components/slots';\nimport {createContext, forwardRef} from 'react';\nimport {DOMProps, DOMRef, DOMRefValue} from '@react-types/shared';\nimport {filterDOMProps} from 'react-aria/filterDOMProps';\nimport {\n  getAllowedOverrides,\n  StylesPropWithoutWidth,\n  UnsafeStyles\n} from './style-utils' with {type: 'macro'};\nimport {Image} from './Image';\nimport {isDocsEnv} from './macros' with {type: 'macro'};\nimport {style} from '../style' with {type: 'macro'};\nimport {useDOMRef} from './useDOMRef';\nimport {useSpectrumContextProps} from './useSpectrumContextProps';\n\nexport interface AvatarProps extends UnsafeStyles, DOMProps, SlotProps {\n  /** Text description of the avatar. */\n  alt?: string;\n  /** The image URL for the avatar. */\n  src?: string;\n  /** Spectrum-defined styles, returned by the `style()` macro. */\n  styles?: StylesPropWithoutWidth;\n  /**\n   * The size of the avatar.\n   *\n   * @default 24\n   */\n  size?: 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 56 | 64 | 80 | 96 | 112 | (number & {});\n  /** Whether the avatar is over a color background. */\n  isOverBackground?: boolean;\n}\n\nconst imageStyles = style(\n  {\n    display: 'flex',\n    alignItems: 'center',\n    borderRadius: 'full',\n    size: 20,\n    flexShrink: 0,\n    flexGrow: 0,\n    disableTapHighlight: true,\n    outlineStyle: {\n      default: 'none',\n      isOverBackground: 'solid'\n    },\n    outlineColor: '--s2-container-bg',\n    outlineWidth: {\n      default: 1,\n      isLarge: 2\n    }\n  },\n  getAllowedOverrides({width: false})\n);\n\nexport const AvatarContext =\n  createContext<ContextValue<Partial<AvatarProps>, DOMRefValue<HTMLImageElement>>>(null);\n\n/**\n * An avatar is a thumbnail representation of an entity, such as a user or an organization.\n */\nexport const Avatar = forwardRef(function Avatar(\n  props: AvatarProps,\n  ref: DOMRef<HTMLImageElement>\n) {\n  [props, ref] = useSpectrumContextProps(props, ref, AvatarContext);\n  let domRef = useDOMRef(ref);\n  let {\n    alt = '',\n    src,\n    UNSAFE_style,\n    UNSAFE_className = '',\n    size = 24,\n    isOverBackground,\n    slot = 'avatar',\n    ...otherProps\n  } = props;\n  const domProps = filterDOMProps(otherProps);\n\n  // In the docs build, we need to be able to simulate font scaling.\n  let remSize = isDocsEnv() ? `calc(${size / 16} * var(--rem, 1rem))` : `${size / 16}rem`;\n  let isLarge = size >= 64;\n  return (\n    <Image\n      {...domProps}\n      ref={domRef}\n      slot={slot}\n      alt={alt}\n      UNSAFE_style={{\n        ...UNSAFE_style,\n        width: remSize,\n        height: remSize\n      }}\n      UNSAFE_className={UNSAFE_className + ' ' + centerBaselineBefore}\n      styles={imageStyles({isOverBackground, isLarge}, props.styles)}\n      src={src}\n    />\n  );\n});\n"],"names":[],"version":3,"file":"Avatar.mjs.map"}