@react-spectrum/s2 0.2.1-nightly.4979

package/dist/Content.mjs

@@ -0,0 +1,100 @@
+import {jsx as $7TVeb$jsx} from "react/jsx-runtime";
+import {createContext as $7TVeb$createContext, forwardRef as $7TVeb$forwardRef} from "react";
+import {useContextProps as $7TVeb$useContextProps, Heading as $7TVeb$Heading, Header as $7TVeb$Header, Text as $7TVeb$Text, Keyboard as $7TVeb$Keyboard} from "react-aria-components";
+import {useDOMRef as $7TVeb$useDOMRef} from "@react-spectrum/utils";
+
+/*
+ * Copyright 2024 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.
+ */ 
+
+
+
+const $8e847109a6ab556d$export$d688439359537581 = /*#__PURE__*/ (0, $7TVeb$createContext)({});
+// Wrapper around RAC Heading to unmount when hidden.
+function $8e847109a6ab556d$var$Heading(props, ref) {
+    [props, ref] = (0, $7TVeb$useContextProps)(props, ref, $8e847109a6ab556d$export$d688439359537581);
+    if (props.hidden) return null;
+    return /*#__PURE__*/ (0, $7TVeb$jsx)((0, $7TVeb$Heading), {
+        ...props,
+        ref: ref
+    });
+}
+const $8e847109a6ab556d$export$a8a3e93435678ff9 = /*#__PURE__*/ (0, $7TVeb$forwardRef)($8e847109a6ab556d$var$Heading);
+const $8e847109a6ab556d$export$e0e4026c12a8bdbb = /*#__PURE__*/ (0, $7TVeb$createContext)({});
+function $8e847109a6ab556d$var$Header(props, ref) {
+    let domRef = (0, $7TVeb$useDOMRef)(ref);
+    [props, domRef] = (0, $7TVeb$useContextProps)(props, domRef, $8e847109a6ab556d$export$e0e4026c12a8bdbb);
+    if (props.hidden) return null;
+    return /*#__PURE__*/ (0, $7TVeb$jsx)((0, $7TVeb$Header), {
+        ...props,
+        ref: domRef
+    });
+}
+const $8e847109a6ab556d$export$8b251419efc915eb = /*#__PURE__*/ (0, $7TVeb$forwardRef)($8e847109a6ab556d$var$Header);
+const $8e847109a6ab556d$export$1cbdd774077931b4 = /*#__PURE__*/ (0, $7TVeb$createContext)({});
+function $8e847109a6ab556d$var$Content(props, ref) {
+    let domRef = (0, $7TVeb$useDOMRef)(ref);
+    [props, domRef] = (0, $7TVeb$useContextProps)(props, domRef, $8e847109a6ab556d$export$1cbdd774077931b4);
+    if (props.hidden) return null;
+    return /*#__PURE__*/ (0, $7TVeb$jsx)("div", {
+        ...props,
+        ref: domRef
+    });
+}
+const $8e847109a6ab556d$export$7c6e2c02157bb7d2 = /*#__PURE__*/ (0, $7TVeb$forwardRef)($8e847109a6ab556d$var$Content);
+const $8e847109a6ab556d$export$9afb8bc826b033ea = /*#__PURE__*/ (0, $7TVeb$createContext)({});
+function $8e847109a6ab556d$var$Text(props, ref) {
+    [props, ref] = (0, $7TVeb$useContextProps)(props, ref, $8e847109a6ab556d$export$9afb8bc826b033ea);
+    if (props.hidden) return null;
+    return /*#__PURE__*/ (0, $7TVeb$jsx)((0, $7TVeb$Text), {
+        ...props,
+        ref: ref
+    });
+}
+const $8e847109a6ab556d$export$5f1af8db9871e1d6 = /*#__PURE__*/ (0, $7TVeb$forwardRef)($8e847109a6ab556d$var$Text);
+const $8e847109a6ab556d$export$744d98a3b8a94e1c = /*#__PURE__*/ (0, $7TVeb$createContext)({});
+function $8e847109a6ab556d$var$Keyboard(props, ref) {
+    [props, ref] = (0, $7TVeb$useContextProps)(props, ref, $8e847109a6ab556d$export$744d98a3b8a94e1c);
+    if (props.hidden) return null;
+    return /*#__PURE__*/ (0, $7TVeb$jsx)((0, $7TVeb$Keyboard), {
+        ...props,
+        ref: ref
+    });
+}
+const $8e847109a6ab556d$export$16e4d70cc375e707 = /*#__PURE__*/ (0, $7TVeb$forwardRef)($8e847109a6ab556d$var$Keyboard);
+const $8e847109a6ab556d$export$5630640b68817ed6 = /*#__PURE__*/ (0, $7TVeb$createContext)({});
+function $8e847109a6ab556d$var$Footer(props, ref) {
+    let domRef = (0, $7TVeb$useDOMRef)(ref);
+    [props, domRef] = (0, $7TVeb$useContextProps)(props, domRef, $8e847109a6ab556d$export$5630640b68817ed6);
+    if (props.hidden) return null;
+    return /*#__PURE__*/ (0, $7TVeb$jsx)("footer", {
+        ...props,
+        ref: domRef
+    });
+}
+const $8e847109a6ab556d$export$a06f1c675e846f6f = /*#__PURE__*/ (0, $7TVeb$forwardRef)($8e847109a6ab556d$var$Footer);
+const $8e847109a6ab556d$export$8151eb379fcf2442 = /*#__PURE__*/ (0, $7TVeb$createContext)({});
+function $8e847109a6ab556d$var$Image(props, ref) {
+    let domRef = (0, $7TVeb$useDOMRef)(ref);
+    [props, domRef] = (0, $7TVeb$useContextProps)(props, domRef, $8e847109a6ab556d$export$8151eb379fcf2442);
+    if (props.hidden) return null;
+    if (props.alt == null) console.warn('The `alt` prop was not provided to an image. Add `alt` text for screen readers, or set `alt=""` prop to indicate that the image is decorative or redundant with displayed text and should not be announced by screen readers.');
+    return /*#__PURE__*/ (0, $7TVeb$jsx)("img", {
+        alt: props.alt,
+        ...props,
+        ref: domRef
+    });
+}
+const $8e847109a6ab556d$export$3e431a229df88919 = /*#__PURE__*/ (0, $7TVeb$forwardRef)($8e847109a6ab556d$var$Image);
+
+
+export {$8e847109a6ab556d$export$d688439359537581 as HeadingContext, $8e847109a6ab556d$export$a8a3e93435678ff9 as Heading, $8e847109a6ab556d$export$e0e4026c12a8bdbb as HeaderContext, $8e847109a6ab556d$export$8b251419efc915eb as Header, $8e847109a6ab556d$export$1cbdd774077931b4 as ContentContext, $8e847109a6ab556d$export$7c6e2c02157bb7d2 as Content, $8e847109a6ab556d$export$9afb8bc826b033ea as TextContext, $8e847109a6ab556d$export$5f1af8db9871e1d6 as Text, $8e847109a6ab556d$export$744d98a3b8a94e1c as KeyboardContext, $8e847109a6ab556d$export$16e4d70cc375e707 as Keyboard, $8e847109a6ab556d$export$5630640b68817ed6 as FooterContext, $8e847109a6ab556d$export$a06f1c675e846f6f as Footer, $8e847109a6ab556d$export$8151eb379fcf2442 as ImageContext, $8e847109a6ab556d$export$3e431a229df88919 as Image};
+//# sourceMappingURL=Content.mjs.map

package/dist/Content.mjs.map

@@ -0,0 +1 @@
+{"mappings":";;;;;AAAA;;;;;;;;;;CAUC;;;;AAgBM,MAAM,0DAAiB,CAAA,GAAA,oBAAY,EAAkD,CAAC;AAE7F,qDAAqD;AACrD,SAAS,8BAAQ,KAAmB,EAAE,GAAqC;IACzE,CAAC,OAAO,IAAI,GAAG,CAAA,GAAA,sBAAc,EAAE,OAAO,KAAK;IAC3C,IAAI,MAAM,MAAM,EACd,OAAO;IAGT,qBAAO,gBAAC,CAAA,GAAA,cAAS;QAAG,GAAG,KAAK;QAAE,KAAK;;AACrC;AAEA,MAAM,0DAAW,CAAA,GAAA,iBAAS,EAAE;AAGrB,MAAM,0DAAgB,CAAA,GAAA,oBAAY,EAA0D,CAAC;AAEpG,SAAS,6BAAO,KAAkC,EAAE,GAAW;IAC7D,IAAI,SAAS,CAAA,GAAA,gBAAQ,EAAE;IACvB,CAAC,OAAO,OAAO,GAAG,CAAA,GAAA,sBAAc,EAAE,OAAO,QAAQ;IACjD,IAAI,MAAM,MAAM,EACd,OAAO;IAGT,qBAAO,gBAAC,CAAA,GAAA,aAAQ;QAAG,GAAG,KAAK;QAAE,KAAK;;AACpC;AAEA,MAAM,0DAAU,CAAA,GAAA,iBAAS,EAAE;AAGpB,MAAM,0DAAiB,CAAA,GAAA,oBAAY,EAA6D,CAAC;AAExG,SAAS,8BAAQ,KAAkC,EAAE,GAA2B;IAC9E,IAAI,SAAS,CAAA,GAAA,gBAAQ,EAAE;IACvB,CAAC,OAAO,OAAO,GAAG,CAAA,GAAA,sBAAc,EAAE,OAAO,QAAQ;IACjD,IAAI,MAAM,MAAM,EACd,OAAO;IAET,qBAAO,gBAAC;QAAK,GAAG,KAAK;QAAE,KAAK;;AAC9B;AAEA,MAAM,0DAAW,CAAA,GAAA,iBAAS,EAAE;AAGrB,MAAM,0DAAc,CAAA,GAAA,oBAAY,EAA6D,CAAC;AAErG,SAAS,2BAAK,KAAkC,EAAE,GAAiC;IACjF,CAAC,OAAO,IAAI,GAAG,CAAA,GAAA,sBAAc,EAAE,OAAO,KAAK;IAC3C,IAAI,MAAM,MAAM,EACd,OAAO;IAET,qBAAO,gBAAC,CAAA,GAAA,WAAO;QAAG,GAAG,KAAK;QAAE,KAAK;;AACnC;AAEA,MAAM,0DAAQ,CAAA,GAAA,iBAAS,EAAE;AAGlB,MAAM,0DAAkB,CAAA,GAAA,oBAAY,EAA6D,CAAC;AAEzG,SAAS,+BAAS,KAAkC,EAAE,GAAiC;IACrF,CAAC,OAAO,IAAI,GAAG,CAAA,GAAA,sBAAc,EAAE,OAAO,KAAK;IAC3C,IAAI,MAAM,MAAM,EACd,OAAO;IAET,qBAAO,gBAAC,CAAA,GAAA,eAAW;QAAG,GAAG,KAAK;QAAE,KAAK;;AACvC;AAEA,MAAM,0DAAY,CAAA,GAAA,iBAAS,EAAE;AAGtB,MAAM,0DAAgB,CAAA,GAAA,oBAAY,EAA0D,CAAC;AAEpG,SAAS,6BAAO,KAAkC,EAAE,GAAW;IAC7D,IAAI,SAAS,CAAA,GAAA,gBAAQ,EAAE;IACvB,CAAC,OAAO,OAAO,GAAG,CAAA,GAAA,sBAAc,EAAE,OAAO,QAAQ;IACjD,IAAI,MAAM,MAAM,EACd,OAAO;IAET,qBAAO,gBAAC;QAAQ,GAAG,KAAK;QAAE,KAAK;;AACjC;AAEA,MAAM,0DAAU,CAAA,GAAA,iBAAS,EAAE;AAGpB,MAAM,0DAAe,CAAA,GAAA,oBAAY,EAAuE,CAAC;AAEhH,SAAS,4BAAM,KAA0C,EAAE,GAA6B;IACtF,IAAI,SAAS,CAAA,GAAA,gBAAQ,EAAE;IACvB,CAAC,OAAO,OAAO,GAAG,CAAA,GAAA,sBAAc,EAAE,OAAO,QAAQ;IACjD,IAAI,MAAM,MAAM,EACd,OAAO;IAGT,IAAI,MAAM,GAAG,IAAI,MACf,QAAQ,IAAI,CACV;IAMJ,qBAAO,gBAAC;QAAI,KAAK,MAAM,GAAG;QAAG,GAAG,KAAK;QAAE,KAAK;;AAC9C;AAEA,MAAM,0DAAS,CAAA,GAAA,iBAAS,EAAE","sources":["packages/@react-spectrum/s2/src/Content.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 {createContext, ForwardedRef, forwardRef, HTMLAttributes, ImgHTMLAttributes} from 'react';\nimport {DOMRef} from '@react-types/shared';\nimport {HeadingProps, Keyboard as KeyboardAria, Header as RACHeader, Heading as RACHeading, Text as TextAria, useContextProps} from 'react-aria-components';\nimport {useDOMRef} from '@react-spectrum/utils';\n\n// TODO: export these types from RAC?\ninterface SlottedValue<T> {\n  slots?: Record<string | symbol, T>\n}\n\nexport type SlottedContextValue<T> = SlottedValue<T> | T | null | undefined;\nexport type ContextValue<T, E extends Element> = SlottedContextValue<WithRef<T, E>>;\nexport type WithRef<T, E> = T & {ref?: ForwardedRef<E>};\n\nexport const HeadingContext = createContext<ContextValue<HeadingProps, HTMLHeadingElement>>({});\n\n// Wrapper around RAC Heading to unmount when hidden.\nfunction Heading(props: HeadingProps, ref: ForwardedRef<HTMLHeadingElement>) {\n  [props, ref] = useContextProps(props, ref, HeadingContext);\n  if (props.hidden) {\n    return null;\n  }\n\n  return <RACHeading {...props} ref={ref} />;\n}\n\nconst _Heading = forwardRef(Heading);\nexport {_Heading as Heading};\n\nexport const HeaderContext = createContext<ContextValue<HTMLAttributes<HTMLElement>, HTMLElement>>({});\n\nfunction Header(props: HTMLAttributes<HTMLElement>, ref: DOMRef) {\n  let domRef = useDOMRef(ref);\n  [props, domRef] = useContextProps(props, domRef, HeaderContext);\n  if (props.hidden) {\n    return null;\n  }\n\n  return <RACHeader {...props} ref={domRef} />;\n}\n\nconst _Header = forwardRef(Header);\nexport {_Header as Header};\n\nexport const ContentContext = createContext<ContextValue<HTMLAttributes<HTMLElement>, HTMLDivElement>>({});\n\nfunction Content(props: HTMLAttributes<HTMLElement>, ref: DOMRef<HTMLDivElement>) {\n  let domRef = useDOMRef(ref);\n  [props, domRef] = useContextProps(props, domRef, ContentContext);\n  if (props.hidden) {\n    return null;\n  }\n  return <div {...props} ref={domRef} />;\n}\n\nconst _Content = forwardRef(Content);\nexport {_Content as Content};\n\nexport const TextContext = createContext<ContextValue<HTMLAttributes<HTMLElement>, HTMLDivElement>>({});\n\nfunction Text(props: HTMLAttributes<HTMLElement>, ref: ForwardedRef<HTMLDivElement>) {\n  [props, ref] = useContextProps(props, ref, TextContext);\n  if (props.hidden) {\n    return null;\n  }\n  return <TextAria {...props} ref={ref} />;\n}\n\nconst _Text = forwardRef(Text);\nexport {_Text as Text};\n\nexport const KeyboardContext = createContext<ContextValue<HTMLAttributes<HTMLElement>, HTMLDivElement>>({});\n\nfunction Keyboard(props: HTMLAttributes<HTMLElement>, ref: ForwardedRef<HTMLDivElement>) {\n  [props, ref] = useContextProps(props, ref, KeyboardContext);\n  if (props.hidden) {\n    return null;\n  }\n  return <KeyboardAria {...props} ref={ref} />;\n}\n\nconst _Keyboard = forwardRef(Keyboard);\nexport {_Keyboard as Keyboard};\n\nexport const FooterContext = createContext<ContextValue<HTMLAttributes<HTMLElement>, HTMLElement>>({});\n\nfunction Footer(props: HTMLAttributes<HTMLElement>, ref: DOMRef) {\n  let domRef = useDOMRef(ref);\n  [props, domRef] = useContextProps(props, domRef, FooterContext);\n  if (props.hidden) {\n    return null;\n  }\n  return <footer {...props} ref={domRef} />;\n}\n\nconst _Footer = forwardRef(Footer);\nexport {_Footer as Footer};\n\nexport const ImageContext = createContext<ContextValue<ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>>({});\n\nfunction Image(props: ImgHTMLAttributes<HTMLImageElement>, ref: DOMRef<HTMLImageElement>) {\n  let domRef = useDOMRef(ref);\n  [props, domRef] = useContextProps(props, domRef, ImageContext);\n  if (props.hidden) {\n    return null;\n  }\n\n  if (props.alt == null) {\n    console.warn(\n      'The `alt` prop was not provided to an image. ' +\n      'Add `alt` text for screen readers, or set `alt=\"\"` prop to indicate that the image ' +\n      'is decorative or redundant with displayed text and should not be announced by screen readers.'\n    );\n  }\n\n  return <img alt={props.alt} {...props} ref={domRef} />;\n}\n\nconst _Image = forwardRef(Image);\nexport {_Image as Image};\n"],"names":[],"version":3,"file":"Content.mjs.map"}

package/dist/ContextualHelp.cjs

@@ -0,0 +1,118 @@
+require("./ContextualHelp.css");
+var $6e265ff388155b91$exports = require("./ActionButton.cjs");
+var $6367bc87eb7d24ad$exports = require("./Content.cjs");
+var $0f4636c7093b9233$exports = require("./Dialog.cjs");
+var $1ed1734de3fc1075$exports = require("./DialogTrigger.cjs");
+var $4a13db583e3ec6e0$exports = require("../icons/HelpCircle.cjs");
+var $0ed6e07b499b9797$exports = require("../icons/InfoCircle.cjs");
+var $308b180f49d82d28$exports = require("./runtime.cjs");
+var $493371ef39bf7a55$exports = require("./Popover.cjs");
+var $44GE8$reactjsxruntime = require("react/jsx-runtime");
+var $44GE8$reactariacomponents = require("react-aria-components");
+var $44GE8$react = require("react");
+var $44GE8$reactariautils = require("@react-aria/utils");
+var $44GE8$reactspectrumutils = require("@react-spectrum/utils");
+
+
+function $parcel$export(e, n, v, s) {
+  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
+}
+
+$parcel$export(module.exports, "ContextualHelpContext", () => $bab829476f85a155$export$41b9afaaba473494);
+$parcel$export(module.exports, "ContextualHelp", () => $bab829476f85a155$export$7d3cdb256c2ba320);
+
+
+
+
+
+
+
+
+
+
+
+
+
+const $bab829476f85a155$var$popover = " . _ca _c-enzrfpb _c-enzwzjc _c-enzykdd _c-enzzrge _c-eo0c6sf _c-1uotwbwg _c-bc1l9oh q-389edk l-389edk Eg Fg Cg Dg";
+const $bab829476f85a155$export$41b9afaaba473494 = /*#__PURE__*/ (0, $44GE8$react.createContext)({});
+function $bab829476f85a155$var$ContextualHelp(props, ref) {
+    let domRef = (0, $44GE8$reactspectrumutils.useFocusableRef)(ref);
+    [props, domRef] = (0, $44GE8$reactariacomponents.useContextProps)(props, domRef, $bab829476f85a155$export$41b9afaaba473494);
+    let { children: children, defaultOpen: defaultOpen, size: // containerPadding = 24, // See popover() above. Issue noted in Popover.tsx.
+    size = 'XS', crossOffset: crossOffset, isOpen: isOpen, offset: offset = 8, onOpenChange: onOpenChange, placement: placement = 'bottom start', shouldFlip: shouldFlip, UNSAFE_className: UNSAFE_className, UNSAFE_style: UNSAFE_style, variant: variant = 'help' } = props;
+    // In a FieldLabel we're getting the context's aria-labeledby, so we need to
+    // manually set the aria-label after useLabels() to keep the order of label
+    // then ContextualHelp variant
+    let labelProps = (0, $44GE8$reactariautils.useLabels)(props);
+    // Translate variant
+    labelProps['aria-label'] = labelProps['aria-label'] ? labelProps['aria-label'] + ' ' + variant : variant;
+    let buttonProps = (0, $44GE8$reactariautils.filterDOMProps)(props, {
+        labelable: true
+    });
+    return /*#__PURE__*/ (0, $44GE8$reactjsxruntime.jsxs)((0, $1ed1734de3fc1075$exports.DialogTrigger), {
+        isOpen: isOpen,
+        defaultOpen: defaultOpen,
+        onOpenChange: onOpenChange,
+        children: [
+            /*#__PURE__*/ (0, $44GE8$reactjsxruntime.jsx)((0, $6e265ff388155b91$exports.ActionButton), {
+                slot: null,
+                ref: ref,
+                size: size,
+                ...(0, $44GE8$reactariautils.mergeProps)(buttonProps, labelProps),
+                UNSAFE_style: UNSAFE_style,
+                UNSAFE_className: UNSAFE_className,
+                isQuiet: true,
+                children: variant === 'info' ? /*#__PURE__*/ (0, $44GE8$reactjsxruntime.jsx)((0, $0ed6e07b499b9797$exports.default), {}) : /*#__PURE__*/ (0, $44GE8$reactjsxruntime.jsx)((0, $4a13db583e3ec6e0$exports.default), {})
+            }),
+            /*#__PURE__*/ (0, $44GE8$reactjsxruntime.jsx)((0, $493371ef39bf7a55$exports.Popover), {
+                placement: placement,
+                shouldFlip: shouldFlip,
+                // not working => containerPadding={containerPadding}
+                offset: offset,
+                crossOffset: crossOffset,
+                hideArrow: true,
+                UNSAFE_className: $bab829476f85a155$var$popover,
+                children: /*#__PURE__*/ (0, $44GE8$reactjsxruntime.jsx)((0, $44GE8$reactariacomponents.Dialog), {
+                    className: (0, $308b180f49d82d28$exports.mergeStyles)((0, $0f4636c7093b9233$exports.dialogInner), " . _va _wa _xa _ya"),
+                    children: /*#__PURE__*/ (0, $44GE8$reactjsxruntime.jsx)((0, $44GE8$reactariacomponents.Provider), {
+                        values: [
+                            [
+                                (0, $44GE8$reactariacomponents.TextContext),
+                                {
+                                    slots: {
+                                        [(0, $44GE8$reactariacomponents.DEFAULT_SLOT)]: {}
+                                    }
+                                }
+                            ],
+                            [
+                                (0, $6367bc87eb7d24ad$exports.HeadingContext),
+                                {
+                                    className: " . _ca _c-enzrfpb _c-enzwzjc _c-enzykdd _c-enzzrge _c-eo0c6sf _c-1uotwbwg _c-bc1l9oh _dg _dbh _ed _e-1x99dloe _fa _f-1x99dlob ao Aa B-y6pz8c Bb-8hx8xw ya za"
+                                }
+                            ],
+                            [
+                                (0, $6367bc87eb7d24ad$exports.ContentContext),
+                                {
+                                    className: " . _ca _c-enzrfpb _c-enzwzjc _c-enzykdd _c-enzzrge _c-eo0c6sf _c-1uotwbwg _c-bc1l9oh _de _dbf _eb _fb _f-1x99dloc an"
+                                }
+                            ],
+                            [
+                                (0, $6367bc87eb7d24ad$exports.FooterContext),
+                                {
+                                    className: " . _ca _c-enzrfpb _c-enzwzjc _c-enzykdd _c-enzzrge _c-eo0c6sf _c-1uotwbwg _c-bc1l9oh _de _dbf _eb _fb _f-1x99dloc an Ae"
+                                }
+                            ]
+                        ],
+                        children: children
+                    })
+                })
+            })
+        ]
+    });
+}
+/**
+ * Contextual help shows a user extra information about the state of an adjacent component, or a total view.
+ */ let $bab829476f85a155$export$7d3cdb256c2ba320 = /*#__PURE__*/ (0, $44GE8$react.forwardRef)($bab829476f85a155$var$ContextualHelp);
+
+
+//# sourceMappingURL=ContextualHelp.cjs.map

package/dist/ContextualHelp.cjs.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsCA,MAAM;AAOC,MAAM,0DAAwB,CAAA,GAAA,0BAAY,EAAwD,CAAC;AAE1G,SAAS,qCAAe,KAA0B,EAAE,GAAoC;IACtF,IAAI,SAAS,CAAA,GAAA,yCAAc,EAAE;IAC7B,CAAC,OAAO,OAAO,GAAG,CAAA,GAAA,0CAAc,EAAE,OAAO,QAAQ;IACjD,IAAI,YACF,QAAQ,eACR,WAAW,QACX,6EAA6E;IAC7E,OAAO,mBACP,WAAW,UACX,MAAM,UACN,SAAS,iBACT,YAAY,aACZ,YAAY,4BACZ,UAAU,oBACV,gBAAgB,gBAChB,YAAY,WACZ,UAAU,QACX,GAAG;IAEJ,4EAA4E;IAC5E,2EAA2E;IAC3E,8BAA8B;IAC9B,IAAI,aAAa,CAAA,GAAA,+BAAQ,EAAE;IAC3B,oBAAoB;IACpB,UAAU,CAAC,aAAa,GAAG,UAAU,CAAC,aAAa,GAAG,UAAU,CAAC,aAAa,GAAG,MAAM,UAAU;IAEjG,IAAI,cAAc,CAAA,GAAA,oCAAa,EAAE,OAAO;QAAC,WAAW;IAAI;IAExD,qBACE,iCAAC,CAAA,GAAA,uCAAY;QACX,QAAQ;QACR,aAAa;QACb,cAAc;;0BACd,gCAAC,CAAA,GAAA,sCAAW;gBACV,MAAM;gBACN,KAAK;gBACL,MAAM;gBACL,GAAG,CAAA,GAAA,gCAAS,EAAE,aAAa,WAAW;gBACvC,cAAc;gBACd,kBAAkB;gBAClB,OAAO;0BACN,YAAY,uBAAS,gCAAC,CAAA,GAAA,iCAAO,uBAAO,gCAAC,CAAA,GAAA,iCAAO;;0BAE/C,gCAAC,CAAA,GAAA,iCAAM;gBACL,WAAW;gBACX,YAAY;gBACZ,qDAAqD;gBACrD,QAAQ;gBACR,aAAa;gBACb,SAAS;gBACT,kBAAkB;0BAClB,cAAA,gCAAC,CAAA,GAAA,iCAAQ;oBAAE,WAAW,CAAA,GAAA,qCAAU,EAAE,CAAA,GAAA,qCAAU;8BAC1C,cAAA,gCAAC,CAAA,GAAA,mCAAO;wBACN,QAAQ;4BACN;gCAAC,CAAA,GAAA,sCAAU;gCAAG;oCACZ,OAAO;wCACL,CAAC,CAAA,GAAA,uCAAW,EAAE,EAAE,CAAC;oCACnB;gCACF;6BAAE;4BACF;gCAAC,CAAA,GAAA,wCAAa;gCAAG;oCAAC,SAAS;gCAIzB;6BAAE;4BACJ;gCAAC,CAAA,GAAA,wCAAa;gCAAG;oCAAC,SAAS;gCAEzB;6BAAE;4BACJ;gCAAC,CAAA,GAAA,uCAAY;gCAAG;oCAAC,SAAS;gCAGxB;6BAAE;yBACL;kCACA;;;;;;AAMb;AAEA;;CAEC,GACD,IAAI,0DAAkB,CAAA,GAAA,uBAAS,EAAE","sources":["packages/@react-spectrum/s2/src/ContextualHelp.tsx"],"sourcesContent":["import {ActionButton} from './ActionButton';\nimport {AriaLabelingProps, DOMProps, FocusableRef} from '@react-types/shared';\nimport {ContentContext, FooterContext, HeadingContext} from './Content';\nimport {ContextValue, DEFAULT_SLOT, Provider, Dialog as RACDialog, TextContext, useContextProps} from 'react-aria-components';\nimport {createContext, forwardRef, ReactNode} from 'react';\nimport {dialogInner} from './Dialog';\nimport {DialogTrigger, DialogTriggerProps} from './DialogTrigger';\nimport {filterDOMProps, mergeProps, useLabels} from '@react-aria/utils';\nimport HelpIcon from '../s2wf-icons/S2_Icon_HelpCircle_20_N.svg';\nimport InfoIcon from '../s2wf-icons/S2_Icon_InfoCircle_20_N.svg';\nimport {mergeStyles} from '../style/runtime';\nimport {Popover, PopoverProps} from './Popover';\nimport {style, size as styleSize} from '../style/spectrum-theme' with {type: 'macro'};\nimport {StyleProps} from './style-utils' with { type: 'macro' };\nimport {useFocusableRef} from '@react-spectrum/utils';\n\nexport interface ContextualHelpStyleProps {\n  /**\n   * Indicates whether contents are informative or provides helpful guidance.\n   *\n   * @default 'help'\n   */\n  variant?: 'info' | 'help'\n}\nexport interface ContextualHelpProps extends\n  Pick<DialogTriggerProps, 'isOpen' | 'defaultOpen' | 'onOpenChange' | 'shouldFlip' | 'offset' | 'crossOffset' | 'placement'>,\n  Pick<PopoverProps, 'containerPadding'>,\n  ContextualHelpStyleProps, StyleProps, DOMProps, AriaLabelingProps {\n  /** Contents of the Contextual Help popover. */\n  children?: ReactNode,\n  /**\n   * The size of the ActionButton.\n   *\n   * @default 'XS'\n   */\n  size?: 'XS' | 'S'\n}\n\nconst popover = style({\n  fontFamily: 'sans',\n  minWidth: '[218px]',\n  width: '[218px]',\n  padding: 24\n});\n\nexport const ContextualHelpContext = createContext<ContextValue<ContextualHelpProps, HTMLButtonElement>>({});\n\nfunction ContextualHelp(props: ContextualHelpProps, ref: FocusableRef<HTMLButtonElement>) {\n  let domRef = useFocusableRef(ref);\n  [props, domRef] = useContextProps(props, domRef, ContextualHelpContext);\n  let {\n    children,\n    defaultOpen,\n    // containerPadding = 24, // See popover() above. Issue noted in Popover.tsx.\n    size = 'XS',\n    crossOffset,\n    isOpen,\n    offset = 8,\n    onOpenChange,\n    placement = 'bottom start',\n    shouldFlip,\n    UNSAFE_className,\n    UNSAFE_style,\n    variant = 'help'\n  } = props;\n\n  // In a FieldLabel we're getting the context's aria-labeledby, so we need to\n  // manually set the aria-label after useLabels() to keep the order of label\n  // then ContextualHelp variant\n  let labelProps = useLabels(props);\n  // Translate variant\n  labelProps['aria-label'] = labelProps['aria-label'] ? labelProps['aria-label'] + ' ' + variant : variant;\n\n  let buttonProps = filterDOMProps(props, {labelable: true});\n\n  return (\n    <DialogTrigger\n      isOpen={isOpen}\n      defaultOpen={defaultOpen}\n      onOpenChange={onOpenChange}>\n      <ActionButton\n        slot={null}\n        ref={ref}\n        size={size}\n        {...mergeProps(buttonProps, labelProps)}\n        UNSAFE_style={UNSAFE_style}\n        UNSAFE_className={UNSAFE_className}\n        isQuiet>\n        {variant === 'info' ? <InfoIcon /> : <HelpIcon />}\n      </ActionButton>\n      <Popover\n        placement={placement}\n        shouldFlip={shouldFlip}\n        // not working => containerPadding={containerPadding}\n        offset={offset}\n        crossOffset={crossOffset}\n        hideArrow\n        UNSAFE_className={popover}>\n        <RACDialog className={mergeStyles(dialogInner, style({borderRadius: 'none'}))}>\n          <Provider\n            values={[\n              [TextContext, {\n                slots: {\n                  [DEFAULT_SLOT]: {}\n                }\n              }],\n              [HeadingContext, {className: style({\n                font: 'heading-xs',\n                margin: 0,\n                marginBottom: styleSize(8) // This only makes it 10px on mobile and should be 12px\n              })}],\n              [ContentContext, {className: style({\n                font: 'body-sm'\n              })}],\n              [FooterContext, {className: style({\n                font: 'body-sm',\n                marginTop: 16\n              })}]\n            ]}>\n            {children}\n          </Provider>\n        </RACDialog>\n      </Popover>\n    </DialogTrigger>\n  );\n}\n\n/**\n * Contextual help shows a user extra information about the state of an adjacent component, or a total view.\n */\nlet _ContextualHelp = forwardRef(ContextualHelp);\nexport {_ContextualHelp as ContextualHelp};\n"],"names":[],"version":3,"file":"ContextualHelp.cjs.map"}

package/dist/ContextualHelp.css

@@ -0,0 +1,180 @@
+@layer _.a {
+  .q-389edk {
+    min-width: 218px;
+  }
+
+  .l-389edk {
+    width: 218px;
+  }
+
+  .Eg {
+    padding-top: 1.5rem;
+  }
+
+  .Fg {
+    padding-bottom: 1.5rem;
+  }
+
+  .Cg {
+    padding-inline-start: 1.5rem;
+  }
+
+  .Dg {
+    padding-inline-end: 1.5rem;
+  }
+
+  ._va {
+    border-start-start-radius: 0;
+  }
+
+  ._wa {
+    border-start-end-radius: 0;
+  }
+
+  ._xa {
+    border-end-start-radius: 0;
+  }
+
+  ._ya {
+    border-end-end-radius: 0;
+  }
+
+  ._dg {
+    font-size: 1rem;
+  }
+
+  ._ed {
+    font-variation-settings: "wght" 700;
+    font-synthesis-weight: none;
+    font-weight: 700;
+  }
+
+  ._fa {
+    line-height: 1.3;
+  }
+
+  .ao {
+    color: var(--lightningcss-light, #131313) var(--lightningcss-dark, #f2f2f2);
+  }
+
+  .Aa {
+    margin-top: 0;
+  }
+
+  .B-y6pz8c {
+    margin-bottom: .5rem;
+  }
+
+  .ya {
+    margin-inline-start: 0;
+  }
+
+  .za {
+    margin-inline-end: 0;
+  }
+
+  ._ca {
+    font-family: adobe-clean-variable, adobe-clean, ui-sans-serif, system-ui, sans-serif;
+  }
+
+  ._de {
+    font-size: .875rem;
+  }
+
+  ._eb {
+    font-variation-settings: "wght" 400;
+    font-synthesis-weight: none;
+    font-weight: 400;
+  }
+
+  ._fb {
+    line-height: 1.5;
+  }
+
+  .an {
+    color: var(--lightningcss-light, #292929) var(--lightningcss-dark, #dbdbdb);
+  }
+
+  .Ae {
+    margin-top: 1rem;
+  }
+}
+
+@layer _.b {
+  ._e-1x99dloe:is(:lang(ja), :lang(ko), :lang(zh), :lang(zh-Hant), :lang(zh-Hans)) {
+    font-variation-settings: "wght" 800;
+    font-synthesis-weight: none;
+    font-weight: 800;
+  }
+
+  ._f-1x99dlob:is(:lang(ja), :lang(ko), :lang(zh), :lang(zh-Hant), :lang(zh-Hans)) {
+    line-height: 1.5;
+  }
+
+  ._c-enzrfpb:lang(ar) {
+    font-family: myriad-arabic, ui-sans-serif, system-ui, sans-serif;
+  }
+
+  ._f-1x99dloc:is(:lang(ja), :lang(ko), :lang(zh), :lang(zh-Hant), :lang(zh-Hans)) {
+    line-height: 1.7;
+  }
+}
+
+@layer _.c {
+  ._c-enzwzjc:lang(he) {
+    font-family: myriad-hebrew, ui-sans-serif, system-ui, sans-serif;
+  }
+}
+
+@layer _.d {
+  ._c-enzykdd:lang(ja) {
+    font-family: adobe-clean-han-japanese, Hiragino Kaku Gothic ProN, ヒラギノ角ゴ ProN W3, Osaka, YuGothic, Yu Gothic, メイリオ, Meiryo, ＭＳ Ｐゴシック, MS PGothic, sans-serif;
+  }
+}
+
+@layer _.e {
+  ._c-enzzrge:lang(ko) {
+    font-family: adobe-clean-han-korean, source-han-korean, Malgun Gothic, Apple Gothic, sans-serif;
+  }
+}
+
+@layer _.f {
+  ._c-eo0c6sf:lang(zh) {
+    font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Heiti TC Light, sans-serif;
+  }
+}
+
+@layer _.g {
+  ._c-1uotwbwg:lang(zh-hant) {
+    font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Microsoft JhengHei UI, Microsoft JhengHei, Heiti TC Light, sans-serif;
+  }
+}
+
+@layer _.h {
+  ._c-bc1l9oh:is(:lang(zh-Hans), :lang(zh-CN), :lang(zh-SG)) {
+    font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif;
+  }
+}
+
+@layer UNSAFE_overrides;
+
+@layer _.b.b {
+  @media not ((hover: hover) and (pointer: fine)) {
+    ._dbh {
+      font-size: 1.1875rem;
+    }
+
+    .Bb-8hx8xw {
+      margin-bottom: .625rem;
+    }
+
+    ._dbf {
+      font-size: 1.0625rem;
+    }
+  }
+}
+
+.\.:not(#a#b) {
+  all: revert-layer;
+}
+/*# sourceMappingURL=ContextualHelp.css.map */

package/dist/ContextualHelp.css.map

@@ -0,0 +1 @@
+{"mappings":"ACsCgB;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EA4DuC;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAQZ;;;;EAAA;;;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAQD;;;;EAAA;;;;EAAA;;;;;;EAAA;;;;EAAA;;;;EAAA;;;;;AA5E1B;EAoE2B;;;;;;EAAA;;;;EAQD;;;;EAAA;;;;;AA5E1B;EAAA;;;;;AAAA;EAAA;;;;;AAAA;EAAA;;;;;AAAA;EAAA;;;;;AAAA;EAAA;;;;;AAAA;EAAA;;;;;AAAA;;AAoE2B;EAAA;IAAA;;;;IAAA;;;;IAKA;;;;;;AAAA","sources":["019fb1fcc3c1598d","packages/@react-spectrum/s2/src/ContextualHelp.tsx"],"sourcesContent":["@import \"3578337ca657fa78\";\n@import \"a023844b8de14349\";\n@import \"3be9de50ea21a4ea\";\n@import \"5266771b1d67e2fb\";\n@import \"ccaa61f08a335ea7\";\n","import {ActionButton} from './ActionButton';\nimport {AriaLabelingProps, DOMProps, FocusableRef} from '@react-types/shared';\nimport {ContentContext, FooterContext, HeadingContext} from './Content';\nimport {ContextValue, DEFAULT_SLOT, Provider, Dialog as RACDialog, TextContext, useContextProps} from 'react-aria-components';\nimport {createContext, forwardRef, ReactNode} from 'react';\nimport {dialogInner} from './Dialog';\nimport {DialogTrigger, DialogTriggerProps} from './DialogTrigger';\nimport {filterDOMProps, mergeProps, useLabels} from '@react-aria/utils';\nimport HelpIcon from '../s2wf-icons/S2_Icon_HelpCircle_20_N.svg';\nimport InfoIcon from '../s2wf-icons/S2_Icon_InfoCircle_20_N.svg';\nimport {mergeStyles} from '../style/runtime';\nimport {Popover, PopoverProps} from './Popover';\nimport {style, size as styleSize} from '../style/spectrum-theme' with {type: 'macro'};\nimport {StyleProps} from './style-utils' with { type: 'macro' };\nimport {useFocusableRef} from '@react-spectrum/utils';\n\nexport interface ContextualHelpStyleProps {\n  /**\n   * Indicates whether contents are informative or provides helpful guidance.\n   *\n   * @default 'help'\n   */\n  variant?: 'info' | 'help'\n}\nexport interface ContextualHelpProps extends\n  Pick<DialogTriggerProps, 'isOpen' | 'defaultOpen' | 'onOpenChange' | 'shouldFlip' | 'offset' | 'crossOffset' | 'placement'>,\n  Pick<PopoverProps, 'containerPadding'>,\n  ContextualHelpStyleProps, StyleProps, DOMProps, AriaLabelingProps {\n  /** Contents of the Contextual Help popover. */\n  children?: ReactNode,\n  /**\n   * The size of the ActionButton.\n   *\n   * @default 'XS'\n   */\n  size?: 'XS' | 'S'\n}\n\nconst popover = style({\n  fontFamily: 'sans',\n  minWidth: '[218px]',\n  width: '[218px]',\n  padding: 24\n});\n\nexport const ContextualHelpContext = createContext<ContextValue<ContextualHelpProps, HTMLButtonElement>>({});\n\nfunction ContextualHelp(props: ContextualHelpProps, ref: FocusableRef<HTMLButtonElement>) {\n  let domRef = useFocusableRef(ref);\n  [props, domRef] = useContextProps(props, domRef, ContextualHelpContext);\n  let {\n    children,\n    defaultOpen,\n    // containerPadding = 24, // See popover() above. Issue noted in Popover.tsx.\n    size = 'XS',\n    crossOffset,\n    isOpen,\n    offset = 8,\n    onOpenChange,\n    placement = 'bottom start',\n    shouldFlip,\n    UNSAFE_className,\n    UNSAFE_style,\n    variant = 'help'\n  } = props;\n\n  // In a FieldLabel we're getting the context's aria-labeledby, so we need to\n  // manually set the aria-label after useLabels() to keep the order of label\n  // then ContextualHelp variant\n  let labelProps = useLabels(props);\n  // Translate variant\n  labelProps['aria-label'] = labelProps['aria-label'] ? labelProps['aria-label'] + ' ' + variant : variant;\n\n  let buttonProps = filterDOMProps(props, {labelable: true});\n\n  return (\n    <DialogTrigger\n      isOpen={isOpen}\n      defaultOpen={defaultOpen}\n      onOpenChange={onOpenChange}>\n      <ActionButton\n        slot={null}\n        ref={ref}\n        size={size}\n        {...mergeProps(buttonProps, labelProps)}\n        UNSAFE_style={UNSAFE_style}\n        UNSAFE_className={UNSAFE_className}\n        isQuiet>\n        {variant === 'info' ? <InfoIcon /> : <HelpIcon />}\n      </ActionButton>\n      <Popover\n        placement={placement}\n        shouldFlip={shouldFlip}\n        // not working => containerPadding={containerPadding}\n        offset={offset}\n        crossOffset={crossOffset}\n        hideArrow\n        UNSAFE_className={popover}>\n        <RACDialog className={mergeStyles(dialogInner, style({borderRadius: 'none'}))}>\n          <Provider\n            values={[\n              [TextContext, {\n                slots: {\n                  [DEFAULT_SLOT]: {}\n                }\n              }],\n              [HeadingContext, {className: style({\n                font: 'heading-xs',\n                margin: 0,\n                marginBottom: styleSize(8) // This only makes it 10px on mobile and should be 12px\n              })}],\n              [ContentContext, {className: style({\n                font: 'body-sm'\n              })}],\n              [FooterContext, {className: style({\n                font: 'body-sm',\n                marginTop: 16\n              })}]\n            ]}>\n            {children}\n          </Provider>\n        </RACDialog>\n      </Popover>\n    </DialogTrigger>\n  );\n}\n\n/**\n * Contextual help shows a user extra information about the state of an adjacent component, or a total view.\n */\nlet _ContextualHelp = forwardRef(ContextualHelp);\nexport {_ContextualHelp as ContextualHelp};\n"],"names":[],"version":3,"file":"ContextualHelp.css.map"}

package/dist/ContextualHelp.mjs

@@ -0,0 +1,112 @@
+import "./ContextualHelp.css";
+import {ActionButton as $da878a05ab4a403e$export$cfc7921d29ef7b80} from "./ActionButton.mjs";
+import {ContentContext as $8e847109a6ab556d$export$1cbdd774077931b4, FooterContext as $8e847109a6ab556d$export$5630640b68817ed6, HeadingContext as $8e847109a6ab556d$export$d688439359537581} from "./Content.mjs";
+import {dialogInner as $9bbc115952dac5a6$export$6af31f836f9aa6f2} from "./Dialog.mjs";
+import {DialogTrigger as $66262086fa190fcb$export$2e1e1122cf0cba88} from "./DialogTrigger.mjs";
+import $410bd93c9b5189d7$export$2e2bcd8739ae039 from "../icons/HelpCircle.mjs";
+import $4c8f17dac3ecefd9$export$2e2bcd8739ae039 from "../icons/InfoCircle.mjs";
+import {mergeStyles as $feb886035e0d4633$export$e618dc39ac9ad607} from "./runtime.mjs";
+import {Popover as $88b746eba92c8d0d$export$5b6b19405a83ff9d} from "./Popover.mjs";
+import {jsxs as $bcd4U$jsxs, jsx as $bcd4U$jsx} from "react/jsx-runtime";
+import {useContextProps as $bcd4U$useContextProps, Dialog as $bcd4U$Dialog, Provider as $bcd4U$Provider, TextContext as $bcd4U$TextContext, DEFAULT_SLOT as $bcd4U$DEFAULT_SLOT} from "react-aria-components";
+import {createContext as $bcd4U$createContext, forwardRef as $bcd4U$forwardRef} from "react";
+import {useLabels as $bcd4U$useLabels, filterDOMProps as $bcd4U$filterDOMProps, mergeProps as $bcd4U$mergeProps} from "@react-aria/utils";
+import {useFocusableRef as $bcd4U$useFocusableRef} from "@react-spectrum/utils";
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+const $8e176595bc49ca3f$var$popover = " . _ca _c-enzrfpb _c-enzwzjc _c-enzykdd _c-enzzrge _c-eo0c6sf _c-1uotwbwg _c-bc1l9oh q-389edk l-389edk Eg Fg Cg Dg";
+const $8e176595bc49ca3f$export$41b9afaaba473494 = /*#__PURE__*/ (0, $bcd4U$createContext)({});
+function $8e176595bc49ca3f$var$ContextualHelp(props, ref) {
+    let domRef = (0, $bcd4U$useFocusableRef)(ref);
+    [props, domRef] = (0, $bcd4U$useContextProps)(props, domRef, $8e176595bc49ca3f$export$41b9afaaba473494);
+    let { children: children, defaultOpen: defaultOpen, size: // containerPadding = 24, // See popover() above. Issue noted in Popover.tsx.
+    size = 'XS', crossOffset: crossOffset, isOpen: isOpen, offset: offset = 8, onOpenChange: onOpenChange, placement: placement = 'bottom start', shouldFlip: shouldFlip, UNSAFE_className: UNSAFE_className, UNSAFE_style: UNSAFE_style, variant: variant = 'help' } = props;
+    // In a FieldLabel we're getting the context's aria-labeledby, so we need to
+    // manually set the aria-label after useLabels() to keep the order of label
+    // then ContextualHelp variant
+    let labelProps = (0, $bcd4U$useLabels)(props);
+    // Translate variant
+    labelProps['aria-label'] = labelProps['aria-label'] ? labelProps['aria-label'] + ' ' + variant : variant;
+    let buttonProps = (0, $bcd4U$filterDOMProps)(props, {
+        labelable: true
+    });
+    return /*#__PURE__*/ (0, $bcd4U$jsxs)((0, $66262086fa190fcb$export$2e1e1122cf0cba88), {
+        isOpen: isOpen,
+        defaultOpen: defaultOpen,
+        onOpenChange: onOpenChange,
+        children: [
+            /*#__PURE__*/ (0, $bcd4U$jsx)((0, $da878a05ab4a403e$export$cfc7921d29ef7b80), {
+                slot: null,
+                ref: ref,
+                size: size,
+                ...(0, $bcd4U$mergeProps)(buttonProps, labelProps),
+                UNSAFE_style: UNSAFE_style,
+                UNSAFE_className: UNSAFE_className,
+                isQuiet: true,
+                children: variant === 'info' ? /*#__PURE__*/ (0, $bcd4U$jsx)((0, $4c8f17dac3ecefd9$export$2e2bcd8739ae039), {}) : /*#__PURE__*/ (0, $bcd4U$jsx)((0, $410bd93c9b5189d7$export$2e2bcd8739ae039), {})
+            }),
+            /*#__PURE__*/ (0, $bcd4U$jsx)((0, $88b746eba92c8d0d$export$5b6b19405a83ff9d), {
+                placement: placement,
+                shouldFlip: shouldFlip,
+                // not working => containerPadding={containerPadding}
+                offset: offset,
+                crossOffset: crossOffset,
+                hideArrow: true,
+                UNSAFE_className: $8e176595bc49ca3f$var$popover,
+                children: /*#__PURE__*/ (0, $bcd4U$jsx)((0, $bcd4U$Dialog), {
+                    className: (0, $feb886035e0d4633$export$e618dc39ac9ad607)((0, $9bbc115952dac5a6$export$6af31f836f9aa6f2), " . _va _wa _xa _ya"),
+                    children: /*#__PURE__*/ (0, $bcd4U$jsx)((0, $bcd4U$Provider), {
+                        values: [
+                            [
+                                (0, $bcd4U$TextContext),
+                                {
+                                    slots: {
+                                        [(0, $bcd4U$DEFAULT_SLOT)]: {}
+                                    }
+                                }
+                            ],
+                            [
+                                (0, $8e847109a6ab556d$export$d688439359537581),
+                                {
+                                    className: " . _ca _c-enzrfpb _c-enzwzjc _c-enzykdd _c-enzzrge _c-eo0c6sf _c-1uotwbwg _c-bc1l9oh _dg _dbh _ed _e-1x99dloe _fa _f-1x99dlob ao Aa B-y6pz8c Bb-8hx8xw ya za"
+                                }
+                            ],
+                            [
+                                (0, $8e847109a6ab556d$export$1cbdd774077931b4),
+                                {
+                                    className: " . _ca _c-enzrfpb _c-enzwzjc _c-enzykdd _c-enzzrge _c-eo0c6sf _c-1uotwbwg _c-bc1l9oh _de _dbf _eb _fb _f-1x99dloc an"
+                                }
+                            ],
+                            [
+                                (0, $8e847109a6ab556d$export$5630640b68817ed6),
+                                {
+                                    className: " . _ca _c-enzrfpb _c-enzwzjc _c-enzykdd _c-enzzrge _c-eo0c6sf _c-1uotwbwg _c-bc1l9oh _de _dbf _eb _fb _f-1x99dloc an Ae"
+                                }
+                            ]
+                        ],
+                        children: children
+                    })
+                })
+            })
+        ]
+    });
+}
+/**
+ * Contextual help shows a user extra information about the state of an adjacent component, or a total view.
+ */ let $8e176595bc49ca3f$export$7d3cdb256c2ba320 = /*#__PURE__*/ (0, $bcd4U$forwardRef)($8e176595bc49ca3f$var$ContextualHelp);
+
+
+export {$8e176595bc49ca3f$export$41b9afaaba473494 as ContextualHelpContext, $8e176595bc49ca3f$export$7d3cdb256c2ba320 as ContextualHelp};
+//# sourceMappingURL=ContextualHelp.mjs.map

package/dist/ContextualHelp.mjs.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsCA,MAAM;AAOC,MAAM,0DAAwB,CAAA,GAAA,oBAAY,EAAwD,CAAC;AAE1G,SAAS,qCAAe,KAA0B,EAAE,GAAoC;IACtF,IAAI,SAAS,CAAA,GAAA,sBAAc,EAAE;IAC7B,CAAC,OAAO,OAAO,GAAG,CAAA,GAAA,sBAAc,EAAE,OAAO,QAAQ;IACjD,IAAI,YACF,QAAQ,eACR,WAAW,QACX,6EAA6E;IAC7E,OAAO,mBACP,WAAW,UACX,MAAM,UACN,SAAS,iBACT,YAAY,aACZ,YAAY,4BACZ,UAAU,oBACV,gBAAgB,gBAChB,YAAY,WACZ,UAAU,QACX,GAAG;IAEJ,4EAA4E;IAC5E,2EAA2E;IAC3E,8BAA8B;IAC9B,IAAI,aAAa,CAAA,GAAA,gBAAQ,EAAE;IAC3B,oBAAoB;IACpB,UAAU,CAAC,aAAa,GAAG,UAAU,CAAC,aAAa,GAAG,UAAU,CAAC,aAAa,GAAG,MAAM,UAAU;IAEjG,IAAI,cAAc,CAAA,GAAA,qBAAa,EAAE,OAAO;QAAC,WAAW;IAAI;IAExD,qBACE,iBAAC,CAAA,GAAA,yCAAY;QACX,QAAQ;QACR,aAAa;QACb,cAAc;;0BACd,gBAAC,CAAA,GAAA,yCAAW;gBACV,MAAM;gBACN,KAAK;gBACL,MAAM;gBACL,GAAG,CAAA,GAAA,iBAAS,EAAE,aAAa,WAAW;gBACvC,cAAc;gBACd,kBAAkB;gBAClB,OAAO;0BACN,YAAY,uBAAS,gBAAC,CAAA,GAAA,wCAAO,uBAAO,gBAAC,CAAA,GAAA,wCAAO;;0BAE/C,gBAAC,CAAA,GAAA,yCAAM;gBACL,WAAW;gBACX,YAAY;gBACZ,qDAAqD;gBACrD,QAAQ;gBACR,aAAa;gBACb,SAAS;gBACT,kBAAkB;0BAClB,cAAA,gBAAC,CAAA,GAAA,aAAQ;oBAAE,WAAW,CAAA,GAAA,yCAAU,EAAE,CAAA,GAAA,yCAAU;8BAC1C,cAAA,gBAAC,CAAA,GAAA,eAAO;wBACN,QAAQ;4BACN;gCAAC,CAAA,GAAA,kBAAU;gCAAG;oCACZ,OAAO;wCACL,CAAC,CAAA,GAAA,mBAAW,EAAE,EAAE,CAAC;oCACnB;gCACF;6BAAE;4BACF;gCAAC,CAAA,GAAA,yCAAa;gCAAG;oCAAC,SAAS;gCAIzB;6BAAE;4BACJ;gCAAC,CAAA,GAAA,yCAAa;gCAAG;oCAAC,SAAS;gCAEzB;6BAAE;4BACJ;gCAAC,CAAA,GAAA,yCAAY;gCAAG;oCAAC,SAAS;gCAGxB;6BAAE;yBACL;kCACA;;;;;;AAMb;AAEA;;CAEC,GACD,IAAI,0DAAkB,CAAA,GAAA,iBAAS,EAAE","sources":["packages/@react-spectrum/s2/src/ContextualHelp.tsx"],"sourcesContent":["import {ActionButton} from './ActionButton';\nimport {AriaLabelingProps, DOMProps, FocusableRef} from '@react-types/shared';\nimport {ContentContext, FooterContext, HeadingContext} from './Content';\nimport {ContextValue, DEFAULT_SLOT, Provider, Dialog as RACDialog, TextContext, useContextProps} from 'react-aria-components';\nimport {createContext, forwardRef, ReactNode} from 'react';\nimport {dialogInner} from './Dialog';\nimport {DialogTrigger, DialogTriggerProps} from './DialogTrigger';\nimport {filterDOMProps, mergeProps, useLabels} from '@react-aria/utils';\nimport HelpIcon from '../s2wf-icons/S2_Icon_HelpCircle_20_N.svg';\nimport InfoIcon from '../s2wf-icons/S2_Icon_InfoCircle_20_N.svg';\nimport {mergeStyles} from '../style/runtime';\nimport {Popover, PopoverProps} from './Popover';\nimport {style, size as styleSize} from '../style/spectrum-theme' with {type: 'macro'};\nimport {StyleProps} from './style-utils' with { type: 'macro' };\nimport {useFocusableRef} from '@react-spectrum/utils';\n\nexport interface ContextualHelpStyleProps {\n  /**\n   * Indicates whether contents are informative or provides helpful guidance.\n   *\n   * @default 'help'\n   */\n  variant?: 'info' | 'help'\n}\nexport interface ContextualHelpProps extends\n  Pick<DialogTriggerProps, 'isOpen' | 'defaultOpen' | 'onOpenChange' | 'shouldFlip' | 'offset' | 'crossOffset' | 'placement'>,\n  Pick<PopoverProps, 'containerPadding'>,\n  ContextualHelpStyleProps, StyleProps, DOMProps, AriaLabelingProps {\n  /** Contents of the Contextual Help popover. */\n  children?: ReactNode,\n  /**\n   * The size of the ActionButton.\n   *\n   * @default 'XS'\n   */\n  size?: 'XS' | 'S'\n}\n\nconst popover = style({\n  fontFamily: 'sans',\n  minWidth: '[218px]',\n  width: '[218px]',\n  padding: 24\n});\n\nexport const ContextualHelpContext = createContext<ContextValue<ContextualHelpProps, HTMLButtonElement>>({});\n\nfunction ContextualHelp(props: ContextualHelpProps, ref: FocusableRef<HTMLButtonElement>) {\n  let domRef = useFocusableRef(ref);\n  [props, domRef] = useContextProps(props, domRef, ContextualHelpContext);\n  let {\n    children,\n    defaultOpen,\n    // containerPadding = 24, // See popover() above. Issue noted in Popover.tsx.\n    size = 'XS',\n    crossOffset,\n    isOpen,\n    offset = 8,\n    onOpenChange,\n    placement = 'bottom start',\n    shouldFlip,\n    UNSAFE_className,\n    UNSAFE_style,\n    variant = 'help'\n  } = props;\n\n  // In a FieldLabel we're getting the context's aria-labeledby, so we need to\n  // manually set the aria-label after useLabels() to keep the order of label\n  // then ContextualHelp variant\n  let labelProps = useLabels(props);\n  // Translate variant\n  labelProps['aria-label'] = labelProps['aria-label'] ? labelProps['aria-label'] + ' ' + variant : variant;\n\n  let buttonProps = filterDOMProps(props, {labelable: true});\n\n  return (\n    <DialogTrigger\n      isOpen={isOpen}\n      defaultOpen={defaultOpen}\n      onOpenChange={onOpenChange}>\n      <ActionButton\n        slot={null}\n        ref={ref}\n        size={size}\n        {...mergeProps(buttonProps, labelProps)}\n        UNSAFE_style={UNSAFE_style}\n        UNSAFE_className={UNSAFE_className}\n        isQuiet>\n        {variant === 'info' ? <InfoIcon /> : <HelpIcon />}\n      </ActionButton>\n      <Popover\n        placement={placement}\n        shouldFlip={shouldFlip}\n        // not working => containerPadding={containerPadding}\n        offset={offset}\n        crossOffset={crossOffset}\n        hideArrow\n        UNSAFE_className={popover}>\n        <RACDialog className={mergeStyles(dialogInner, style({borderRadius: 'none'}))}>\n          <Provider\n            values={[\n              [TextContext, {\n                slots: {\n                  [DEFAULT_SLOT]: {}\n                }\n              }],\n              [HeadingContext, {className: style({\n                font: 'heading-xs',\n                margin: 0,\n                marginBottom: styleSize(8) // This only makes it 10px on mobile and should be 12px\n              })}],\n              [ContentContext, {className: style({\n                font: 'body-sm'\n              })}],\n              [FooterContext, {className: style({\n                font: 'body-sm',\n                marginTop: 16\n              })}]\n            ]}>\n            {children}\n          </Provider>\n        </RACDialog>\n      </Popover>\n    </DialogTrigger>\n  );\n}\n\n/**\n * Contextual help shows a user extra information about the state of an adjacent component, or a total view.\n */\nlet _ContextualHelp = forwardRef(ContextualHelp);\nexport {_ContextualHelp as ContextualHelp};\n"],"names":[],"version":3,"file":"ContextualHelp.mjs.map"}

package/dist/Cross.cjs

@@ -0,0 +1,62 @@
+var $5f3604d03acd95f4$exports = require("./S2_CrossSize100.cjs");
+var $3b25e03af90d7d49$exports = require("./S2_CrossSize200.cjs");
+var $c14e92829d0c97eb$exports = require("./S2_CrossSize300.cjs");
+var $c4df0f67289519a2$exports = require("./S2_CrossSize400.cjs");
+var $57465b79bfc5a24c$exports = require("./S2_CrossSize500.cjs");
+var $c7c0aad77130cdbe$exports = require("./S2_CrossSize75.cjs");
+var $dLMRk$reactjsxruntime = require("react/jsx-runtime");
+
+
+function $parcel$export(e, n, v, s) {
+  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
+}
+
+$parcel$export(module.exports, "default", () => $89dd175101ffc43a$export$2e2bcd8739ae039);
+/*
+ * Copyright 2024 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.
+ */ 
+
+
+
+
+
+
+function $89dd175101ffc43a$export$2e2bcd8739ae039({ size: size, ...props }) {
+    switch(size){
+        case 'S':
+            return /*#__PURE__*/ (0, $dLMRk$reactjsxruntime.jsx)((0, $c7c0aad77130cdbe$exports.default), {
+                ...props
+            });
+        case 'M':
+            return /*#__PURE__*/ (0, $dLMRk$reactjsxruntime.jsx)((0, $5f3604d03acd95f4$exports.default), {
+                ...props
+            });
+        case 'L':
+            return /*#__PURE__*/ (0, $dLMRk$reactjsxruntime.jsx)((0, $3b25e03af90d7d49$exports.default), {
+                ...props
+            });
+        case 'XL':
+            return /*#__PURE__*/ (0, $dLMRk$reactjsxruntime.jsx)((0, $c14e92829d0c97eb$exports.default), {
+                ...props
+            });
+        case 'XXL':
+            return /*#__PURE__*/ (0, $dLMRk$reactjsxruntime.jsx)((0, $c4df0f67289519a2$exports.default), {
+                ...props
+            });
+        case 'XXXL':
+            return /*#__PURE__*/ (0, $dLMRk$reactjsxruntime.jsx)((0, $57465b79bfc5a24c$exports.default), {
+                ...props
+            });
+    }
+}
+
+
+//# sourceMappingURL=Cross.cjs.map

package/dist/Cross.cjs.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;AAUc,kDAAe,QAAC,IAAI,EAAE,GAAG,OAAiF;IACvH,OAAQ;QACN,KAAK;YACH,qBAAO,gCAAC,CAAA,GAAA,iCAAa;gBAAG,GAAG,KAAK;;QAClC,KAAK;YACH,qBAAO,gCAAC,CAAA,GAAA,iCAAc;gBAAG,GAAG,KAAK;;QACnC,KAAK;YACH,qBAAO,gCAAC,CAAA,GAAA,iCAAc;gBAAG,GAAG,KAAK;;QACnC,KAAK;YACH,qBAAO,gCAAC,CAAA,GAAA,iCAAc;gBAAG,GAAG,KAAK;;QACnC,KAAK;YACH,qBAAO,gCAAC,CAAA,GAAA,iCAAc;gBAAG,GAAG,KAAK;;QACnC,KAAK;YACH,qBAAO,gCAAC,CAAA,GAAA,iCAAc;gBAAG,GAAG,KAAK;;IACrC;AACF","sources":["packages/@react-spectrum/s2/ui-icons/Cross.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 S2_CrossSize100 from './S2_CrossSize100.svg';\nimport S2_CrossSize200 from './S2_CrossSize200.svg';\nimport S2_CrossSize300 from './S2_CrossSize300.svg';\nimport S2_CrossSize400 from './S2_CrossSize400.svg';\nimport S2_CrossSize500 from './S2_CrossSize500.svg';\nimport S2_CrossSize75 from './S2_CrossSize75.svg';\nimport {SVGProps} from 'react';\n\nexport default function Cross({size, ...props}: {size: 'S' | 'M' | 'L' | 'XL' | 'XXL' | 'XXXL'} & SVGProps<SVGSVGElement>) {\n  switch (size) {\n    case 'S':\n      return <S2_CrossSize75 {...props} />;\n    case 'M':\n      return <S2_CrossSize100 {...props} />;\n    case 'L':\n      return <S2_CrossSize200 {...props} />;\n    case 'XL':\n      return <S2_CrossSize300 {...props} />;\n    case 'XXL':\n      return <S2_CrossSize400 {...props} />;\n    case 'XXXL':\n      return <S2_CrossSize500 {...props} />;\n  }\n}\n"],"names":[],"version":3,"file":"Cross.cjs.map"}