@react-spectrum/contextualhelp 3.6.31 → 3.7.0

package/dist/ro-RO.module.js

@@ -1,9 +0,0 @@
-var $130ce4093fe216d5$exports = {};
-$130ce4093fe216d5$exports = {
-    "help": `Ajutor`,
-    "info": `Informa\u{163}ii`
-};
-
-
-export {$130ce4093fe216d5$exports as default};
-//# sourceMappingURL=ro-RO.module.js.map

package/dist/ro-RO.module.js.map

@@ -1 +0,0 @@
-{"mappings":";AAAA,4BAAiB;IAAG,QAAQ,CAAC,MAAM,CAAC;IAClC,QAAQ,CAAC,gBAAU,CAAC;AACtB","sources":["packages/@react-spectrum/contextualhelp/intl/ro-RO.json"],"sourcesContent":["{\n  \"help\": \"Ajutor\",\n  \"info\": \"Informaţii\"\n}\n"],"names":[],"version":3,"file":"ro-RO.module.js.map"}

package/dist/ru-RU.main.js

@@ -1,7 +0,0 @@
-module.exports = {
-    "help": `\u{421}\u{43F}\u{440}\u{430}\u{432}\u{43A}\u{430}`,
-    "info": `\u{418}\u{43D}\u{444}\u{43E}\u{440}\u{43C}\u{430}\u{446}\u{438}\u{44F}`
-};
-
-
-//# sourceMappingURL=ru-RU.main.js.map

package/dist/ru-RU.main.js.map

@@ -1 +0,0 @@
-{"mappings":"AAAA,iBAAiB;IAAG,QAAQ,CAAC,iDAAO,CAAC;IACnC,QAAQ,CAAC,sEAAU,CAAC;AACtB","sources":["packages/@react-spectrum/contextualhelp/intl/ru-RU.json"],"sourcesContent":["{\n  \"help\": \"Справка\",\n  \"info\": \"Информация\"\n}\n"],"names":[],"version":3,"file":"ru-RU.main.js.map"}

package/dist/ru-RU.mjs

@@ -1,9 +0,0 @@
-var $3b25696a80a9bfd8$exports = {};
-$3b25696a80a9bfd8$exports = {
-    "help": `\u{421}\u{43F}\u{440}\u{430}\u{432}\u{43A}\u{430}`,
-    "info": `\u{418}\u{43D}\u{444}\u{43E}\u{440}\u{43C}\u{430}\u{446}\u{438}\u{44F}`
-};
-
-
-export {$3b25696a80a9bfd8$exports as default};
-//# sourceMappingURL=ru-RU.module.js.map

package/dist/ru-RU.module.js

@@ -1,9 +0,0 @@
-var $3b25696a80a9bfd8$exports = {};
-$3b25696a80a9bfd8$exports = {
-    "help": `\u{421}\u{43F}\u{440}\u{430}\u{432}\u{43A}\u{430}`,
-    "info": `\u{418}\u{43D}\u{444}\u{43E}\u{440}\u{43C}\u{430}\u{446}\u{438}\u{44F}`
-};
-
-
-export {$3b25696a80a9bfd8$exports as default};
-//# sourceMappingURL=ru-RU.module.js.map

package/dist/ru-RU.module.js.map

@@ -1 +0,0 @@
-{"mappings":";AAAA,4BAAiB;IAAG,QAAQ,CAAC,iDAAO,CAAC;IACnC,QAAQ,CAAC,sEAAU,CAAC;AACtB","sources":["packages/@react-spectrum/contextualhelp/intl/ru-RU.json"],"sourcesContent":["{\n  \"help\": \"Справка\",\n  \"info\": \"Информация\"\n}\n"],"names":[],"version":3,"file":"ru-RU.module.js.map"}

package/dist/sk-SK.main.js

@@ -1,7 +0,0 @@
-module.exports = {
-    "help": `Pomoc`,
-    "info": `Inform\xe1cie`
-};
-
-
-//# sourceMappingURL=sk-SK.main.js.map

package/dist/sk-SK.main.js.map

@@ -1 +0,0 @@
-{"mappings":"AAAA,iBAAiB;IAAG,QAAQ,CAAC,KAAK,CAAC;IACjC,QAAQ,CAAC,aAAU,CAAC;AACtB","sources":["packages/@react-spectrum/contextualhelp/intl/sk-SK.json"],"sourcesContent":["{\n  \"help\": \"Pomoc\",\n  \"info\": \"Informácie\"\n}\n"],"names":[],"version":3,"file":"sk-SK.main.js.map"}

package/dist/sk-SK.mjs

@@ -1,9 +0,0 @@
-var $70037a741b152768$exports = {};
-$70037a741b152768$exports = {
-    "help": `Pomoc`,
-    "info": `Inform\xe1cie`
-};
-
-
-export {$70037a741b152768$exports as default};
-//# sourceMappingURL=sk-SK.module.js.map

package/dist/sk-SK.module.js

@@ -1,9 +0,0 @@
-var $70037a741b152768$exports = {};
-$70037a741b152768$exports = {
-    "help": `Pomoc`,
-    "info": `Inform\xe1cie`
-};
-
-
-export {$70037a741b152768$exports as default};
-//# sourceMappingURL=sk-SK.module.js.map

package/dist/sk-SK.module.js.map

@@ -1 +0,0 @@
-{"mappings":";AAAA,4BAAiB;IAAG,QAAQ,CAAC,KAAK,CAAC;IACjC,QAAQ,CAAC,aAAU,CAAC;AACtB","sources":["packages/@react-spectrum/contextualhelp/intl/sk-SK.json"],"sourcesContent":["{\n  \"help\": \"Pomoc\",\n  \"info\": \"Informácie\"\n}\n"],"names":[],"version":3,"file":"sk-SK.module.js.map"}

package/dist/sl-SI.main.js

@@ -1,7 +0,0 @@
-module.exports = {
-    "help": `Pomo\u{10D}`,
-    "info": `Informacije`
-};
-
-
-//# sourceMappingURL=sl-SI.main.js.map

package/dist/sl-SI.main.js.map

@@ -1 +0,0 @@
-{"mappings":"AAAA,iBAAiB;IAAG,QAAQ,CAAC,WAAK,CAAC;IACjC,QAAQ,CAAC,WAAW,CAAC;AACvB","sources":["packages/@react-spectrum/contextualhelp/intl/sl-SI.json"],"sourcesContent":["{\n  \"help\": \"Pomoč\",\n  \"info\": \"Informacije\"\n}\n"],"names":[],"version":3,"file":"sl-SI.main.js.map"}

package/dist/sl-SI.mjs

@@ -1,9 +0,0 @@
-var $4ce06844b60c40b5$exports = {};
-$4ce06844b60c40b5$exports = {
-    "help": `Pomo\u{10D}`,
-    "info": `Informacije`
-};
-
-
-export {$4ce06844b60c40b5$exports as default};
-//# sourceMappingURL=sl-SI.module.js.map

package/dist/sl-SI.module.js

@@ -1,9 +0,0 @@
-var $4ce06844b60c40b5$exports = {};
-$4ce06844b60c40b5$exports = {
-    "help": `Pomo\u{10D}`,
-    "info": `Informacije`
-};
-
-
-export {$4ce06844b60c40b5$exports as default};
-//# sourceMappingURL=sl-SI.module.js.map

package/dist/sl-SI.module.js.map

@@ -1 +0,0 @@
-{"mappings":";AAAA,4BAAiB;IAAG,QAAQ,CAAC,WAAK,CAAC;IACjC,QAAQ,CAAC,WAAW,CAAC;AACvB","sources":["packages/@react-spectrum/contextualhelp/intl/sl-SI.json"],"sourcesContent":["{\n  \"help\": \"Pomoč\",\n  \"info\": \"Informacije\"\n}\n"],"names":[],"version":3,"file":"sl-SI.module.js.map"}

package/dist/sr-SP.main.js

@@ -1,7 +0,0 @@
-module.exports = {
-    "help": `Pomo\u{107}`,
-    "info": `Informacije`
-};
-
-
-//# sourceMappingURL=sr-SP.main.js.map

package/dist/sr-SP.main.js.map

@@ -1 +0,0 @@
-{"mappings":"AAAA,iBAAiB;IAAG,QAAQ,CAAC,WAAK,CAAC;IACjC,QAAQ,CAAC,WAAW,CAAC;AACvB","sources":["packages/@react-spectrum/contextualhelp/intl/sr-SP.json"],"sourcesContent":["{\n  \"help\": \"Pomoć\",\n  \"info\": \"Informacije\"\n}\n"],"names":[],"version":3,"file":"sr-SP.main.js.map"}

package/dist/sr-SP.mjs

@@ -1,9 +0,0 @@
-var $78c0c0c4796561ef$exports = {};
-$78c0c0c4796561ef$exports = {
-    "help": `Pomo\u{107}`,
-    "info": `Informacije`
-};
-
-
-export {$78c0c0c4796561ef$exports as default};
-//# sourceMappingURL=sr-SP.module.js.map

package/dist/sr-SP.module.js

@@ -1,9 +0,0 @@
-var $78c0c0c4796561ef$exports = {};
-$78c0c0c4796561ef$exports = {
-    "help": `Pomo\u{107}`,
-    "info": `Informacije`
-};
-
-
-export {$78c0c0c4796561ef$exports as default};
-//# sourceMappingURL=sr-SP.module.js.map

package/dist/sr-SP.module.js.map

@@ -1 +0,0 @@
-{"mappings":";AAAA,4BAAiB;IAAG,QAAQ,CAAC,WAAK,CAAC;IACjC,QAAQ,CAAC,WAAW,CAAC;AACvB","sources":["packages/@react-spectrum/contextualhelp/intl/sr-SP.json"],"sourcesContent":["{\n  \"help\": \"Pomoć\",\n  \"info\": \"Informacije\"\n}\n"],"names":[],"version":3,"file":"sr-SP.module.js.map"}

package/dist/sv-SE.main.js

@@ -1,7 +0,0 @@
-module.exports = {
-    "help": `Hj\xe4lp`,
-    "info": `Information`
-};
-
-
-//# sourceMappingURL=sv-SE.main.js.map

package/dist/sv-SE.main.js.map

@@ -1 +0,0 @@
-{"mappings":"AAAA,iBAAiB;IAAG,QAAQ,CAAC,QAAK,CAAC;IACjC,QAAQ,CAAC,WAAW,CAAC;AACvB","sources":["packages/@react-spectrum/contextualhelp/intl/sv-SE.json"],"sourcesContent":["{\n  \"help\": \"Hjälp\",\n  \"info\": \"Information\"\n}\n"],"names":[],"version":3,"file":"sv-SE.main.js.map"}

package/dist/sv-SE.mjs

@@ -1,9 +0,0 @@
-var $a701758f24293d53$exports = {};
-$a701758f24293d53$exports = {
-    "help": `Hj\xe4lp`,
-    "info": `Information`
-};
-
-
-export {$a701758f24293d53$exports as default};
-//# sourceMappingURL=sv-SE.module.js.map

package/dist/sv-SE.module.js

@@ -1,9 +0,0 @@
-var $a701758f24293d53$exports = {};
-$a701758f24293d53$exports = {
-    "help": `Hj\xe4lp`,
-    "info": `Information`
-};
-
-
-export {$a701758f24293d53$exports as default};
-//# sourceMappingURL=sv-SE.module.js.map

package/dist/sv-SE.module.js.map

@@ -1 +0,0 @@
-{"mappings":";AAAA,4BAAiB;IAAG,QAAQ,CAAC,QAAK,CAAC;IACjC,QAAQ,CAAC,WAAW,CAAC;AACvB","sources":["packages/@react-spectrum/contextualhelp/intl/sv-SE.json"],"sourcesContent":["{\n  \"help\": \"Hjälp\",\n  \"info\": \"Information\"\n}\n"],"names":[],"version":3,"file":"sv-SE.module.js.map"}

package/dist/tr-TR.main.js

@@ -1,7 +0,0 @@
-module.exports = {
-    "help": `Yard\u{131}m`,
-    "info": `Bilgiler`
-};
-
-
-//# sourceMappingURL=tr-TR.main.js.map

package/dist/tr-TR.main.js.map

@@ -1 +0,0 @@
-{"mappings":"AAAA,iBAAiB;IAAG,QAAQ,CAAC,YAAM,CAAC;IAClC,QAAQ,CAAC,QAAQ,CAAC;AACpB","sources":["packages/@react-spectrum/contextualhelp/intl/tr-TR.json"],"sourcesContent":["{\n  \"help\": \"Yardım\",\n  \"info\": \"Bilgiler\"\n}\n"],"names":[],"version":3,"file":"tr-TR.main.js.map"}

package/dist/tr-TR.mjs

@@ -1,9 +0,0 @@
-var $ac0041dae2f30090$exports = {};
-$ac0041dae2f30090$exports = {
-    "help": `Yard\u{131}m`,
-    "info": `Bilgiler`
-};
-
-
-export {$ac0041dae2f30090$exports as default};
-//# sourceMappingURL=tr-TR.module.js.map

package/dist/tr-TR.module.js

@@ -1,9 +0,0 @@
-var $ac0041dae2f30090$exports = {};
-$ac0041dae2f30090$exports = {
-    "help": `Yard\u{131}m`,
-    "info": `Bilgiler`
-};
-
-
-export {$ac0041dae2f30090$exports as default};
-//# sourceMappingURL=tr-TR.module.js.map

package/dist/tr-TR.module.js.map

@@ -1 +0,0 @@
-{"mappings":";AAAA,4BAAiB;IAAG,QAAQ,CAAC,YAAM,CAAC;IAClC,QAAQ,CAAC,QAAQ,CAAC;AACpB","sources":["packages/@react-spectrum/contextualhelp/intl/tr-TR.json"],"sourcesContent":["{\n  \"help\": \"Yardım\",\n  \"info\": \"Bilgiler\"\n}\n"],"names":[],"version":3,"file":"tr-TR.module.js.map"}

package/dist/types.d.ts

@@ -1,10 +0,0 @@
-import React from "react";
-import { SpectrumContextualHelpProps } from "@react-types/contextualhelp";
-import { FocusableRefValue } from "@react-types/shared";
-/**
- * Contextual help shows a user extra information about the state of an adjacent component, or a total view.
- */
-export const ContextualHelp: React.ForwardRefExoticComponent<SpectrumContextualHelpProps & React.RefAttributes<FocusableRefValue<HTMLButtonElement, HTMLButtonElement>>>;
-export type { SpectrumContextualHelpProps } from '@react-types/contextualhelp';
-
-//# sourceMappingURL=types.d.ts.map

package/dist/types.d.ts.map

@@ -1 +0,0 @@
-{"mappings":";;;AA0BA;;GAEG;AACH,OAAO,MAAM,2JAqCX,CAAC;ACrDH,YAAY,EAAC,2BAA2B,EAAC,MAAM,6BAA6B,CAAC","sources":["packages/@react-spectrum/contextualhelp/src/packages/@react-spectrum/contextualhelp/src/ContextualHelp.tsx","packages/@react-spectrum/contextualhelp/src/packages/@react-spectrum/contextualhelp/src/index.ts","packages/@react-spectrum/contextualhelp/src/index.ts"],"sourcesContent":[null,null,"/*\n * Copyright 2021 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\nexport {ContextualHelp} from './ContextualHelp';\nexport type {SpectrumContextualHelpProps} from '@react-types/contextualhelp';\n"],"names":[],"version":3,"file":"types.d.ts.map"}

package/dist/uk-UA.main.js

@@ -1,7 +0,0 @@
-module.exports = {
-    "help": `\u{414}\u{43E}\u{432}\u{456}\u{434}\u{43A}\u{430}`,
-    "info": `\u{406}\u{43D}\u{444}\u{43E}\u{440}\u{43C}\u{430}\u{446}\u{456}\u{44F}`
-};
-
-
-//# sourceMappingURL=uk-UA.main.js.map

package/dist/uk-UA.main.js.map

@@ -1 +0,0 @@
-{"mappings":"AAAA,iBAAiB;IAAG,QAAQ,CAAC,iDAAO,CAAC;IACnC,QAAQ,CAAC,sEAAU,CAAC;AACtB","sources":["packages/@react-spectrum/contextualhelp/intl/uk-UA.json"],"sourcesContent":["{\n  \"help\": \"Довідка\",\n  \"info\": \"Інформація\"\n}\n"],"names":[],"version":3,"file":"uk-UA.main.js.map"}

package/dist/uk-UA.mjs

@@ -1,9 +0,0 @@
-var $e3e68b40fcb16018$exports = {};
-$e3e68b40fcb16018$exports = {
-    "help": `\u{414}\u{43E}\u{432}\u{456}\u{434}\u{43A}\u{430}`,
-    "info": `\u{406}\u{43D}\u{444}\u{43E}\u{440}\u{43C}\u{430}\u{446}\u{456}\u{44F}`
-};
-
-
-export {$e3e68b40fcb16018$exports as default};
-//# sourceMappingURL=uk-UA.module.js.map

package/dist/uk-UA.module.js

@@ -1,9 +0,0 @@
-var $e3e68b40fcb16018$exports = {};
-$e3e68b40fcb16018$exports = {
-    "help": `\u{414}\u{43E}\u{432}\u{456}\u{434}\u{43A}\u{430}`,
-    "info": `\u{406}\u{43D}\u{444}\u{43E}\u{440}\u{43C}\u{430}\u{446}\u{456}\u{44F}`
-};
-
-
-export {$e3e68b40fcb16018$exports as default};
-//# sourceMappingURL=uk-UA.module.js.map

package/dist/uk-UA.module.js.map

@@ -1 +0,0 @@
-{"mappings":";AAAA,4BAAiB;IAAG,QAAQ,CAAC,iDAAO,CAAC;IACnC,QAAQ,CAAC,sEAAU,CAAC;AACtB","sources":["packages/@react-spectrum/contextualhelp/intl/uk-UA.json"],"sourcesContent":["{\n  \"help\": \"Довідка\",\n  \"info\": \"Інформація\"\n}\n"],"names":[],"version":3,"file":"uk-UA.module.js.map"}

package/dist/zh-CN.main.js

@@ -1,7 +0,0 @@
-module.exports = {
-    "help": `\u{5E2E}\u{52A9}`,
-    "info": `\u{4FE1}\u{606F}`
-};
-
-
-//# sourceMappingURL=zh-CN.main.js.map

package/dist/zh-CN.main.js.map

@@ -1 +0,0 @@
-{"mappings":"AAAA,iBAAiB;IAAG,QAAQ,CAAC,gBAAE,CAAC;IAC9B,QAAQ,CAAC,gBAAE,CAAC;AACd","sources":["packages/@react-spectrum/contextualhelp/intl/zh-CN.json"],"sourcesContent":["{\n  \"help\": \"帮助\",\n  \"info\": \"信息\"\n}\n"],"names":[],"version":3,"file":"zh-CN.main.js.map"}

package/dist/zh-CN.mjs

@@ -1,9 +0,0 @@
-var $befba97b83d35197$exports = {};
-$befba97b83d35197$exports = {
-    "help": `\u{5E2E}\u{52A9}`,
-    "info": `\u{4FE1}\u{606F}`
-};
-
-
-export {$befba97b83d35197$exports as default};
-//# sourceMappingURL=zh-CN.module.js.map

package/dist/zh-CN.module.js

@@ -1,9 +0,0 @@
-var $befba97b83d35197$exports = {};
-$befba97b83d35197$exports = {
-    "help": `\u{5E2E}\u{52A9}`,
-    "info": `\u{4FE1}\u{606F}`
-};
-
-
-export {$befba97b83d35197$exports as default};
-//# sourceMappingURL=zh-CN.module.js.map

package/dist/zh-CN.module.js.map

@@ -1 +0,0 @@
-{"mappings":";AAAA,4BAAiB;IAAG,QAAQ,CAAC,gBAAE,CAAC;IAC9B,QAAQ,CAAC,gBAAE,CAAC;AACd","sources":["packages/@react-spectrum/contextualhelp/intl/zh-CN.json"],"sourcesContent":["{\n  \"help\": \"帮助\",\n  \"info\": \"信息\"\n}\n"],"names":[],"version":3,"file":"zh-CN.module.js.map"}

package/dist/zh-TW.main.js

@@ -1,7 +0,0 @@
-module.exports = {
-    "help": `\u{8AAA}\u{660E}`,
-    "info": `\u{8CC7}\u{8A0A}`
-};
-
-
-//# sourceMappingURL=zh-TW.main.js.map

package/dist/zh-TW.main.js.map

@@ -1 +0,0 @@
-{"mappings":"AAAA,iBAAiB;IAAG,QAAQ,CAAC,gBAAE,CAAC;IAC9B,QAAQ,CAAC,gBAAE,CAAC;AACd","sources":["packages/@react-spectrum/contextualhelp/intl/zh-TW.json"],"sourcesContent":["{\n  \"help\": \"說明\",\n  \"info\": \"資訊\"\n}\n"],"names":[],"version":3,"file":"zh-TW.main.js.map"}

package/dist/zh-TW.mjs

@@ -1,9 +0,0 @@
-var $6051e1035ff73e7b$exports = {};
-$6051e1035ff73e7b$exports = {
-    "help": `\u{8AAA}\u{660E}`,
-    "info": `\u{8CC7}\u{8A0A}`
-};
-
-
-export {$6051e1035ff73e7b$exports as default};
-//# sourceMappingURL=zh-TW.module.js.map

package/dist/zh-TW.module.js

@@ -1,9 +0,0 @@
-var $6051e1035ff73e7b$exports = {};
-$6051e1035ff73e7b$exports = {
-    "help": `\u{8AAA}\u{660E}`,
-    "info": `\u{8CC7}\u{8A0A}`
-};
-
-
-export {$6051e1035ff73e7b$exports as default};
-//# sourceMappingURL=zh-TW.module.js.map

package/dist/zh-TW.module.js.map

@@ -1 +0,0 @@
-{"mappings":";AAAA,4BAAiB;IAAG,QAAQ,CAAC,gBAAE,CAAC;IAC9B,QAAQ,CAAC,gBAAE,CAAC;AACd","sources":["packages/@react-spectrum/contextualhelp/intl/zh-TW.json"],"sourcesContent":["{\n  \"help\": \"說明\",\n  \"info\": \"資訊\"\n}\n"],"names":[],"version":3,"file":"zh-TW.module.js.map"}

package/src/ContextualHelp.tsx

@@ -1,67 +0,0 @@
-/*
- * Copyright 2021 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.
- */
-
-import {ActionButton} from '@react-spectrum/button';
-import {classNames, ClearSlots, SlotProvider} from '@react-spectrum/utils';
-import {Dialog, DialogTrigger} from '@react-spectrum/dialog';
-import {FocusableRef} from '@react-types/shared';
-import HelpOutline from '@spectrum-icons/workflow/HelpOutline';
-import helpStyles from '@adobe/spectrum-css-temp/components/contextualhelp/vars.css';
-import InfoOutline from '@spectrum-icons/workflow/InfoOutline';
-// @ts-ignore
-import intlMessages from '../intl/*.json';
-import {mergeProps, useLabels} from '@react-aria/utils';
-import React from 'react';
-import {SpectrumContextualHelpProps} from '@react-types/contextualhelp';
-import {useLocalizedStringFormatter} from '@react-aria/i18n';
-
-/**
- * Contextual help shows a user extra information about the state of an adjacent component, or a total view.
- */
-export const ContextualHelp = React.forwardRef(function ContextualHelp(props: SpectrumContextualHelpProps, ref: FocusableRef<HTMLButtonElement>) {
-  let {
-    variant = 'help',
-    placement = 'bottom start',
-    children,
-    ...otherProps
-  } = props;
-
-  let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-spectrum/contextualhelp');
-
-  let icon = variant === 'info' ? <InfoOutline /> : <HelpOutline />;
-
-  let slots = {
-    content: {UNSAFE_className: helpStyles['react-spectrum-ContextualHelp-content']},
-    footer: {UNSAFE_className: helpStyles['react-spectrum-ContextualHelp-footer']}
-  };
-
-  let labelProps = useLabels(otherProps, stringFormatter.format(variant));
-
-  return (
-    <DialogTrigger {...otherProps} type="popover" placement={placement} hideArrow>
-      <ActionButton
-        {...mergeProps(otherProps, labelProps, {isDisabled: false})}
-        ref={ref}
-        UNSAFE_className={classNames(helpStyles, 'react-spectrum-ContextualHelp-button', otherProps.UNSAFE_className)}
-        isQuiet>
-        {icon}
-      </ActionButton>
-      <ClearSlots>
-        <SlotProvider slots={slots}>
-          <Dialog UNSAFE_className={classNames(helpStyles, 'react-spectrum-ContextualHelp-dialog')}>
-            {children}
-          </Dialog>
-        </SlotProvider>
-      </ClearSlots>
-    </DialogTrigger>
-  );
-});