@react-spectrum/inlinealert 3.2.4-nightly.4555 → 3.2.4-nightly.4560

package/dist/InlineAlert.main.js

@@ -0,0 +1,105 @@
+var $cf1d087b199fc7c5$exports = require("./intlStrings.main.js");
+require("./vars.7182e6d0.css");
+var $8d976ce4ebad141b$exports = require("./inlinealert_vars_css.main.js");
+var $9SIjx$spectrumiconsuiAlertMedium = require("@spectrum-icons/ui/AlertMedium");
+var $9SIjx$reactspectrumutils = require("@react-spectrum/utils");
+var $9SIjx$reactariautils = require("@react-aria/utils");
+var $9SIjx$reactariafocus = require("@react-aria/focus");
+var $9SIjx$reactspectrumlayout = require("@react-spectrum/layout");
+var $9SIjx$spectrumiconsuiInfoMedium = require("@spectrum-icons/ui/InfoMedium");
+var $9SIjx$react = require("react");
+var $9SIjx$spectrumiconsuiSuccessMedium = require("@spectrum-icons/ui/SuccessMedium");
+var $9SIjx$reactariai18n = require("@react-aria/i18n");
+var $9SIjx$reactspectrumprovider = require("@react-spectrum/provider");
+
+
+function $parcel$interopDefault(a) {
+  return a && a.__esModule ? a.default : a;
+}
+
+function $parcel$export(e, n, v, s) {
+  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
+}
+
+$parcel$export(module.exports, "InlineAlert", () => $5de8c6729f05c665$export$a3b2c96db9b0eb71);
+/*
+ * Copyright 2023 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */ 
+
+
+
+
+
+
+
+
+
+
+
+let $5de8c6729f05c665$var$ICONS = {
+    info: (0, ($parcel$interopDefault($9SIjx$spectrumiconsuiInfoMedium))),
+    positive: (0, ($parcel$interopDefault($9SIjx$spectrumiconsuiSuccessMedium))),
+    notice: (0, ($parcel$interopDefault($9SIjx$spectrumiconsuiAlertMedium))),
+    negative: (0, ($parcel$interopDefault($9SIjx$spectrumiconsuiAlertMedium)))
+};
+function $5de8c6729f05c665$var$InlineAlert(props, ref) {
+    props = (0, $9SIjx$reactspectrumprovider.useProviderProps)(props);
+    let { children: children, variant: variant = "neutral", autoFocus: autoFocus, ...otherProps } = props;
+    let { styleProps: styleProps } = (0, $9SIjx$reactspectrumutils.useStyleProps)(otherProps);
+    let domRef = (0, $9SIjx$reactspectrumutils.useDOMRef)(ref);
+    let slots = {
+        heading: {
+            UNSAFE_className: (0, ($parcel$interopDefault($8d976ce4ebad141b$exports)))["spectrum-InLineAlert-heading"]
+        },
+        content: {
+            UNSAFE_className: (0, ($parcel$interopDefault($8d976ce4ebad141b$exports)))["spectrum-InLineAlert-content"]
+        }
+    };
+    let stringFormatter = (0, $9SIjx$reactariai18n.useLocalizedStringFormatter)((0, ($parcel$interopDefault($cf1d087b199fc7c5$exports))), "@react-spectrum/inlinealert");
+    let Icon = null;
+    let iconAlt = "";
+    if (variant in $5de8c6729f05c665$var$ICONS) {
+        Icon = $5de8c6729f05c665$var$ICONS[variant];
+        iconAlt = stringFormatter.format(variant);
+    }
+    let autoFocusRef = (0, $9SIjx$react.useRef)(props.autoFocus);
+    (0, $9SIjx$react.useEffect)(()=>{
+        if (autoFocusRef.current && domRef.current) domRef.current.focus();
+        autoFocusRef.current = false;
+    }, [
+        domRef
+    ]);
+    return /*#__PURE__*/ (0, ($parcel$interopDefault($9SIjx$react))).createElement((0, $9SIjx$reactariafocus.FocusRing), {
+        focusRingClass: (0, ($parcel$interopDefault($8d976ce4ebad141b$exports)))["focus-ring"]
+    }, /*#__PURE__*/ (0, ($parcel$interopDefault($9SIjx$react))).createElement("div", {
+        ...(0, $9SIjx$reactariautils.filterDOMProps)(props),
+        ...styleProps,
+        ref: domRef,
+        tabIndex: autoFocus ? -1 : undefined,
+        autoFocus: autoFocus,
+        className: (0, $9SIjx$reactspectrumutils.classNames)((0, ($parcel$interopDefault($8d976ce4ebad141b$exports))), "spectrum-InLineAlert", `spectrum-InLineAlert--${variant}`, styleProps.className),
+        role: "alert"
+    }, /*#__PURE__*/ (0, ($parcel$interopDefault($9SIjx$react))).createElement((0, $9SIjx$reactspectrumlayout.Grid), {
+        UNSAFE_className: (0, ($parcel$interopDefault($8d976ce4ebad141b$exports)))["spectrum-InLineAlert-grid"]
+    }, /*#__PURE__*/ (0, ($parcel$interopDefault($9SIjx$react))).createElement((0, $9SIjx$reactspectrumutils.SlotProvider), {
+        slots: slots
+    }, Icon && /*#__PURE__*/ (0, ($parcel$interopDefault($9SIjx$react))).createElement(Icon, {
+        UNSAFE_className: (0, ($parcel$interopDefault($8d976ce4ebad141b$exports)))["spectrum-InLineAlert-icon"],
+        "aria-label": iconAlt
+    }), children))));
+}
+/**
+ * Inline alerts display a non-modal message associated with objects in a view.
+ * These are often used in form validation, providing a place to aggregate feedback related to multiple fields.
+ */ const $5de8c6729f05c665$export$a3b2c96db9b0eb71 = /*#__PURE__*/ (0, ($parcel$interopDefault($9SIjx$react))).forwardRef($5de8c6729f05c665$var$InlineAlert);
+
+
+//# sourceMappingURL=InlineAlert.main.js.map

package/dist/InlineAlert.main.js.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;;;;;AAiCD,IAAI,8BAAQ;IACV,MAAM,CAAA,GAAA,0DAAS;IACf,UAAU,CAAA,GAAA,6DAAY;IACtB,QAAQ,CAAA,GAAA,2DAAU;IAClB,UAAU,CAAA,GAAA,2DAAU;AACtB;AAEA,SAAS,kCAAY,KAA+B,EAAE,GAA2B;IAC/E,QAAQ,CAAA,GAAA,6CAAe,EAAE;IACzB,IAAI,YACF,QAAQ,WACR,UAAU,sBACV,SAAS,EACT,GAAG,YACJ,GAAG;IAEJ,IAAI,cAAC,UAAU,EAAC,GAAG,CAAA,GAAA,uCAAY,EAAE;IACjC,IAAI,SAAS,CAAA,GAAA,mCAAQ,EAAE;IAEvB,IAAI,QAAQ;QACV,SAAS;YAAC,kBAAkB,CAAA,GAAA,mDAAK,CAAC,CAAC,+BAA+B;QAAA;QAClE,SAAS;YAAC,kBAAkB,CAAA,GAAA,mDAAK,CAAC,CAAC,+BAA+B;QAAA;IACpE;IAEA,IAAI,kBAAkB,CAAA,GAAA,gDAA0B,EAAE,CAAA,GAAA,mDAAW,GAAG;IAChE,IAAI,OAAsC;IAC1C,IAAI,UAAkB;IACtB,IAAI,WAAW,6BAAO;QACpB,OAAO,2BAAK,CAAC,QAAQ;QACrB,UAAU,gBAAgB,MAAM,CAAC;IACnC;IAEA,IAAI,eAAe,CAAA,GAAA,mBAAK,EAAE,MAAM,SAAS;IACzC,CAAA,GAAA,sBAAQ,EAAE;QACR,IAAI,aAAa,OAAO,IAAI,OAAO,OAAO,EACxC,OAAO,OAAO,CAAC,KAAK;QAEtB,aAAa,OAAO,GAAG;IACzB,GAAG;QAAC;KAAO;IAEX,qBACE,0DAAC,CAAA,GAAA,+BAAQ;QAAE,gBAAgB,CAAA,GAAA,mDAAK,CAAC,CAAC,aAAa;qBAC7C,0DAAC;QACE,GAAG,CAAA,GAAA,oCAAa,EAAE,MAAM;QACxB,GAAG,UAAU;QACd,KAAK;QACL,UAAU,YAAY,KAAK;QAC3B,WAAW;QACX,WAAW,CAAA,GAAA,oCAAS,EAClB,CAAA,GAAA,mDAAK,GACL,wBACA,CAAC,sBAAsB,EAAE,QAAQ,CAAC,EAClC,WAAW,SAAS;QAEtB,MAAK;qBACL,0DAAC,CAAA,GAAA,+BAAG;QAAE,kBAAkB,CAAA,GAAA,mDAAK,CAAC,CAAC,4BAA4B;qBACzD,0DAAC,CAAA,GAAA,sCAAW;QAAE,OAAO;OAClB,sBAAQ,0DAAC;QAAK,kBAAkB,CAAA,GAAA,mDAAK,CAAC,CAAC,4BAA4B;QAAE,cAAY;QACjF;AAMb;AAEA;;;CAGC,GACD,MAAM,0DAAe,CAAA,GAAA,sCAAI,EAAE,UAAU,CAAC","sources":["packages/@react-spectrum/inlinealert/src/InlineAlert.tsx"],"sourcesContent":["/*\n * Copyright 2023 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 AlertMedium from '@spectrum-icons/ui/AlertMedium';\nimport {classNames, SlotProvider, useDOMRef, useStyleProps} from '@react-spectrum/utils';\nimport {DOMProps, DOMRef, StyleProps} from '@react-types/shared';\nimport {filterDOMProps} from '@react-aria/utils';\nimport {FocusRing} from '@react-aria/focus';\nimport {Grid} from '@react-spectrum/layout';\nimport InfoMedium from '@spectrum-icons/ui/InfoMedium';\n// @ts-ignore\nimport intlMessages from '../intl/*.json';\nimport React, {ReactNode, useEffect, useRef} from 'react';\nimport styles from '@adobe/spectrum-css-temp/components/inlinealert/vars.css';\nimport SuccessMedium from '@spectrum-icons/ui/SuccessMedium';\nimport {useLocalizedStringFormatter} from '@react-aria/i18n';\nimport {useProviderProps} from '@react-spectrum/provider';\n\nexport interface SpectrumInlineAlertProps extends DOMProps, StyleProps {\n  /**\n   * The [visual style](https://spectrum.adobe.com/page/in-line-alert/#Options) of the Inline Alert.\n   * @default 'neutral'\n   */\n  variant?: 'neutral' | 'info' | 'positive' | 'notice' | 'negative',\n  /**\n   * The contents of the Inline Alert.\n   */\n  children: ReactNode,\n  /**\n   * Whether to automatically focus the Inline Alert when it first renders.\n   */\n  autoFocus?: boolean\n}\n\nlet ICONS = {\n  info: InfoMedium,\n  positive: SuccessMedium,\n  notice: AlertMedium,\n  negative: AlertMedium\n};\n\nfunction InlineAlert(props: SpectrumInlineAlertProps, ref: DOMRef<HTMLDivElement>) {\n  props = useProviderProps(props);\n  let {\n    children,\n    variant = 'neutral',\n    autoFocus,\n    ...otherProps\n  } = props;\n\n  let {styleProps} = useStyleProps(otherProps);\n  let domRef = useDOMRef(ref);\n\n  let slots = {\n    heading: {UNSAFE_className: styles['spectrum-InLineAlert-heading']},\n    content: {UNSAFE_className: styles['spectrum-InLineAlert-content']}\n  };\n\n  let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-spectrum/inlinealert');\n  let Icon: typeof React.Component | null = null;\n  let iconAlt: string = '';\n  if (variant in ICONS) {\n    Icon = ICONS[variant];\n    iconAlt = stringFormatter.format(variant);\n  }\n\n  let autoFocusRef = useRef(props.autoFocus);\n  useEffect(() => {\n    if (autoFocusRef.current && domRef.current) {\n      domRef.current.focus();\n    }\n    autoFocusRef.current = false;\n  }, [domRef]);\n\n  return (\n    <FocusRing focusRingClass={styles['focus-ring']}>\n      <div\n        {...filterDOMProps(props)}\n        {...styleProps}\n        ref={domRef}\n        tabIndex={autoFocus ? -1 : undefined}\n        autoFocus={autoFocus}\n        className={classNames(\n          styles,\n          'spectrum-InLineAlert',\n          `spectrum-InLineAlert--${variant}`,\n          styleProps.className\n        )}\n        role=\"alert\">\n        <Grid UNSAFE_className={styles['spectrum-InLineAlert-grid']}>\n          <SlotProvider slots={slots}>\n            {Icon && <Icon UNSAFE_className={styles['spectrum-InLineAlert-icon']} aria-label={iconAlt} />}\n            {children}\n          </SlotProvider>\n        </Grid>\n      </div>\n    </FocusRing>\n  );\n}\n\n/**\n * Inline alerts display a non-modal message associated with objects in a view.\n * These are often used in form validation, providing a place to aggregate feedback related to multiple fields.\n */\nconst _InlineAlert = React.forwardRef(InlineAlert);\nexport {_InlineAlert as InlineAlert};\n"],"names":[],"version":3,"file":"InlineAlert.main.js.map"}

package/dist/InlineAlert.mjs

@@ -0,0 +1,100 @@
+import $8S3NB$intlStringsmodulejs from "./intlStrings.mjs";
+import "./vars.7182e6d0.css";
+import $8S3NB$inlinealert_vars_cssmodulejs from "./inlinealert_vars_css.mjs";
+import $8S3NB$spectrumiconsuiAlertMedium from "@spectrum-icons/ui/AlertMedium";
+import {useStyleProps as $8S3NB$useStyleProps, useDOMRef as $8S3NB$useDOMRef, classNames as $8S3NB$classNames, SlotProvider as $8S3NB$SlotProvider} from "@react-spectrum/utils";
+import {filterDOMProps as $8S3NB$filterDOMProps} from "@react-aria/utils";
+import {FocusRing as $8S3NB$FocusRing} from "@react-aria/focus";
+import {Grid as $8S3NB$Grid} from "@react-spectrum/layout";
+import $8S3NB$spectrumiconsuiInfoMedium from "@spectrum-icons/ui/InfoMedium";
+import $8S3NB$react, {useRef as $8S3NB$useRef, useEffect as $8S3NB$useEffect} from "react";
+import $8S3NB$spectrumiconsuiSuccessMedium from "@spectrum-icons/ui/SuccessMedium";
+import {useLocalizedStringFormatter as $8S3NB$useLocalizedStringFormatter} from "@react-aria/i18n";
+import {useProviderProps as $8S3NB$useProviderProps} from "@react-spectrum/provider";
+
+
+function $parcel$interopDefault(a) {
+  return a && a.__esModule ? a.default : a;
+}
+/*
+ * Copyright 2023 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */ 
+
+
+
+
+
+
+
+
+
+
+
+let $abf1e6290496dda5$var$ICONS = {
+    info: (0, $8S3NB$spectrumiconsuiInfoMedium),
+    positive: (0, $8S3NB$spectrumiconsuiSuccessMedium),
+    notice: (0, $8S3NB$spectrumiconsuiAlertMedium),
+    negative: (0, $8S3NB$spectrumiconsuiAlertMedium)
+};
+function $abf1e6290496dda5$var$InlineAlert(props, ref) {
+    props = (0, $8S3NB$useProviderProps)(props);
+    let { children: children, variant: variant = "neutral", autoFocus: autoFocus, ...otherProps } = props;
+    let { styleProps: styleProps } = (0, $8S3NB$useStyleProps)(otherProps);
+    let domRef = (0, $8S3NB$useDOMRef)(ref);
+    let slots = {
+        heading: {
+            UNSAFE_className: (0, ($parcel$interopDefault($8S3NB$inlinealert_vars_cssmodulejs)))["spectrum-InLineAlert-heading"]
+        },
+        content: {
+            UNSAFE_className: (0, ($parcel$interopDefault($8S3NB$inlinealert_vars_cssmodulejs)))["spectrum-InLineAlert-content"]
+        }
+    };
+    let stringFormatter = (0, $8S3NB$useLocalizedStringFormatter)((0, ($parcel$interopDefault($8S3NB$intlStringsmodulejs))), "@react-spectrum/inlinealert");
+    let Icon = null;
+    let iconAlt = "";
+    if (variant in $abf1e6290496dda5$var$ICONS) {
+        Icon = $abf1e6290496dda5$var$ICONS[variant];
+        iconAlt = stringFormatter.format(variant);
+    }
+    let autoFocusRef = (0, $8S3NB$useRef)(props.autoFocus);
+    (0, $8S3NB$useEffect)(()=>{
+        if (autoFocusRef.current && domRef.current) domRef.current.focus();
+        autoFocusRef.current = false;
+    }, [
+        domRef
+    ]);
+    return /*#__PURE__*/ (0, $8S3NB$react).createElement((0, $8S3NB$FocusRing), {
+        focusRingClass: (0, ($parcel$interopDefault($8S3NB$inlinealert_vars_cssmodulejs)))["focus-ring"]
+    }, /*#__PURE__*/ (0, $8S3NB$react).createElement("div", {
+        ...(0, $8S3NB$filterDOMProps)(props),
+        ...styleProps,
+        ref: domRef,
+        tabIndex: autoFocus ? -1 : undefined,
+        autoFocus: autoFocus,
+        className: (0, $8S3NB$classNames)((0, ($parcel$interopDefault($8S3NB$inlinealert_vars_cssmodulejs))), "spectrum-InLineAlert", `spectrum-InLineAlert--${variant}`, styleProps.className),
+        role: "alert"
+    }, /*#__PURE__*/ (0, $8S3NB$react).createElement((0, $8S3NB$Grid), {
+        UNSAFE_className: (0, ($parcel$interopDefault($8S3NB$inlinealert_vars_cssmodulejs)))["spectrum-InLineAlert-grid"]
+    }, /*#__PURE__*/ (0, $8S3NB$react).createElement((0, $8S3NB$SlotProvider), {
+        slots: slots
+    }, Icon && /*#__PURE__*/ (0, $8S3NB$react).createElement(Icon, {
+        UNSAFE_className: (0, ($parcel$interopDefault($8S3NB$inlinealert_vars_cssmodulejs)))["spectrum-InLineAlert-icon"],
+        "aria-label": iconAlt
+    }), children))));
+}
+/**
+ * Inline alerts display a non-modal message associated with objects in a view.
+ * These are often used in form validation, providing a place to aggregate feedback related to multiple fields.
+ */ const $abf1e6290496dda5$export$a3b2c96db9b0eb71 = /*#__PURE__*/ (0, $8S3NB$react).forwardRef($abf1e6290496dda5$var$InlineAlert);
+
+
+export {$abf1e6290496dda5$export$a3b2c96db9b0eb71 as InlineAlert};
+//# sourceMappingURL=InlineAlert.mjs.map

package/dist/InlineAlert.module.js

@@ -0,0 +1,100 @@
+import $8S3NB$intlStringsmodulejs from "./intlStrings.module.js";
+import "./vars.7182e6d0.css";
+import $8S3NB$inlinealert_vars_cssmodulejs from "./inlinealert_vars_css.module.js";
+import $8S3NB$spectrumiconsuiAlertMedium from "@spectrum-icons/ui/AlertMedium";
+import {useStyleProps as $8S3NB$useStyleProps, useDOMRef as $8S3NB$useDOMRef, classNames as $8S3NB$classNames, SlotProvider as $8S3NB$SlotProvider} from "@react-spectrum/utils";
+import {filterDOMProps as $8S3NB$filterDOMProps} from "@react-aria/utils";
+import {FocusRing as $8S3NB$FocusRing} from "@react-aria/focus";
+import {Grid as $8S3NB$Grid} from "@react-spectrum/layout";
+import $8S3NB$spectrumiconsuiInfoMedium from "@spectrum-icons/ui/InfoMedium";
+import $8S3NB$react, {useRef as $8S3NB$useRef, useEffect as $8S3NB$useEffect} from "react";
+import $8S3NB$spectrumiconsuiSuccessMedium from "@spectrum-icons/ui/SuccessMedium";
+import {useLocalizedStringFormatter as $8S3NB$useLocalizedStringFormatter} from "@react-aria/i18n";
+import {useProviderProps as $8S3NB$useProviderProps} from "@react-spectrum/provider";
+
+
+function $parcel$interopDefault(a) {
+  return a && a.__esModule ? a.default : a;
+}
+/*
+ * Copyright 2023 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */ 
+
+
+
+
+
+
+
+
+
+
+
+let $abf1e6290496dda5$var$ICONS = {
+    info: (0, $8S3NB$spectrumiconsuiInfoMedium),
+    positive: (0, $8S3NB$spectrumiconsuiSuccessMedium),
+    notice: (0, $8S3NB$spectrumiconsuiAlertMedium),
+    negative: (0, $8S3NB$spectrumiconsuiAlertMedium)
+};
+function $abf1e6290496dda5$var$InlineAlert(props, ref) {
+    props = (0, $8S3NB$useProviderProps)(props);
+    let { children: children, variant: variant = "neutral", autoFocus: autoFocus, ...otherProps } = props;
+    let { styleProps: styleProps } = (0, $8S3NB$useStyleProps)(otherProps);
+    let domRef = (0, $8S3NB$useDOMRef)(ref);
+    let slots = {
+        heading: {
+            UNSAFE_className: (0, ($parcel$interopDefault($8S3NB$inlinealert_vars_cssmodulejs)))["spectrum-InLineAlert-heading"]
+        },
+        content: {
+            UNSAFE_className: (0, ($parcel$interopDefault($8S3NB$inlinealert_vars_cssmodulejs)))["spectrum-InLineAlert-content"]
+        }
+    };
+    let stringFormatter = (0, $8S3NB$useLocalizedStringFormatter)((0, ($parcel$interopDefault($8S3NB$intlStringsmodulejs))), "@react-spectrum/inlinealert");
+    let Icon = null;
+    let iconAlt = "";
+    if (variant in $abf1e6290496dda5$var$ICONS) {
+        Icon = $abf1e6290496dda5$var$ICONS[variant];
+        iconAlt = stringFormatter.format(variant);
+    }
+    let autoFocusRef = (0, $8S3NB$useRef)(props.autoFocus);
+    (0, $8S3NB$useEffect)(()=>{
+        if (autoFocusRef.current && domRef.current) domRef.current.focus();
+        autoFocusRef.current = false;
+    }, [
+        domRef
+    ]);
+    return /*#__PURE__*/ (0, $8S3NB$react).createElement((0, $8S3NB$FocusRing), {
+        focusRingClass: (0, ($parcel$interopDefault($8S3NB$inlinealert_vars_cssmodulejs)))["focus-ring"]
+    }, /*#__PURE__*/ (0, $8S3NB$react).createElement("div", {
+        ...(0, $8S3NB$filterDOMProps)(props),
+        ...styleProps,
+        ref: domRef,
+        tabIndex: autoFocus ? -1 : undefined,
+        autoFocus: autoFocus,
+        className: (0, $8S3NB$classNames)((0, ($parcel$interopDefault($8S3NB$inlinealert_vars_cssmodulejs))), "spectrum-InLineAlert", `spectrum-InLineAlert--${variant}`, styleProps.className),
+        role: "alert"
+    }, /*#__PURE__*/ (0, $8S3NB$react).createElement((0, $8S3NB$Grid), {
+        UNSAFE_className: (0, ($parcel$interopDefault($8S3NB$inlinealert_vars_cssmodulejs)))["spectrum-InLineAlert-grid"]
+    }, /*#__PURE__*/ (0, $8S3NB$react).createElement((0, $8S3NB$SlotProvider), {
+        slots: slots
+    }, Icon && /*#__PURE__*/ (0, $8S3NB$react).createElement(Icon, {
+        UNSAFE_className: (0, ($parcel$interopDefault($8S3NB$inlinealert_vars_cssmodulejs)))["spectrum-InLineAlert-icon"],
+        "aria-label": iconAlt
+    }), children))));
+}
+/**
+ * Inline alerts display a non-modal message associated with objects in a view.
+ * These are often used in form validation, providing a place to aggregate feedback related to multiple fields.
+ */ const $abf1e6290496dda5$export$a3b2c96db9b0eb71 = /*#__PURE__*/ (0, $8S3NB$react).forwardRef($abf1e6290496dda5$var$InlineAlert);
+
+
+export {$abf1e6290496dda5$export$a3b2c96db9b0eb71 as InlineAlert};
+//# sourceMappingURL=InlineAlert.module.js.map

package/dist/InlineAlert.module.js.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;;;;;AAiCD,IAAI,8BAAQ;IACV,MAAM,CAAA,GAAA,gCAAS;IACf,UAAU,CAAA,GAAA,mCAAY;IACtB,QAAQ,CAAA,GAAA,iCAAU;IAClB,UAAU,CAAA,GAAA,iCAAU;AACtB;AAEA,SAAS,kCAAY,KAA+B,EAAE,GAA2B;IAC/E,QAAQ,CAAA,GAAA,uBAAe,EAAE;IACzB,IAAI,YACF,QAAQ,WACR,UAAU,sBACV,SAAS,EACT,GAAG,YACJ,GAAG;IAEJ,IAAI,cAAC,UAAU,EAAC,GAAG,CAAA,GAAA,oBAAY,EAAE;IACjC,IAAI,SAAS,CAAA,GAAA,gBAAQ,EAAE;IAEvB,IAAI,QAAQ;QACV,SAAS;YAAC,kBAAkB,CAAA,GAAA,6DAAK,CAAC,CAAC,+BAA+B;QAAA;QAClE,SAAS;YAAC,kBAAkB,CAAA,GAAA,6DAAK,CAAC,CAAC,+BAA+B;QAAA;IACpE;IAEA,IAAI,kBAAkB,CAAA,GAAA,kCAA0B,EAAE,CAAA,GAAA,oDAAW,GAAG;IAChE,IAAI,OAAsC;IAC1C,IAAI,UAAkB;IACtB,IAAI,WAAW,6BAAO;QACpB,OAAO,2BAAK,CAAC,QAAQ;QACrB,UAAU,gBAAgB,MAAM,CAAC;IACnC;IAEA,IAAI,eAAe,CAAA,GAAA,aAAK,EAAE,MAAM,SAAS;IACzC,CAAA,GAAA,gBAAQ,EAAE;QACR,IAAI,aAAa,OAAO,IAAI,OAAO,OAAO,EACxC,OAAO,OAAO,CAAC,KAAK;QAEtB,aAAa,OAAO,GAAG;IACzB,GAAG;QAAC;KAAO;IAEX,qBACE,gCAAC,CAAA,GAAA,gBAAQ;QAAE,gBAAgB,CAAA,GAAA,6DAAK,CAAC,CAAC,aAAa;qBAC7C,gCAAC;QACE,GAAG,CAAA,GAAA,qBAAa,EAAE,MAAM;QACxB,GAAG,UAAU;QACd,KAAK;QACL,UAAU,YAAY,KAAK;QAC3B,WAAW;QACX,WAAW,CAAA,GAAA,iBAAS,EAClB,CAAA,GAAA,6DAAK,GACL,wBACA,CAAC,sBAAsB,EAAE,QAAQ,CAAC,EAClC,WAAW,SAAS;QAEtB,MAAK;qBACL,gCAAC,CAAA,GAAA,WAAG;QAAE,kBAAkB,CAAA,GAAA,6DAAK,CAAC,CAAC,4BAA4B;qBACzD,gCAAC,CAAA,GAAA,mBAAW;QAAE,OAAO;OAClB,sBAAQ,gCAAC;QAAK,kBAAkB,CAAA,GAAA,6DAAK,CAAC,CAAC,4BAA4B;QAAE,cAAY;QACjF;AAMb;AAEA;;;CAGC,GACD,MAAM,0DAAe,CAAA,GAAA,YAAI,EAAE,UAAU,CAAC","sources":["packages/@react-spectrum/inlinealert/src/InlineAlert.tsx"],"sourcesContent":["/*\n * Copyright 2023 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 AlertMedium from '@spectrum-icons/ui/AlertMedium';\nimport {classNames, SlotProvider, useDOMRef, useStyleProps} from '@react-spectrum/utils';\nimport {DOMProps, DOMRef, StyleProps} from '@react-types/shared';\nimport {filterDOMProps} from '@react-aria/utils';\nimport {FocusRing} from '@react-aria/focus';\nimport {Grid} from '@react-spectrum/layout';\nimport InfoMedium from '@spectrum-icons/ui/InfoMedium';\n// @ts-ignore\nimport intlMessages from '../intl/*.json';\nimport React, {ReactNode, useEffect, useRef} from 'react';\nimport styles from '@adobe/spectrum-css-temp/components/inlinealert/vars.css';\nimport SuccessMedium from '@spectrum-icons/ui/SuccessMedium';\nimport {useLocalizedStringFormatter} from '@react-aria/i18n';\nimport {useProviderProps} from '@react-spectrum/provider';\n\nexport interface SpectrumInlineAlertProps extends DOMProps, StyleProps {\n  /**\n   * The [visual style](https://spectrum.adobe.com/page/in-line-alert/#Options) of the Inline Alert.\n   * @default 'neutral'\n   */\n  variant?: 'neutral' | 'info' | 'positive' | 'notice' | 'negative',\n  /**\n   * The contents of the Inline Alert.\n   */\n  children: ReactNode,\n  /**\n   * Whether to automatically focus the Inline Alert when it first renders.\n   */\n  autoFocus?: boolean\n}\n\nlet ICONS = {\n  info: InfoMedium,\n  positive: SuccessMedium,\n  notice: AlertMedium,\n  negative: AlertMedium\n};\n\nfunction InlineAlert(props: SpectrumInlineAlertProps, ref: DOMRef<HTMLDivElement>) {\n  props = useProviderProps(props);\n  let {\n    children,\n    variant = 'neutral',\n    autoFocus,\n    ...otherProps\n  } = props;\n\n  let {styleProps} = useStyleProps(otherProps);\n  let domRef = useDOMRef(ref);\n\n  let slots = {\n    heading: {UNSAFE_className: styles['spectrum-InLineAlert-heading']},\n    content: {UNSAFE_className: styles['spectrum-InLineAlert-content']}\n  };\n\n  let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-spectrum/inlinealert');\n  let Icon: typeof React.Component | null = null;\n  let iconAlt: string = '';\n  if (variant in ICONS) {\n    Icon = ICONS[variant];\n    iconAlt = stringFormatter.format(variant);\n  }\n\n  let autoFocusRef = useRef(props.autoFocus);\n  useEffect(() => {\n    if (autoFocusRef.current && domRef.current) {\n      domRef.current.focus();\n    }\n    autoFocusRef.current = false;\n  }, [domRef]);\n\n  return (\n    <FocusRing focusRingClass={styles['focus-ring']}>\n      <div\n        {...filterDOMProps(props)}\n        {...styleProps}\n        ref={domRef}\n        tabIndex={autoFocus ? -1 : undefined}\n        autoFocus={autoFocus}\n        className={classNames(\n          styles,\n          'spectrum-InLineAlert',\n          `spectrum-InLineAlert--${variant}`,\n          styleProps.className\n        )}\n        role=\"alert\">\n        <Grid UNSAFE_className={styles['spectrum-InLineAlert-grid']}>\n          <SlotProvider slots={slots}>\n            {Icon && <Icon UNSAFE_className={styles['spectrum-InLineAlert-icon']} aria-label={iconAlt} />}\n            {children}\n          </SlotProvider>\n        </Grid>\n      </div>\n    </FocusRing>\n  );\n}\n\n/**\n * Inline alerts display a non-modal message associated with objects in a view.\n * These are often used in form validation, providing a place to aggregate feedback related to multiple fields.\n */\nconst _InlineAlert = React.forwardRef(InlineAlert);\nexport {_InlineAlert as InlineAlert};\n"],"names":[],"version":3,"file":"InlineAlert.module.js.map"}

package/dist/ar-AE.mjs

@@ -8,4 +8,4 @@ $7c06d136a7db332f$exports = {
 
 
 export {$7c06d136a7db332f$exports as default};
-//# sourceMappingURL=ar-AE.module.js.map
+//# sourceMappingURL=ar-AE.mjs.map

package/dist/bg-BG.mjs

@@ -8,4 +8,4 @@ $7572fcde1b201200$exports = {
 
 
 export {$7572fcde1b201200$exports as default};
-//# sourceMappingURL=bg-BG.module.js.map
+//# sourceMappingURL=bg-BG.mjs.map

package/dist/cs-CZ.mjs

@@ -8,4 +8,4 @@ $4baaa05e7e36c8d5$exports = {
 
 
 export {$4baaa05e7e36c8d5$exports as default};
-//# sourceMappingURL=cs-CZ.module.js.map
+//# sourceMappingURL=cs-CZ.mjs.map

package/dist/da-DK.mjs

@@ -8,4 +8,4 @@ $67391f9ec3919bbd$exports = {
 
 
 export {$67391f9ec3919bbd$exports as default};
-//# sourceMappingURL=da-DK.module.js.map
+//# sourceMappingURL=da-DK.mjs.map

package/dist/de-DE.mjs

@@ -8,4 +8,4 @@ $ba4d55b7a25dbd70$exports = {
 
 
 export {$ba4d55b7a25dbd70$exports as default};
-//# sourceMappingURL=de-DE.module.js.map
+//# sourceMappingURL=de-DE.mjs.map

package/dist/el-GR.mjs

@@ -8,4 +8,4 @@ $8f11cbfb87576513$exports = {
 
 
 export {$8f11cbfb87576513$exports as default};
-//# sourceMappingURL=el-GR.module.js.map
+//# sourceMappingURL=el-GR.mjs.map

package/dist/en-US.mjs

@@ -8,4 +8,4 @@ $a5983f3344cffe9c$exports = {
 
 
 export {$a5983f3344cffe9c$exports as default};
-//# sourceMappingURL=en-US.module.js.map
+//# sourceMappingURL=en-US.mjs.map

package/dist/es-ES.mjs

@@ -8,4 +8,4 @@ $5b00f4541c9c46ff$exports = {
 
 
 export {$5b00f4541c9c46ff$exports as default};
-//# sourceMappingURL=es-ES.module.js.map
+//# sourceMappingURL=es-ES.mjs.map

package/dist/et-EE.mjs

@@ -8,4 +8,4 @@ $aa360d77330765aa$exports = {
 
 
 export {$aa360d77330765aa$exports as default};
-//# sourceMappingURL=et-EE.module.js.map
+//# sourceMappingURL=et-EE.mjs.map

package/dist/fi-FI.mjs

@@ -8,4 +8,4 @@ $03e931e04f228c9f$exports = {
 
 
 export {$03e931e04f228c9f$exports as default};
-//# sourceMappingURL=fi-FI.module.js.map
+//# sourceMappingURL=fi-FI.mjs.map

package/dist/fr-FR.mjs

@@ -8,4 +8,4 @@ $9d5074a25853ca6e$exports = {
 
 
 export {$9d5074a25853ca6e$exports as default};
-//# sourceMappingURL=fr-FR.module.js.map
+//# sourceMappingURL=fr-FR.mjs.map

package/dist/he-IL.mjs

@@ -8,4 +8,4 @@ $2c2676389f361ece$exports = {
 
 
 export {$2c2676389f361ece$exports as default};
-//# sourceMappingURL=he-IL.module.js.map
+//# sourceMappingURL=he-IL.mjs.map

package/dist/hr-HR.mjs

@@ -8,4 +8,4 @@ $5fdda27174ef2fc7$exports = {
 
 
 export {$5fdda27174ef2fc7$exports as default};
-//# sourceMappingURL=hr-HR.module.js.map
+//# sourceMappingURL=hr-HR.mjs.map

package/dist/hu-HU.mjs

@@ -8,4 +8,4 @@ $dc458e3abea04ded$exports = {
 
 
 export {$dc458e3abea04ded$exports as default};
-//# sourceMappingURL=hu-HU.module.js.map
+//# sourceMappingURL=hu-HU.mjs.map