@wordpress/components 26.0.1-next.5a1d1283.0 → 26.0.1

package/build-module/mobile/link-settings/image-link-destinations-screen.native.js

@@ -1,110 +0,0 @@
-import { createElement, Fragment } from "@wordpress/element";
-/**
- * External dependencies
- */
-import { useNavigation, useRoute } from '@react-navigation/native';
-import { StyleSheet } from 'react-native';
-
-/**
- * WordPress dependencies
- */
-import { __ } from '@wordpress/i18n';
-import { Icon, check, chevronRight } from '@wordpress/icons';
-import { blockSettingsScreens } from '@wordpress/block-editor';
-import { usePreferredColorSchemeStyle } from '@wordpress/compose';
-
-/**
- * Internal dependencies
- */
-import styles from './style.scss';
-import PanelBody from '../../panel/body';
-import BottomSheet from '../bottom-sheet';
-const LINK_DESTINATION_NONE = 'none';
-const LINK_DESTINATION_MEDIA = 'media';
-const LINK_DESTINATION_ATTACHMENT = 'attachment';
-const LINK_DESTINATION_CUSTOM = 'custom';
-function LinkDestination({
-  children,
-  isSelected,
-  label,
-  onPress,
-  value,
-  valueStyle
-}) {
-  const optionIcon = usePreferredColorSchemeStyle(styles.optionIcon, styles.optionIconDark);
-  return createElement(BottomSheet.Cell, {
-    icon: check,
-    iconStyle: StyleSheet.flatten([optionIcon, !isSelected && styles.unselectedOptionIcon]),
-    label: label,
-    leftAlign: true,
-    onPress: onPress,
-    value: value,
-    valueStyle: valueStyle,
-    separatorType: "leftMargin"
-  }, children);
-}
-function ImageLinkDestinationsScreen(props) {
-  const navigation = useNavigation();
-  const route = useRoute();
-  const {
-    url = ''
-  } = props;
-  const {
-    inputValue = url,
-    imageUrl,
-    attachmentPageUrl,
-    linkDestination
-  } = route.params || {};
-  function goToLinkPicker() {
-    navigation.navigate(blockSettingsScreens.linkPicker, {
-      inputValue: linkDestination === LINK_DESTINATION_CUSTOM ? inputValue : ''
-    });
-  }
-  const setLinkDestination = newLinkDestination => () => {
-    let newUrl;
-    switch (newLinkDestination) {
-      case LINK_DESTINATION_MEDIA:
-        newUrl = imageUrl;
-        break;
-      case LINK_DESTINATION_ATTACHMENT:
-        newUrl = attachmentPageUrl;
-        break;
-      default:
-        newUrl = '';
-        break;
-    }
-    navigation.navigate(blockSettingsScreens.settings, {
-      // The `inputValue` name is reused from LinkPicker, as it helps avoid
-      // bugs from stale values remaining in the React Navigation route
-      // parameters.
-      inputValue: newUrl,
-      // Clear link text value that may be set from LinkPicker.
-      text: ''
-    });
-  };
-  return createElement(Fragment, null, createElement(BottomSheet.NavBar, null, createElement(BottomSheet.NavBar.BackButton, {
-    onPress: navigation.goBack
-  }), createElement(BottomSheet.NavBar.Heading, null, __('Link To'))), createElement(PanelBody, null, createElement(LinkDestination, {
-    isSelected: linkDestination === LINK_DESTINATION_NONE,
-    label: __('None'),
-    onPress: setLinkDestination(LINK_DESTINATION_NONE)
-  }), createElement(LinkDestination, {
-    isSelected: linkDestination === LINK_DESTINATION_MEDIA,
-    label: __('Media File'),
-    onPress: setLinkDestination(LINK_DESTINATION_MEDIA)
-  }), !!attachmentPageUrl && createElement(LinkDestination, {
-    isSelected: linkDestination === LINK_DESTINATION_ATTACHMENT,
-    label: __('Attachment Page'),
-    onPress: setLinkDestination(LINK_DESTINATION_ATTACHMENT)
-  }), createElement(LinkDestination, {
-    isSelected: linkDestination === LINK_DESTINATION_CUSTOM,
-    label: __('Custom URL'),
-    onPress: goToLinkPicker,
-    value: linkDestination === LINK_DESTINATION_CUSTOM ? inputValue : '',
-    valueStyle: linkDestination === LINK_DESTINATION_CUSTOM ? undefined : styles.placeholderTextColor
-  }, createElement(Icon, {
-    icon: chevronRight
-  }))));
-}
-export default ImageLinkDestinationsScreen;
-//# sourceMappingURL=image-link-destinations-screen.native.js.map

package/build-module/mobile/link-settings/image-link-destinations-screen.native.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["useNavigation","useRoute","StyleSheet","__","Icon","check","chevronRight","blockSettingsScreens","usePreferredColorSchemeStyle","styles","PanelBody","BottomSheet","LINK_DESTINATION_NONE","LINK_DESTINATION_MEDIA","LINK_DESTINATION_ATTACHMENT","LINK_DESTINATION_CUSTOM","LinkDestination","children","isSelected","label","onPress","value","valueStyle","optionIcon","optionIconDark","createElement","Cell","icon","iconStyle","flatten","unselectedOptionIcon","leftAlign","separatorType","ImageLinkDestinationsScreen","props","navigation","route","url","inputValue","imageUrl","attachmentPageUrl","linkDestination","params","goToLinkPicker","navigate","linkPicker","setLinkDestination","newLinkDestination","newUrl","settings","text","Fragment","NavBar","BackButton","goBack","Heading","undefined","placeholderTextColor"],"sources":["@wordpress/components/src/mobile/link-settings/image-link-destinations-screen.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { useNavigation, useRoute } from '@react-navigation/native';\nimport { StyleSheet } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { Icon, check, chevronRight } from '@wordpress/icons';\nimport { blockSettingsScreens } from '@wordpress/block-editor';\nimport { usePreferredColorSchemeStyle } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport styles from './style.scss';\nimport PanelBody from '../../panel/body';\nimport BottomSheet from '../bottom-sheet';\n\nconst LINK_DESTINATION_NONE = 'none';\nconst LINK_DESTINATION_MEDIA = 'media';\nconst LINK_DESTINATION_ATTACHMENT = 'attachment';\nconst LINK_DESTINATION_CUSTOM = 'custom';\n\nfunction LinkDestination( {\n\tchildren,\n\tisSelected,\n\tlabel,\n\tonPress,\n\tvalue,\n\tvalueStyle,\n} ) {\n\tconst optionIcon = usePreferredColorSchemeStyle(\n\t\tstyles.optionIcon,\n\t\tstyles.optionIconDark\n\t);\n\treturn (\n\t\t<BottomSheet.Cell\n\t\t\ticon={ check }\n\t\t\ticonStyle={ StyleSheet.flatten( [\n\t\t\t\toptionIcon,\n\t\t\t\t! isSelected && styles.unselectedOptionIcon,\n\t\t\t] ) }\n\t\t\tlabel={ label }\n\t\t\tleftAlign\n\t\t\tonPress={ onPress }\n\t\t\tvalue={ value }\n\t\t\tvalueStyle={ valueStyle }\n\t\t\tseparatorType=\"leftMargin\"\n\t\t>\n\t\t\t{ children }\n\t\t</BottomSheet.Cell>\n\t);\n}\n\nfunction ImageLinkDestinationsScreen( props ) {\n\tconst navigation = useNavigation();\n\tconst route = useRoute();\n\tconst { url = '' } = props;\n\tconst {\n\t\tinputValue = url,\n\t\timageUrl,\n\t\tattachmentPageUrl,\n\t\tlinkDestination,\n\t} = route.params || {};\n\n\tfunction goToLinkPicker() {\n\t\tnavigation.navigate( blockSettingsScreens.linkPicker, {\n\t\t\tinputValue:\n\t\t\t\tlinkDestination === LINK_DESTINATION_CUSTOM ? inputValue : '',\n\t\t} );\n\t}\n\n\tconst setLinkDestination = ( newLinkDestination ) => () => {\n\t\tlet newUrl;\n\t\tswitch ( newLinkDestination ) {\n\t\t\tcase LINK_DESTINATION_MEDIA:\n\t\t\t\tnewUrl = imageUrl;\n\t\t\t\tbreak;\n\t\t\tcase LINK_DESTINATION_ATTACHMENT:\n\t\t\t\tnewUrl = attachmentPageUrl;\n\t\t\t\tbreak;\n\t\t\tdefault:\n\t\t\t\tnewUrl = '';\n\t\t\t\tbreak;\n\t\t}\n\n\t\tnavigation.navigate( blockSettingsScreens.settings, {\n\t\t\t// The `inputValue` name is reused from LinkPicker, as it helps avoid\n\t\t\t// bugs from stale values remaining in the React Navigation route\n\t\t\t// parameters.\n\t\t\tinputValue: newUrl,\n\t\t\t// Clear link text value that may be set from LinkPicker.\n\t\t\ttext: '',\n\t\t} );\n\t};\n\n\treturn (\n\t\t<>\n\t\t\t<BottomSheet.NavBar>\n\t\t\t\t<BottomSheet.NavBar.BackButton onPress={ navigation.goBack } />\n\t\t\t\t<BottomSheet.NavBar.Heading>\n\t\t\t\t\t{ __( 'Link To' ) }\n\t\t\t\t</BottomSheet.NavBar.Heading>\n\t\t\t</BottomSheet.NavBar>\n\t\t\t<PanelBody>\n\t\t\t\t<LinkDestination\n\t\t\t\t\tisSelected={ linkDestination === LINK_DESTINATION_NONE }\n\t\t\t\t\tlabel={ __( 'None' ) }\n\t\t\t\t\tonPress={ setLinkDestination( LINK_DESTINATION_NONE ) }\n\t\t\t\t/>\n\t\t\t\t<LinkDestination\n\t\t\t\t\tisSelected={ linkDestination === LINK_DESTINATION_MEDIA }\n\t\t\t\t\tlabel={ __( 'Media File' ) }\n\t\t\t\t\tonPress={ setLinkDestination( LINK_DESTINATION_MEDIA ) }\n\t\t\t\t/>\n\t\t\t\t{ !! attachmentPageUrl && (\n\t\t\t\t\t<LinkDestination\n\t\t\t\t\t\tisSelected={\n\t\t\t\t\t\t\tlinkDestination === LINK_DESTINATION_ATTACHMENT\n\t\t\t\t\t\t}\n\t\t\t\t\t\tlabel={ __( 'Attachment Page' ) }\n\t\t\t\t\t\tonPress={ setLinkDestination(\n\t\t\t\t\t\t\tLINK_DESTINATION_ATTACHMENT\n\t\t\t\t\t\t) }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t\t<LinkDestination\n\t\t\t\t\tisSelected={ linkDestination === LINK_DESTINATION_CUSTOM }\n\t\t\t\t\tlabel={ __( 'Custom URL' ) }\n\t\t\t\t\tonPress={ goToLinkPicker }\n\t\t\t\t\tvalue={\n\t\t\t\t\t\tlinkDestination === LINK_DESTINATION_CUSTOM\n\t\t\t\t\t\t\t? inputValue\n\t\t\t\t\t\t\t: ''\n\t\t\t\t\t}\n\t\t\t\t\tvalueStyle={\n\t\t\t\t\t\tlinkDestination === LINK_DESTINATION_CUSTOM\n\t\t\t\t\t\t\t? undefined\n\t\t\t\t\t\t\t: styles.placeholderTextColor\n\t\t\t\t\t}\n\t\t\t\t>\n\t\t\t\t\t<Icon icon={ chevronRight }></Icon>\n\t\t\t\t</LinkDestination>\n\t\t\t</PanelBody>\n\t\t</>\n\t);\n}\n\nexport default ImageLinkDestinationsScreen;\n"],"mappings":"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"}

package/build-module/radio-group/radio/index.js

@@ -1,40 +0,0 @@
-import { createElement } from "@wordpress/element";
-// @ts-nocheck
-
-/**
- * External dependencies
- */
-import { Radio as ReakitRadio } from 'reakit/Radio';
-
-/**
- * WordPress dependencies
- */
-import { useContext, forwardRef } from '@wordpress/element';
-
-/**
- * Internal dependencies
- */
-import Button from '../../button';
-import RadioContext from '../radio-context';
-function Radio({
-  children,
-  value,
-  ...props
-}, ref) {
-  const radioContext = useContext(RadioContext);
-  const checked = radioContext.state === value;
-  return createElement(ReakitRadio, {
-    ref: ref,
-    as: Button,
-    variant: checked ? 'primary' : 'secondary',
-    value: value,
-    ...radioContext,
-    ...props
-  }, children || value);
-}
-
-/**
- * @deprecated Use `RadioControl` or `ToggleGroupControl` instead.
- */
-export default forwardRef(Radio);
-//# sourceMappingURL=index.js.map

package/build-module/radio-group/radio/index.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["Radio","ReakitRadio","useContext","forwardRef","Button","RadioContext","children","value","props","ref","radioContext","checked","state","createElement","as","variant"],"sources":["@wordpress/components/src/radio-group/radio/index.js"],"sourcesContent":["// @ts-nocheck\n\n/**\n * External dependencies\n */\nimport { Radio as ReakitRadio } from 'reakit/Radio';\n\n/**\n * WordPress dependencies\n */\nimport { useContext, forwardRef } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport Button from '../../button';\nimport RadioContext from '../radio-context';\n\nfunction Radio( { children, value, ...props }, ref ) {\n\tconst radioContext = useContext( RadioContext );\n\tconst checked = radioContext.state === value;\n\n\treturn (\n\t\t<ReakitRadio\n\t\t\tref={ ref }\n\t\t\tas={ Button }\n\t\t\tvariant={ checked ? 'primary' : 'secondary' }\n\t\t\tvalue={ value }\n\t\t\t{ ...radioContext }\n\t\t\t{ ...props }\n\t\t>\n\t\t\t{ children || value }\n\t\t</ReakitRadio>\n\t);\n}\n\n/**\n * @deprecated Use `RadioControl` or `ToggleGroupControl` instead.\n */\nexport default forwardRef( Radio );\n"],"mappings":";AAAA;;AAEA;AACA;AACA;AACA,SAASA,KAAK,IAAIC,WAAW,QAAQ,cAAc;;AAEnD;AACA;AACA;AACA,SAASC,UAAU,EAAEC,UAAU,QAAQ,oBAAoB;;AAE3D;AACA;AACA;AACA,OAAOC,MAAM,MAAM,cAAc;AACjC,OAAOC,YAAY,MAAM,kBAAkB;AAE3C,SAASL,KAAKA,CAAE;EAAEM,QAAQ;EAAEC,KAAK;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,EAAG;EACpD,MAAMC,YAAY,GAAGR,UAAU,CAAEG,YAAa,CAAC;EAC/C,MAAMM,OAAO,GAAGD,YAAY,CAACE,KAAK,KAAKL,KAAK;EAE5C,OACCM,aAAA,CAACZ,WAAW;IACXQ,GAAG,EAAGA,GAAK;IACXK,EAAE,EAAGV,MAAQ;IACbW,OAAO,EAAGJ,OAAO,GAAG,SAAS,GAAG,WAAa;IAC7CJ,KAAK,EAAGA,KAAO;IAAA,GACVG,YAAY;IAAA,GACZF;EAAK,GAERF,QAAQ,IAAIC,KACF,CAAC;AAEhB;;AAEA;AACA;AACA;AACA,eAAeJ,UAAU,CAAEH,KAAM,CAAC"}

package/build-module/radio-group/radio-context/index.js

@@ -1,10 +0,0 @@
-/**
- * WordPress dependencies
- */
-import { createContext } from '@wordpress/element';
-const RadioContext = createContext({
-  state: null,
-  setState: () => {}
-});
-export default RadioContext;
-//# sourceMappingURL=index.js.map

package/build-module/radio-group/radio-context/index.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["createContext","RadioContext","state","setState"],"sources":["@wordpress/components/src/radio-group/radio-context/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { createContext } from '@wordpress/element';\n\nconst RadioContext = createContext( {\n\tstate: null,\n\tsetState: () => {},\n} );\n\nexport default RadioContext;\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,aAAa,QAAQ,oBAAoB;AAElD,MAAMC,YAAY,GAAGD,aAAa,CAAE;EACnCE,KAAK,EAAE,IAAI;EACXC,QAAQ,EAAEA,CAAA,KAAM,CAAC;AAClB,CAAE,CAAC;AAEH,eAAeF,YAAY"}

package/build-module/toggle-group-control/toggle-group-control/toggle-group-control-backdrop.js

@@ -1,76 +0,0 @@
-import { createElement } from "@wordpress/element";
-/**
- * WordPress dependencies
- */
-import { useState, useEffect, memo } from '@wordpress/element';
-
-/**
- * Internal dependencies
- */
-
-import { BackdropView } from './styles';
-function ToggleGroupControlBackdrop({
-  containerRef,
-  containerWidth,
-  isAdaptiveWidth,
-  state
-}) {
-  const [left, setLeft] = useState(0);
-  const [width, setWidth] = useState(0);
-  const [canAnimate, setCanAnimate] = useState(false);
-  const [renderBackdrop, setRenderBackdrop] = useState(false);
-  useEffect(() => {
-    const containerNode = containerRef?.current;
-    if (!containerNode) return;
-
-    /**
-     * Workaround for Reakit
-     */
-    const targetNode = containerNode.querySelector(`[data-value="${state}"]`);
-    setRenderBackdrop(!!targetNode);
-    if (!targetNode) {
-      return;
-    }
-    const computeDimensions = () => {
-      const {
-        width: offsetWidth,
-        x
-      } = targetNode.getBoundingClientRect();
-      const {
-        x: parentX
-      } = containerNode.getBoundingClientRect();
-      const borderWidth = 1;
-      const offsetLeft = x - parentX - borderWidth;
-      setLeft(offsetLeft);
-      setWidth(offsetWidth);
-    };
-    // Fix to make the component appear as expected inside popovers.
-    // If the targetNode width is 0 it means the element was not yet rendered we should allow
-    // some time for the render to happen.
-    // requestAnimationFrame instead of setTimeout with a small time does not seems to work.
-    const dimensionsRequestId = window.setTimeout(computeDimensions, 100);
-    let animationRequestId;
-    if (!canAnimate) {
-      animationRequestId = window.requestAnimationFrame(() => {
-        setCanAnimate(true);
-      });
-    }
-    return () => {
-      window.clearTimeout(dimensionsRequestId);
-      window.cancelAnimationFrame(animationRequestId);
-    };
-  }, [canAnimate, containerRef, containerWidth, state, isAdaptiveWidth]);
-  if (!renderBackdrop) {
-    return null;
-  }
-  return createElement(BackdropView, {
-    role: "presentation",
-    style: {
-      transform: `translateX(${left}px)`,
-      transition: canAnimate ? undefined : 'none',
-      width
-    }
-  });
-}
-export default memo(ToggleGroupControlBackdrop);
-//# sourceMappingURL=toggle-group-control-backdrop.js.map

package/build-module/toggle-group-control/toggle-group-control/toggle-group-control-backdrop.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["useState","useEffect","memo","BackdropView","ToggleGroupControlBackdrop","containerRef","containerWidth","isAdaptiveWidth","state","left","setLeft","width","setWidth","canAnimate","setCanAnimate","renderBackdrop","setRenderBackdrop","containerNode","current","targetNode","querySelector","computeDimensions","offsetWidth","x","getBoundingClientRect","parentX","borderWidth","offsetLeft","dimensionsRequestId","window","setTimeout","animationRequestId","requestAnimationFrame","clearTimeout","cancelAnimationFrame","createElement","role","style","transform","transition","undefined"],"sources":["@wordpress/components/src/toggle-group-control/toggle-group-control/toggle-group-control-backdrop.tsx"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useState, useEffect, memo } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport type { ToggleGroupControlBackdropProps } from '../types';\nimport { BackdropView } from './styles';\n\nfunction ToggleGroupControlBackdrop( {\n\tcontainerRef,\n\tcontainerWidth,\n\tisAdaptiveWidth,\n\tstate,\n}: ToggleGroupControlBackdropProps ) {\n\tconst [ left, setLeft ] = useState( 0 );\n\tconst [ width, setWidth ] = useState( 0 );\n\tconst [ canAnimate, setCanAnimate ] = useState( false );\n\tconst [ renderBackdrop, setRenderBackdrop ] = useState( false );\n\n\tuseEffect( () => {\n\t\tconst containerNode = containerRef?.current;\n\t\tif ( ! containerNode ) return;\n\n\t\t/**\n\t\t * Workaround for Reakit\n\t\t */\n\t\tconst targetNode = containerNode.querySelector(\n\t\t\t`[data-value=\"${ state }\"]`\n\t\t);\n\t\tsetRenderBackdrop( !! targetNode );\n\t\tif ( ! targetNode ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst computeDimensions = () => {\n\t\t\tconst { width: offsetWidth, x } =\n\t\t\t\ttargetNode.getBoundingClientRect();\n\n\t\t\tconst { x: parentX } = containerNode.getBoundingClientRect();\n\n\t\t\tconst borderWidth = 1;\n\t\t\tconst offsetLeft = x - parentX - borderWidth;\n\n\t\t\tsetLeft( offsetLeft );\n\t\t\tsetWidth( offsetWidth );\n\t\t};\n\t\t// Fix to make the component appear as expected inside popovers.\n\t\t// If the targetNode width is 0 it means the element was not yet rendered we should allow\n\t\t// some time for the render to happen.\n\t\t// requestAnimationFrame instead of setTimeout with a small time does not seems to work.\n\t\tconst dimensionsRequestId = window.setTimeout( computeDimensions, 100 );\n\n\t\tlet animationRequestId: number;\n\t\tif ( ! canAnimate ) {\n\t\t\tanimationRequestId = window.requestAnimationFrame( () => {\n\t\t\t\tsetCanAnimate( true );\n\t\t\t} );\n\t\t}\n\t\treturn () => {\n\t\t\twindow.clearTimeout( dimensionsRequestId );\n\t\t\twindow.cancelAnimationFrame( animationRequestId );\n\t\t};\n\t}, [ canAnimate, containerRef, containerWidth, state, isAdaptiveWidth ] );\n\n\tif ( ! renderBackdrop ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<BackdropView\n\t\t\trole=\"presentation\"\n\t\t\tstyle={ {\n\t\t\t\ttransform: `translateX(${ left }px)`,\n\t\t\t\ttransition: canAnimate ? undefined : 'none',\n\t\t\t\twidth,\n\t\t\t} }\n\t\t/>\n\t);\n}\n\nexport default memo( ToggleGroupControlBackdrop );\n"],"mappings":";AAAA;AACA;AACA;AACA,SAASA,QAAQ,EAAEC,SAAS,EAAEC,IAAI,QAAQ,oBAAoB;;AAE9D;AACA;AACA;;AAEA,SAASC,YAAY,QAAQ,UAAU;AAEvC,SAASC,0BAA0BA,CAAE;EACpCC,YAAY;EACZC,cAAc;EACdC,eAAe;EACfC;AACgC,CAAC,EAAG;EACpC,MAAM,CAAEC,IAAI,EAAEC,OAAO,CAAE,GAAGV,QAAQ,CAAE,CAAE,CAAC;EACvC,MAAM,CAAEW,KAAK,EAAEC,QAAQ,CAAE,GAAGZ,QAAQ,CAAE,CAAE,CAAC;EACzC,MAAM,CAAEa,UAAU,EAAEC,aAAa,CAAE,GAAGd,QAAQ,CAAE,KAAM,CAAC;EACvD,MAAM,CAAEe,cAAc,EAAEC,iBAAiB,CAAE,GAAGhB,QAAQ,CAAE,KAAM,CAAC;EAE/DC,SAAS,CAAE,MAAM;IAChB,MAAMgB,aAAa,GAAGZ,YAAY,EAAEa,OAAO;IAC3C,IAAK,CAAED,aAAa,EAAG;;IAEvB;AACF;AACA;IACE,MAAME,UAAU,GAAGF,aAAa,CAACG,aAAa,CAC5C,gBAAgBZ,KAAO,IACzB,CAAC;IACDQ,iBAAiB,CAAE,CAAC,CAAEG,UAAW,CAAC;IAClC,IAAK,CAAEA,UAAU,EAAG;MACnB;IACD;IAEA,MAAME,iBAAiB,GAAGA,CAAA,KAAM;MAC/B,MAAM;QAAEV,KAAK,EAAEW,WAAW;QAAEC;MAAE,CAAC,GAC9BJ,UAAU,CAACK,qBAAqB,CAAC,CAAC;MAEnC,MAAM;QAAED,CAAC,EAAEE;MAAQ,CAAC,GAAGR,aAAa,CAACO,qBAAqB,CAAC,CAAC;MAE5D,MAAME,WAAW,GAAG,CAAC;MACrB,MAAMC,UAAU,GAAGJ,CAAC,GAAGE,OAAO,GAAGC,WAAW;MAE5ChB,OAAO,CAAEiB,UAAW,CAAC;MACrBf,QAAQ,CAAEU,WAAY,CAAC;IACxB,CAAC;IACD;IACA;IACA;IACA;IACA,MAAMM,mBAAmB,GAAGC,MAAM,CAACC,UAAU,CAAET,iBAAiB,EAAE,GAAI,CAAC;IAEvE,IAAIU,kBAA0B;IAC9B,IAAK,CAAElB,UAAU,EAAG;MACnBkB,kBAAkB,GAAGF,MAAM,CAACG,qBAAqB,CAAE,MAAM;QACxDlB,aAAa,CAAE,IAAK,CAAC;MACtB,CAAE,CAAC;IACJ;IACA,OAAO,MAAM;MACZe,MAAM,CAACI,YAAY,CAAEL,mBAAoB,CAAC;MAC1CC,MAAM,CAACK,oBAAoB,CAAEH,kBAAmB,CAAC;IAClD,CAAC;EACF,CAAC,EAAE,CAAElB,UAAU,EAAER,YAAY,EAAEC,cAAc,EAAEE,KAAK,EAAED,eAAe,CAAG,CAAC;EAEzE,IAAK,CAAEQ,cAAc,EAAG;IACvB,OAAO,IAAI;EACZ;EAEA,OACCoB,aAAA,CAAChC,YAAY;IACZiC,IAAI,EAAC,cAAc;IACnBC,KAAK,EAAG;MACPC,SAAS,EAAG,cAAc7B,IAAM,KAAI;MACpC8B,UAAU,EAAE1B,UAAU,GAAG2B,SAAS,GAAG,MAAM;MAC3C7B;IACD;EAAG,CACH,CAAC;AAEJ;AAEA,eAAeT,IAAI,CAAEE,0BAA2B,CAAC"}

package/build-module/ui/context/constants.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["COMPONENT_NAMESPACE","CONNECTED_NAMESPACE","CONNECT_STATIC_NAMESPACE"],"sources":["@wordpress/components/src/ui/context/constants.js"],"sourcesContent":["export const COMPONENT_NAMESPACE = 'data-wp-component';\nexport const CONNECTED_NAMESPACE = 'data-wp-c16t';\n\n/**\n * Special key where the connected namespaces are stored.\n * This is attached to Context connected components as a static property.\n */\nexport const CONNECT_STATIC_NAMESPACE = '__contextSystemKey__';\n"],"mappings":"AAAA,OAAO,MAAMA,mBAAmB,GAAG,mBAAmB;AACtD,OAAO,MAAMC,mBAAmB,GAAG,cAAc;;AAEjD;AACA;AACA;AACA;AACA,OAAO,MAAMC,wBAAwB,GAAG,sBAAsB"}

package/build-module/ui/context/context-connect.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["forwardRef","warn","CONNECT_STATIC_NAMESPACE","getStyledClassNameFromKey","contextConnect","Component","namespace","_contextConnect","forwardsRef","contextConnectWithoutRef","options","WrappedComponent","SCRIPT_DEBUG","mergedNamespace","Array","isArray","Object","assign","Set","displayName","selector","getConnectNamespace","namespaces","type","hasConnectNamespace","match","includes","some","result"],"sources":["@wordpress/components/src/ui/context/context-connect.ts"],"sourcesContent":["/**\n * External dependencies\n */\nimport type { ForwardedRef, ReactChild, ReactNode } from 'react';\n\n/**\n * WordPress dependencies\n */\nimport { forwardRef } from '@wordpress/element';\nimport warn from '@wordpress/warning';\n\n/**\n * Internal dependencies\n */\nimport { CONNECT_STATIC_NAMESPACE } from './constants';\nimport { getStyledClassNameFromKey } from './get-styled-class-name-from-key';\nimport type { WordPressComponentFromProps } from '.';\n\ntype AcceptsTwoArgs<\n\tF extends ( ...args: any ) => any,\n\tErrorMessage = never\n> = Parameters< F >[ 'length' ] extends 2 ? {} : ErrorMessage;\n\ntype ContextConnectOptions = {\n\tforwardsRef?: boolean;\n};\n\n/**\n * Forwards ref (React.ForwardRef) and \"Connects\" (or registers) a component\n * within the Context system under a specified namespace.\n *\n * @param Component The component to register into the Context system.\n * @param namespace The namespace to register the component under.\n * @return The connected WordPressComponent\n */\nexport function contextConnect<\n\tC extends ( props: any, ref: ForwardedRef< any > ) => JSX.Element | null\n>(\n\tComponent: C &\n\t\tAcceptsTwoArgs<\n\t\t\tC,\n\t\t\t'Warning: Your component function does not take a ref as the second argument. Did you mean to use `contextConnectWithoutRef`?'\n\t\t>,\n\tnamespace: string\n) {\n\treturn _contextConnect( Component, namespace, { forwardsRef: true } );\n}\n\n/**\n * \"Connects\" (or registers) a component within the Context system under a specified namespace.\n * Does not forward a ref.\n *\n * @param Component The component to register into the Context system.\n * @param namespace The namespace to register the component under.\n * @return The connected WordPressComponent\n */\nexport function contextConnectWithoutRef< P >(\n\tComponent: ( props: P ) => JSX.Element | null,\n\tnamespace: string\n) {\n\treturn _contextConnect( Component, namespace );\n}\n\n// This is an (experimental) evolution of the initial connect() HOC.\n// The hope is that we can improve render performance by removing functional\n// component wrappers.\nfunction _contextConnect<\n\tC extends ( props: any, ref: ForwardedRef< any > ) => JSX.Element | null,\n\tO extends ContextConnectOptions\n>(\n\tComponent: C,\n\tnamespace: string,\n\toptions?: O\n): WordPressComponentFromProps<\n\tParameters< C >[ 0 ],\n\tO[ 'forwardsRef' ] extends true ? true : false\n> {\n\tconst WrappedComponent = options?.forwardsRef\n\t\t? forwardRef< any, Parameters< C >[ 0 ] >( Component )\n\t\t: Component;\n\n\tif ( typeof namespace === 'undefined' ) {\n\t\twarn( 'contextConnect: Please provide a namespace' );\n\t}\n\n\t// @ts-expect-error internal property\n\tlet mergedNamespace = WrappedComponent[ CONNECT_STATIC_NAMESPACE ] || [\n\t\tnamespace,\n\t];\n\n\t/**\n\t * Consolidate (merge) namespaces before attaching it to the WrappedComponent.\n\t */\n\tif ( Array.isArray( namespace ) ) {\n\t\tmergedNamespace = [ ...mergedNamespace, ...namespace ];\n\t}\n\tif ( typeof namespace === 'string' ) {\n\t\tmergedNamespace = [ ...mergedNamespace, namespace ];\n\t}\n\n\t// @ts-expect-error We can't rely on inferred types here because of the\n\t// `as` prop polymorphism we're handling in https://github.com/WordPress/gutenberg/blob/9620bae6fef4fde7cc2b7833f416e240207cda29/packages/components/src/ui/context/wordpress-component.ts#L32-L33\n\treturn Object.assign( WrappedComponent, {\n\t\t[ CONNECT_STATIC_NAMESPACE ]: [ ...new Set( mergedNamespace ) ],\n\t\tdisplayName: namespace,\n\t\tselector: `.${ getStyledClassNameFromKey( namespace ) }`,\n\t} );\n}\n\n/**\n * Attempts to retrieve the connected namespace from a component.\n *\n * @param Component The component to retrieve a namespace from.\n * @return The connected namespaces.\n */\nexport function getConnectNamespace(\n\tComponent: ReactChild | undefined | {}\n): string[] {\n\tif ( ! Component ) return [];\n\n\tlet namespaces = [];\n\n\t// @ts-ignore internal property\n\tif ( Component[ CONNECT_STATIC_NAMESPACE ] ) {\n\t\t// @ts-ignore internal property\n\t\tnamespaces = Component[ CONNECT_STATIC_NAMESPACE ];\n\t}\n\n\t// @ts-ignore\n\tif ( Component.type && Component.type[ CONNECT_STATIC_NAMESPACE ] ) {\n\t\t// @ts-ignore\n\t\tnamespaces = Component.type[ CONNECT_STATIC_NAMESPACE ];\n\t}\n\n\treturn namespaces;\n}\n\n/**\n * Checks to see if a component is connected within the Context system.\n *\n * @param Component The component to retrieve a namespace from.\n * @param match     The namespace to check.\n */\nexport function hasConnectNamespace(\n\tComponent: ReactNode,\n\tmatch: string[] | string\n): boolean {\n\tif ( ! Component ) return false;\n\n\tif ( typeof match === 'string' ) {\n\t\treturn getConnectNamespace( Component ).includes( match );\n\t}\n\tif ( Array.isArray( match ) ) {\n\t\treturn match.some( ( result ) =>\n\t\t\tgetConnectNamespace( Component ).includes( result )\n\t\t);\n\t}\n\n\treturn false;\n}\n"],"mappings":"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"}

package/build-module/ui/context/context-system-provider.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["deepmerge","fastDeepEqual","isPlainObject","createContext","useContext","useRef","useMemo","memo","warn","useUpdateEffect","ComponentsContext","useComponentsContext","useContextSystemBridge","value","parentContext","valueRef","current","SCRIPT_DEBUG","JSON","stringify","config","isMergeableObject","BaseContextSystemProvider","children","contextValue","createElement","Provider","ContextSystemProvider"],"sources":["@wordpress/components/src/ui/context/context-system-provider.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport deepmerge from 'deepmerge';\nimport fastDeepEqual from 'fast-deep-equal/es6';\nimport { isPlainObject } from 'is-plain-object';\n\n/**\n * WordPress dependencies\n */\nimport {\n\tcreateContext,\n\tuseContext,\n\tuseRef,\n\tuseMemo,\n\tmemo,\n} from '@wordpress/element';\nimport warn from '@wordpress/warning';\n\n/**\n * Internal dependencies\n */\nimport { useUpdateEffect } from '../../utils';\n\nexport const ComponentsContext = createContext(\n\t/** @type {Record<string, any>} */ ( {} )\n);\nexport const useComponentsContext = () => useContext( ComponentsContext );\n\n/**\n * Consolidates incoming ContextSystem values with a (potential) parent ContextSystem value.\n *\n * Note: This function will warn if it detects an un-memoized `value`\n *\n * @param {Object}              props\n * @param {Record<string, any>} props.value\n * @return {Record<string, any>} The consolidated value.\n */\nfunction useContextSystemBridge( { value } ) {\n\tconst parentContext = useComponentsContext();\n\n\tconst valueRef = useRef( value );\n\n\tuseUpdateEffect( () => {\n\t\tif (\n\t\t\t// Objects are equivalent.\n\t\t\tfastDeepEqual( valueRef.current, value ) &&\n\t\t\t// But not the same reference.\n\t\t\tvalueRef.current !== value\n\t\t) {\n\t\t\twarn( `Please memoize your context: ${ JSON.stringify( value ) }` );\n\t\t}\n\t}, [ value ] );\n\n\t// `parentContext` will always be memoized (i.e., the result of this hook itself)\n\t// or the default value from when the `ComponentsContext` was originally\n\t// initialized (which will never change, it's a static variable)\n\t// so this memoization will prevent `deepmerge()` from rerunning unless\n\t// the references to `value` change OR the `parentContext` has an actual material change\n\t// (because again, it's guaranteed to be memoized or a static reference to the empty object\n\t// so we know that the only changes for `parentContext` are material ones... i.e., why we\n\t// don't have to warn in the `useUpdateEffect` hook above for `parentContext` and we only\n\t// need to bother with the `value`). The `useUpdateEffect` above will ensure that we are\n\t// correctly warning when the `value` isn't being properly memoized. All of that to say\n\t// that this should be super safe to assume that `useMemo` will only run on actual\n\t// changes to the two dependencies, therefore saving us calls to `deepmerge()`!\n\tconst config = useMemo( () => {\n\t\t// Deep clone `parentContext` to avoid mutating it later.\n\t\treturn deepmerge( parentContext ?? {}, value ?? {}, {\n\t\t\tisMergeableObject: isPlainObject,\n\t\t} );\n\t}, [ parentContext, value ] );\n\n\treturn config;\n}\n\n/**\n * A Provider component that can modify props for connected components within\n * the Context system.\n *\n * @example\n * ```jsx\n * <ContextSystemProvider value={{ Button: { size: 'small' }}}>\n *   <Button>...</Button>\n * </ContextSystemProvider>\n * ```\n *\n * @template {Record<string, any>} T\n * @param {Object}                    options\n * @param {import('react').ReactNode} options.children Children to render.\n * @param {T}                         options.value    Props to render into connected components.\n * @return {JSX.Element} A Provider wrapped component.\n */\nconst BaseContextSystemProvider = ( { children, value } ) => {\n\tconst contextValue = useContextSystemBridge( { value } );\n\n\treturn (\n\t\t<ComponentsContext.Provider value={ contextValue }>\n\t\t\t{ children }\n\t\t</ComponentsContext.Provider>\n\t);\n};\n\nexport const ContextSystemProvider = memo( BaseContextSystemProvider );\n"],"mappings":";AAAA;AACA;AACA;AACA,OAAOA,SAAS,MAAM,WAAW;AACjC,OAAOC,aAAa,MAAM,qBAAqB;AAC/C,SAASC,aAAa,QAAQ,iBAAiB;;AAE/C;AACA;AACA;AACA,SACCC,aAAa,EACbC,UAAU,EACVC,MAAM,EACNC,OAAO,EACPC,IAAI,QACE,oBAAoB;AAC3B,OAAOC,IAAI,MAAM,oBAAoB;;AAErC;AACA;AACA;AACA,SAASC,eAAe,QAAQ,aAAa;AAE7C,OAAO,MAAMC,iBAAiB,GAAGP,aAAa,EAC7C,kCAAqC,CAAC,CACvC,CAAC;AACD,OAAO,MAAMQ,oBAAoB,GAAGA,CAAA,KAAMP,UAAU,CAAEM,iBAAkB,CAAC;;AAEzE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASE,sBAAsBA,CAAE;EAAEC;AAAM,CAAC,EAAG;EAC5C,MAAMC,aAAa,GAAGH,oBAAoB,CAAC,CAAC;EAE5C,MAAMI,QAAQ,GAAGV,MAAM,CAAEQ,KAAM,CAAC;EAEhCJ,eAAe,CAAE,MAAM;IACtB;IACC;IACAR,aAAa,CAAEc,QAAQ,CAACC,OAAO,EAAEH,KAAM,CAAC;IACxC;IACAE,QAAQ,CAACC,OAAO,KAAKH,KAAK,EACzB;MACD,OAAAI,YAAA,oBAAAA,YAAA,YAAAT,IAAI,CAAG,gCAAgCU,IAAI,CAACC,SAAS,CAAEN,KAAM,CAAG,EAAE,CAAC;IACpE;EACD,CAAC,EAAE,CAAEA,KAAK,CAAG,CAAC;;EAEd;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,MAAMO,MAAM,GAAGd,OAAO,CAAE,MAAM;IAC7B;IACA,OAAON,SAAS,CAAEc,aAAa,aAAbA,aAAa,cAAbA,aAAa,GAAI,CAAC,CAAC,EAAED,KAAK,aAALA,KAAK,cAALA,KAAK,GAAI,CAAC,CAAC,EAAE;MACnDQ,iBAAiB,EAAEnB;IACpB,CAAE,CAAC;EACJ,CAAC,EAAE,CAAEY,aAAa,EAAED,KAAK,CAAG,CAAC;EAE7B,OAAOO,MAAM;AACd;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAME,yBAAyB,GAAGA,CAAE;EAAEC,QAAQ;EAAEV;AAAM,CAAC,KAAM;EAC5D,MAAMW,YAAY,GAAGZ,sBAAsB,CAAE;IAAEC;EAAM,CAAE,CAAC;EAExD,OACCY,aAAA,CAACf,iBAAiB,CAACgB,QAAQ;IAACb,KAAK,EAAGW;EAAc,GAC/CD,QACyB,CAAC;AAE/B,CAAC;AAED,OAAO,MAAMI,qBAAqB,GAAGpB,IAAI,CAAEe,yBAA0B,CAAC"}

package/build-module/ui/context/get-styled-class-name-from-key.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["paramCase","kebabCase","memoize","getStyledClassName","namespace","kebab","getStyledClassNameFromKey"],"sources":["@wordpress/components/src/ui/context/get-styled-class-name-from-key.ts"],"sourcesContent":["/**\n * External dependencies\n */\nimport { paramCase as kebabCase } from 'change-case';\nimport memoize from 'memize';\n\n/**\n * Generates the connected component CSS className based on the namespace.\n *\n * @param namespace The name of the connected component.\n * @return The generated CSS className.\n */\nfunction getStyledClassName( namespace: string ): string {\n\tconst kebab = kebabCase( namespace );\n\treturn `components-${ kebab }`;\n}\n\nexport const getStyledClassNameFromKey = memoize( getStyledClassName );\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,SAAS,IAAIC,SAAS,QAAQ,aAAa;AACpD,OAAOC,OAAO,MAAM,QAAQ;;AAE5B;AACA;AACA;AACA;AACA;AACA;AACA,SAASC,kBAAkBA,CAAEC,SAAiB,EAAW;EACxD,MAAMC,KAAK,GAAGJ,SAAS,CAAEG,SAAU,CAAC;EACpC,OAAQ,cAAcC,KAAO,EAAC;AAC/B;AAEA,OAAO,MAAMC,yBAAyB,GAAGJ,OAAO,CAAEC,kBAAmB,CAAC"}

package/build-module/ui/context/index.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["ContextSystemProvider","useComponentsContext","contextConnect","contextConnectWithoutRef","hasConnectNamespace","getConnectNamespace","useContextSystem"],"sources":["@wordpress/components/src/ui/context/index.ts"],"sourcesContent":["export {\n\tContextSystemProvider,\n\tuseComponentsContext,\n} from './context-system-provider';\nexport {\n\tcontextConnect,\n\tcontextConnectWithoutRef,\n\thasConnectNamespace,\n\tgetConnectNamespace,\n} from './context-connect';\nexport { useContextSystem } from './use-context-system';\nexport * from './wordpress-component';\n"],"mappings":"AAAA,SACCA,qBAAqB,EACrBC,oBAAoB,QACd,2BAA2B;AAClC,SACCC,cAAc,EACdC,wBAAwB,EACxBC,mBAAmB,EACnBC,mBAAmB,QACb,mBAAmB;AAC1B,SAASC,gBAAgB,QAAQ,sBAAsB;AACvD,cAAc,uBAAuB"}

package/build-module/ui/context/use-context-system.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["warn","useComponentsContext","getNamespace","getConnectedNamespace","getStyledClassNameFromKey","useCx","useContextSystem","props","namespace","contextSystemProps","SCRIPT_DEBUG","contextProps","finalComponentProps","_overrides","overrideProps","otherContextProps","initialMergedProps","Object","entries","length","assign","cx","classes","className","rendered","renderChildren","children","key","undefined"],"sources":["@wordpress/components/src/ui/context/use-context-system.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport warn from '@wordpress/warning';\n\n/**\n * Internal dependencies\n */\nimport { useComponentsContext } from './context-system-provider';\nimport { getNamespace, getConnectedNamespace } from './utils';\nimport { getStyledClassNameFromKey } from './get-styled-class-name-from-key';\nimport { useCx } from '../../utils/hooks/use-cx';\n\n/**\n * @template TProps\n * @typedef {TProps & { className: string }} ConnectedProps\n */\n\n/**\n * Custom hook that derives registered props from the Context system.\n * These derived props are then consolidated with incoming component props.\n *\n * @template {{ className?: string }} P\n * @param {P}      props     Incoming props from the component.\n * @param {string} namespace The namespace to register and to derive context props from.\n * @return {ConnectedProps<P>} The connected props.\n */\nexport function useContextSystem( props, namespace ) {\n\tconst contextSystemProps = useComponentsContext();\n\tif ( typeof namespace === 'undefined' ) {\n\t\twarn( 'useContextSystem: Please provide a namespace' );\n\t}\n\n\tconst contextProps = contextSystemProps?.[ namespace ] || {};\n\n\t/* eslint-disable jsdoc/no-undefined-types */\n\t/** @type {ConnectedProps<P>} */\n\t// @ts-ignore We fill in the missing properties below\n\tconst finalComponentProps = {\n\t\t...getConnectedNamespace(),\n\t\t...getNamespace( namespace ),\n\t};\n\t/* eslint-enable jsdoc/no-undefined-types */\n\n\tconst { _overrides: overrideProps, ...otherContextProps } = contextProps;\n\n\tconst initialMergedProps = Object.entries( otherContextProps ).length\n\t\t? Object.assign( {}, otherContextProps, props )\n\t\t: props;\n\n\tconst cx = useCx();\n\n\tconst classes = cx(\n\t\tgetStyledClassNameFromKey( namespace ),\n\t\tprops.className\n\t);\n\n\t// Provides the ability to customize the render of the component.\n\tconst rendered =\n\t\ttypeof initialMergedProps.renderChildren === 'function'\n\t\t\t? initialMergedProps.renderChildren( initialMergedProps )\n\t\t\t: initialMergedProps.children;\n\n\tfor ( const key in initialMergedProps ) {\n\t\t// @ts-ignore filling in missing props\n\t\tfinalComponentProps[ key ] = initialMergedProps[ key ];\n\t}\n\n\tfor ( const key in overrideProps ) {\n\t\t// @ts-ignore filling in missing props\n\t\tfinalComponentProps[ key ] = overrideProps[ key ];\n\t}\n\n\t// Setting an `undefined` explicitly can cause unintended overwrites\n\t// when a `cloneElement()` is involved.\n\tif ( rendered !== undefined ) {\n\t\t// @ts-ignore\n\t\tfinalComponentProps.children = rendered;\n\t}\n\n\tfinalComponentProps.className = classes;\n\n\treturn finalComponentProps;\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,OAAOA,IAAI,MAAM,oBAAoB;;AAErC;AACA;AACA;AACA,SAASC,oBAAoB,QAAQ,2BAA2B;AAChE,SAASC,YAAY,EAAEC,qBAAqB,QAAQ,SAAS;AAC7D,SAASC,yBAAyB,QAAQ,kCAAkC;AAC5E,SAASC,KAAK,QAAQ,0BAA0B;;AAEhD;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,gBAAgBA,CAAEC,KAAK,EAAEC,SAAS,EAAG;EACpD,MAAMC,kBAAkB,GAAGR,oBAAoB,CAAC,CAAC;EACjD,IAAK,OAAOO,SAAS,KAAK,WAAW,EAAG;IACvC,OAAAE,YAAA,oBAAAA,YAAA,YAAAV,IAAI,CAAE,8CAA+C,CAAC;EACvD;EAEA,MAAMW,YAAY,GAAGF,kBAAkB,GAAID,SAAS,CAAE,IAAI,CAAC,CAAC;;EAE5D;EACA;EACA;EACA,MAAMI,mBAAmB,GAAG;IAC3B,GAAGT,qBAAqB,CAAC,CAAC;IAC1B,GAAGD,YAAY,CAAEM,SAAU;EAC5B,CAAC;EACD;;EAEA,MAAM;IAAEK,UAAU,EAAEC,aAAa;IAAE,GAAGC;EAAkB,CAAC,GAAGJ,YAAY;EAExE,MAAMK,kBAAkB,GAAGC,MAAM,CAACC,OAAO,CAAEH,iBAAkB,CAAC,CAACI,MAAM,GAClEF,MAAM,CAACG,MAAM,CAAE,CAAC,CAAC,EAAEL,iBAAiB,EAAER,KAAM,CAAC,GAC7CA,KAAK;EAER,MAAMc,EAAE,GAAGhB,KAAK,CAAC,CAAC;EAElB,MAAMiB,OAAO,GAAGD,EAAE,CACjBjB,yBAAyB,CAAEI,SAAU,CAAC,EACtCD,KAAK,CAACgB,SACP,CAAC;;EAED;EACA,MAAMC,QAAQ,GACb,OAAOR,kBAAkB,CAACS,cAAc,KAAK,UAAU,GACpDT,kBAAkB,CAACS,cAAc,CAAET,kBAAmB,CAAC,GACvDA,kBAAkB,CAACU,QAAQ;EAE/B,KAAM,MAAMC,GAAG,IAAIX,kBAAkB,EAAG;IACvC;IACAJ,mBAAmB,CAAEe,GAAG,CAAE,GAAGX,kBAAkB,CAAEW,GAAG,CAAE;EACvD;EAEA,KAAM,MAAMA,GAAG,IAAIb,aAAa,EAAG;IAClC;IACAF,mBAAmB,CAAEe,GAAG,CAAE,GAAGb,aAAa,CAAEa,GAAG,CAAE;EAClD;;EAEA;EACA;EACA,IAAKH,QAAQ,KAAKI,SAAS,EAAG;IAC7B;IACAhB,mBAAmB,CAACc,QAAQ,GAAGF,QAAQ;EACxC;EAEAZ,mBAAmB,CAACW,SAAS,GAAGD,OAAO;EAEvC,OAAOV,mBAAmB;AAC3B"}

package/build-module/ui/context/utils.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["CONNECTED_NAMESPACE","COMPONENT_NAMESPACE","getNamespace","componentName","getConnectedNamespace"],"sources":["@wordpress/components/src/ui/context/utils.js"],"sourcesContent":["/**\n * Internal dependencies\n */\nimport { CONNECTED_NAMESPACE, COMPONENT_NAMESPACE } from './constants';\n\n/**\n * Creates a dedicated context namespace HTML attribute for components.\n * ns is short for \"namespace\"\n *\n * @example\n * ```jsx\n * <div {...ns('Container')} />\n * ```\n *\n * @param {string} componentName The name for the component.\n * @return {Record<string, any>} A props object with the namespaced HTML attribute.\n */\nexport function getNamespace( componentName ) {\n\treturn { [ COMPONENT_NAMESPACE ]: componentName };\n}\n\n/**\n * Creates a dedicated connected context namespace HTML attribute for components.\n * ns is short for \"namespace\"\n *\n * @example\n * ```jsx\n * <div {...cns()} />\n * ```\n *\n * @return {Record<string, any>} A props object with the namespaced HTML attribute.\n */\nexport function getConnectedNamespace() {\n\treturn { [ CONNECTED_NAMESPACE ]: true };\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,mBAAmB,EAAEC,mBAAmB,QAAQ,aAAa;;AAEtE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,YAAYA,CAAEC,aAAa,EAAG;EAC7C,OAAO;IAAE,CAAEF,mBAAmB,GAAIE;EAAc,CAAC;AAClD;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,qBAAqBA,CAAA,EAAG;EACvC,OAAO;IAAE,CAAEJ,mBAAmB,GAAI;EAAK,CAAC;AACzC"}

package/build-module/ui/context/wordpress-component.js.map

@@ -1 +0,0 @@
-{"version":3,"names":[],"sources":["@wordpress/components/src/ui/context/wordpress-component.ts"],"sourcesContent":["/**\n * External dependencies\n */\nimport type * as React from 'react';\n\n// Based on https://github.com/reakit/reakit/blob/master/packages/reakit-utils/src/types.ts\nexport type WordPressComponentProps<\n\t/** Prop types. */\n\tP,\n\t/** The HTML element to inherit props from. */\n\tT extends React.ElementType,\n\t/** Supports polymorphism through the `as` prop. */\n\tIsPolymorphic extends boolean = true\n> = P &\n\t// The `children` prop is being explicitly omitted since it is otherwise implicitly added\n\t// by `ComponentPropsWithRef`. The context is that components should require the `children`\n\t// prop explicitely when needed (see https://github.com/WordPress/gutenberg/pull/31817).\n\tOmit< React.ComponentPropsWithoutRef< T >, 'as' | keyof P | 'children' > &\n\t( IsPolymorphic extends true\n\t\t? {\n\t\t\t\t/** The HTML element or React component to render the component as. */\n\t\t\t\tas?: T | keyof JSX.IntrinsicElements;\n\t\t  }\n\t\t: {} );\n\nexport type WordPressComponent<\n\tT extends React.ElementType,\n\tO,\n\tIsPolymorphic extends boolean\n> = {\n\t< TT extends React.ElementType >(\n\t\tprops: WordPressComponentProps< O, TT, IsPolymorphic > &\n\t\t\t( IsPolymorphic extends true ? { as: TT } : {} )\n\t): JSX.Element | null;\n\t(\n\t\tprops: WordPressComponentProps< O, T, IsPolymorphic >\n\t): JSX.Element | null;\n\tdisplayName?: string;\n\t/**\n\t * A CSS selector used to fake component interpolation in styled components\n\t * for components not generated by `styled`. Anything passed to `contextConnect`\n\t * will get this property.\n\t *\n\t * We restrict it to a class to align with the already existing class names that\n\t * are generated by the context system.\n\t */\n\tselector?: `.${ string }`;\n};\n\nexport type WordPressComponentFromProps<\n\tProps,\n\tForwardsRef extends boolean = true\n> = Props extends WordPressComponentProps< infer P, infer T, infer I >\n\t? WordPressComponent<\n\t\t\tT,\n\t\t\tP & ( ForwardsRef extends true ? React.RefAttributes< any > : {} ),\n\t\t\tI\n\t  >\n\t: never;\n"],"mappings":""}

package/build-module/ui/shortcut/component.js

@@ -1,40 +0,0 @@
-import { createElement } from "@wordpress/element";
-/**
- * External dependencies
- */
-
-/**
- * Internal dependencies
- */
-
-import { useContextSystem, contextConnect } from '../context';
-import { View } from '../../view';
-function Shortcut(props, forwardedRef) {
-  const {
-    as: asProp = 'span',
-    shortcut,
-    className,
-    ...otherProps
-  } = useContextSystem(props, 'Shortcut');
-  if (!shortcut) {
-    return null;
-  }
-  let displayText;
-  let ariaLabel;
-  if (typeof shortcut === 'string') {
-    displayText = shortcut;
-  } else {
-    displayText = shortcut.display;
-    ariaLabel = shortcut.ariaLabel;
-  }
-  return createElement(View, {
-    as: asProp,
-    className: className,
-    "aria-label": ariaLabel,
-    ref: forwardedRef,
-    ...otherProps
-  }, displayText);
-}
-const ConnectedShortcut = contextConnect(Shortcut, 'Shortcut');
-export default ConnectedShortcut;
-//# sourceMappingURL=component.js.map

package/build-module/ui/shortcut/component.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["useContextSystem","contextConnect","View","Shortcut","props","forwardedRef","as","asProp","shortcut","className","otherProps","displayText","ariaLabel","display","createElement","ref","ConnectedShortcut"],"sources":["@wordpress/components/src/ui/shortcut/component.tsx"],"sourcesContent":["/**\n * External dependencies\n */\nimport type { ForwardedRef } from 'react';\n\n/**\n * Internal dependencies\n */\nimport type { WordPressComponentProps } from '../context';\nimport { useContextSystem, contextConnect } from '../context';\nimport { View } from '../../view';\n\nexport interface ShortcutDescription {\n\tdisplay: string;\n\tariaLabel: string;\n}\n\nexport interface Props {\n\tshortcut?: ShortcutDescription | string;\n\tclassName?: string;\n}\n\nfunction Shortcut(\n\tprops: WordPressComponentProps< Props, 'span' >,\n\tforwardedRef: ForwardedRef< any >\n): JSX.Element | null {\n\tconst {\n\t\tas: asProp = 'span',\n\t\tshortcut,\n\t\tclassName,\n\t\t...otherProps\n\t} = useContextSystem( props, 'Shortcut' );\n\tif ( ! shortcut ) {\n\t\treturn null;\n\t}\n\n\tlet displayText: string;\n\tlet ariaLabel: string | undefined;\n\n\tif ( typeof shortcut === 'string' ) {\n\t\tdisplayText = shortcut;\n\t} else {\n\t\tdisplayText = shortcut.display;\n\t\tariaLabel = shortcut.ariaLabel;\n\t}\n\n\treturn (\n\t\t<View\n\t\t\tas={ asProp }\n\t\t\tclassName={ className }\n\t\t\taria-label={ ariaLabel }\n\t\t\tref={ forwardedRef }\n\t\t\t{ ...otherProps }\n\t\t>\n\t\t\t{ displayText }\n\t\t</View>\n\t);\n}\n\nconst ConnectedShortcut = contextConnect( Shortcut, 'Shortcut' );\n\nexport default ConnectedShortcut;\n"],"mappings":";AAAA;AACA;AACA;;AAGA;AACA;AACA;;AAEA,SAASA,gBAAgB,EAAEC,cAAc,QAAQ,YAAY;AAC7D,SAASC,IAAI,QAAQ,YAAY;AAYjC,SAASC,QAAQA,CAChBC,KAA+C,EAC/CC,YAAiC,EACZ;EACrB,MAAM;IACLC,EAAE,EAAEC,MAAM,GAAG,MAAM;IACnBC,QAAQ;IACRC,SAAS;IACT,GAAGC;EACJ,CAAC,GAAGV,gBAAgB,CAAEI,KAAK,EAAE,UAAW,CAAC;EACzC,IAAK,CAAEI,QAAQ,EAAG;IACjB,OAAO,IAAI;EACZ;EAEA,IAAIG,WAAmB;EACvB,IAAIC,SAA6B;EAEjC,IAAK,OAAOJ,QAAQ,KAAK,QAAQ,EAAG;IACnCG,WAAW,GAAGH,QAAQ;EACvB,CAAC,MAAM;IACNG,WAAW,GAAGH,QAAQ,CAACK,OAAO;IAC9BD,SAAS,GAAGJ,QAAQ,CAACI,SAAS;EAC/B;EAEA,OACCE,aAAA,CAACZ,IAAI;IACJI,EAAE,EAAGC,MAAQ;IACbE,SAAS,EAAGA,SAAW;IACvB,cAAaG,SAAW;IACxBG,GAAG,EAAGV,YAAc;IAAA,GACfK;EAAU,GAEbC,WACG,CAAC;AAET;AAEA,MAAMK,iBAAiB,GAAGf,cAAc,CAAEE,QAAQ,EAAE,UAAW,CAAC;AAEhE,eAAea,iBAAiB"}

package/build-module/ui/shortcut/index.js

@@ -1,2 +0,0 @@
-export { default as Shortcut } from './component';
-//# sourceMappingURL=index.js.map

package/build-module/ui/shortcut/index.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["default","Shortcut"],"sources":["@wordpress/components/src/ui/shortcut/index.ts"],"sourcesContent":["export { default as Shortcut } from './component';\nexport type { Props as ShortcutProps, ShortcutDescription } from './component';\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,QAAQ,QAAQ,aAAa"}

package/build-module/ui/tooltip/component.js

@@ -1,90 +0,0 @@
-import { createElement } from "@wordpress/element";
-/**
- * External dependencies
- */
-// eslint-disable-next-line no-restricted-imports
-import { TooltipReference, useTooltipState } from 'reakit';
-
-/**
- * WordPress dependencies
- */
-import { useMemo, cloneElement } from '@wordpress/element';
-
-/**
- * Internal dependencies
- */
-import { contextConnect, useContextSystem } from '../context';
-import { TooltipContext } from './context';
-import TooltipContent from './content';
-import { TooltipShortcut } from './styles';
-
-/**
- * @param {import('../context').WordPressComponentProps<import('./types').Props, 'div'>} props
- * @param {import('react').ForwardedRef<any>}                                            forwardedRef
- */
-function Tooltip(props, forwardedRef) {
-  const {
-    animated = true,
-    animationDuration = 160,
-    baseId,
-    children,
-    content,
-    focusable = true,
-    gutter = 4,
-    id,
-    modal = true,
-    placement,
-    visible = false,
-    shortcut,
-    ...otherProps
-  } = useContextSystem(props, 'Tooltip');
-  const tooltip = useTooltipState({
-    animated: animated ? animationDuration : undefined,
-    baseId: baseId || id,
-    gutter,
-    placement,
-    visible,
-    ...otherProps
-  });
-  const contextProps = useMemo(() => ({
-    tooltip
-  }), [tooltip]);
-  return createElement(TooltipContext.Provider, {
-    value: contextProps
-  }, content && createElement(TooltipContent, {
-    unstable_portal: modal,
-    ref: forwardedRef
-  }, content, shortcut && createElement(TooltipShortcut, {
-    shortcut: shortcut
-  })), children && createElement(TooltipReference, {
-    ...tooltip,
-    ...children.props,
-    // @ts-ignore If ref doesn't exist that's fine with us, it'll just be undefined, but it can exist on ReactElement and there's no reason to try to scope this (it'll just overcomplicate things)
-    ref: children?.ref
-  }, referenceProps => {
-    if (!focusable) {
-      referenceProps.tabIndex = undefined;
-    }
-    return cloneElement(children, referenceProps);
-  }));
-}
-
-/**
- * `Tooltip` is a component that provides context for a user interface element.
- *
- * @example
- * ```jsx
- * import { Tooltip, Text } from `@wordpress/components/ui`;
- *
- * function Example() {
- * 	return (
- * 		<Tooltip content="Code is Poetry">
- * 			<Text>WordPress.org</Text>
- * 		</Tooltip>
- * 	)
- * }
- * ```
- */
-const ConnectedTooltip = contextConnect(Tooltip, 'Tooltip');
-export default ConnectedTooltip;
-//# sourceMappingURL=component.js.map

package/build-module/ui/tooltip/component.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["TooltipReference","useTooltipState","useMemo","cloneElement","contextConnect","useContextSystem","TooltipContext","TooltipContent","TooltipShortcut","Tooltip","props","forwardedRef","animated","animationDuration","baseId","children","content","focusable","gutter","id","modal","placement","visible","shortcut","otherProps","tooltip","undefined","contextProps","createElement","Provider","value","unstable_portal","ref","referenceProps","tabIndex","ConnectedTooltip"],"sources":["@wordpress/components/src/ui/tooltip/component.js"],"sourcesContent":["/**\n * External dependencies\n */\n// eslint-disable-next-line no-restricted-imports\nimport { TooltipReference, useTooltipState } from 'reakit';\n\n/**\n * WordPress dependencies\n */\nimport { useMemo, cloneElement } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { contextConnect, useContextSystem } from '../context';\nimport { TooltipContext } from './context';\nimport TooltipContent from './content';\nimport { TooltipShortcut } from './styles';\n\n/**\n * @param {import('../context').WordPressComponentProps<import('./types').Props, 'div'>} props\n * @param {import('react').ForwardedRef<any>}                                            forwardedRef\n */\nfunction Tooltip( props, forwardedRef ) {\n\tconst {\n\t\tanimated = true,\n\t\tanimationDuration = 160,\n\t\tbaseId,\n\t\tchildren,\n\t\tcontent,\n\t\tfocusable = true,\n\t\tgutter = 4,\n\t\tid,\n\t\tmodal = true,\n\t\tplacement,\n\t\tvisible = false,\n\t\tshortcut,\n\t\t...otherProps\n\t} = useContextSystem( props, 'Tooltip' );\n\n\tconst tooltip = useTooltipState( {\n\t\tanimated: animated ? animationDuration : undefined,\n\t\tbaseId: baseId || id,\n\t\tgutter,\n\t\tplacement,\n\t\tvisible,\n\t\t...otherProps,\n\t} );\n\n\tconst contextProps = useMemo(\n\t\t() => ( {\n\t\t\ttooltip,\n\t\t} ),\n\t\t[ tooltip ]\n\t);\n\n\treturn (\n\t\t<TooltipContext.Provider value={ contextProps }>\n\t\t\t{ content && (\n\t\t\t\t<TooltipContent unstable_portal={ modal } ref={ forwardedRef }>\n\t\t\t\t\t{ content }\n\t\t\t\t\t{ shortcut && <TooltipShortcut shortcut={ shortcut } /> }\n\t\t\t\t</TooltipContent>\n\t\t\t) }\n\t\t\t{ children && (\n\t\t\t\t<TooltipReference\n\t\t\t\t\t{ ...tooltip }\n\t\t\t\t\t{ ...children.props }\n\t\t\t\t\t// @ts-ignore If ref doesn't exist that's fine with us, it'll just be undefined, but it can exist on ReactElement and there's no reason to try to scope this (it'll just overcomplicate things)\n\t\t\t\t\tref={ children?.ref }\n\t\t\t\t>\n\t\t\t\t\t{ ( referenceProps ) => {\n\t\t\t\t\t\tif ( ! focusable ) {\n\t\t\t\t\t\t\treferenceProps.tabIndex = undefined;\n\t\t\t\t\t\t}\n\t\t\t\t\t\treturn cloneElement( children, referenceProps );\n\t\t\t\t\t} }\n\t\t\t\t</TooltipReference>\n\t\t\t) }\n\t\t</TooltipContext.Provider>\n\t);\n}\n\n/**\n * `Tooltip` is a component that provides context for a user interface element.\n *\n * @example\n * ```jsx\n * import { Tooltip, Text } from `@wordpress/components/ui`;\n *\n * function Example() {\n * \treturn (\n * \t\t<Tooltip content=\"Code is Poetry\">\n * \t\t\t<Text>WordPress.org</Text>\n * \t\t</Tooltip>\n * \t)\n * }\n * ```\n */\nconst ConnectedTooltip = contextConnect( Tooltip, 'Tooltip' );\n\nexport default ConnectedTooltip;\n"],"mappings":";AAAA;AACA;AACA;AACA;AACA,SAASA,gBAAgB,EAAEC,eAAe,QAAQ,QAAQ;;AAE1D;AACA;AACA;AACA,SAASC,OAAO,EAAEC,YAAY,QAAQ,oBAAoB;;AAE1D;AACA;AACA;AACA,SAASC,cAAc,EAAEC,gBAAgB,QAAQ,YAAY;AAC7D,SAASC,cAAc,QAAQ,WAAW;AAC1C,OAAOC,cAAc,MAAM,WAAW;AACtC,SAASC,eAAe,QAAQ,UAAU;;AAE1C;AACA;AACA;AACA;AACA,SAASC,OAAOA,CAAEC,KAAK,EAAEC,YAAY,EAAG;EACvC,MAAM;IACLC,QAAQ,GAAG,IAAI;IACfC,iBAAiB,GAAG,GAAG;IACvBC,MAAM;IACNC,QAAQ;IACRC,OAAO;IACPC,SAAS,GAAG,IAAI;IAChBC,MAAM,GAAG,CAAC;IACVC,EAAE;IACFC,KAAK,GAAG,IAAI;IACZC,SAAS;IACTC,OAAO,GAAG,KAAK;IACfC,QAAQ;IACR,GAAGC;EACJ,CAAC,GAAGnB,gBAAgB,CAAEK,KAAK,EAAE,SAAU,CAAC;EAExC,MAAMe,OAAO,GAAGxB,eAAe,CAAE;IAChCW,QAAQ,EAAEA,QAAQ,GAAGC,iBAAiB,GAAGa,SAAS;IAClDZ,MAAM,EAAEA,MAAM,IAAIK,EAAE;IACpBD,MAAM;IACNG,SAAS;IACTC,OAAO;IACP,GAAGE;EACJ,CAAE,CAAC;EAEH,MAAMG,YAAY,GAAGzB,OAAO,CAC3B,OAAQ;IACPuB;EACD,CAAC,CAAE,EACH,CAAEA,OAAO,CACV,CAAC;EAED,OACCG,aAAA,CAACtB,cAAc,CAACuB,QAAQ;IAACC,KAAK,EAAGH;EAAc,GAC5CX,OAAO,IACRY,aAAA,CAACrB,cAAc;IAACwB,eAAe,EAAGX,KAAO;IAACY,GAAG,EAAGrB;EAAc,GAC3DK,OAAO,EACPO,QAAQ,IAAIK,aAAA,CAACpB,eAAe;IAACe,QAAQ,EAAGA;EAAU,CAAE,CACvC,CAChB,EACCR,QAAQ,IACTa,aAAA,CAAC5B,gBAAgB;IAAA,GACXyB,OAAO;IAAA,GACPV,QAAQ,CAACL,KAAK;IACnB;IACAsB,GAAG,EAAGjB,QAAQ,EAAEiB;EAAK,GAEjBC,cAAc,IAAM;IACvB,IAAK,CAAEhB,SAAS,EAAG;MAClBgB,cAAc,CAACC,QAAQ,GAAGR,SAAS;IACpC;IACA,OAAOvB,YAAY,CAAEY,QAAQ,EAAEkB,cAAe,CAAC;EAChD,CACiB,CAEK,CAAC;AAE5B;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAME,gBAAgB,GAAG/B,cAAc,CAAEK,OAAO,EAAE,SAAU,CAAC;AAE7D,eAAe0B,gBAAgB"}

package/build-module/ui/tooltip/content.js

@@ -1,45 +0,0 @@
-import { createElement } from "@wordpress/element";
-/**
- * External dependencies
- */
-// eslint-disable-next-line no-restricted-imports
-import { Tooltip as ReakitTooltip } from 'reakit';
-
-/**
- * Internal dependencies
- */
-import { contextConnect, useContextSystem } from '../context';
-import { View } from '../../view';
-import { useTooltipContext } from './context';
-import * as styles from './styles';
-import { useCx } from '../../utils/hooks/use-cx';
-const {
-  TooltipPopoverView
-} = styles;
-
-/**
- *
- * @param {import('../context').WordPressComponentProps<import('./types').ContentProps, 'div'>} props
- * @param {import('react').ForwardedRef<any>}                                                   forwardedRef
- */
-function TooltipContent(props, forwardedRef) {
-  const {
-    children,
-    className,
-    ...otherProps
-  } = useContextSystem(props, 'TooltipContent');
-  const {
-    tooltip
-  } = useTooltipContext();
-  const cx = useCx();
-  const classes = cx(styles.TooltipContent, className);
-  return createElement(ReakitTooltip, {
-    as: View,
-    ...otherProps,
-    ...tooltip,
-    className: classes,
-    ref: forwardedRef
-  }, createElement(TooltipPopoverView, null, children));
-}
-export default contextConnect(TooltipContent, 'TooltipContent');
-//# sourceMappingURL=content.js.map

package/build-module/ui/tooltip/content.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["Tooltip","ReakitTooltip","contextConnect","useContextSystem","View","useTooltipContext","styles","useCx","TooltipPopoverView","TooltipContent","props","forwardedRef","children","className","otherProps","tooltip","cx","classes","createElement","as","ref"],"sources":["@wordpress/components/src/ui/tooltip/content.js"],"sourcesContent":["/**\n * External dependencies\n */\n// eslint-disable-next-line no-restricted-imports\nimport { Tooltip as ReakitTooltip } from 'reakit';\n\n/**\n * Internal dependencies\n */\nimport { contextConnect, useContextSystem } from '../context';\nimport { View } from '../../view';\nimport { useTooltipContext } from './context';\nimport * as styles from './styles';\nimport { useCx } from '../../utils/hooks/use-cx';\n\nconst { TooltipPopoverView } = styles;\n\n/**\n *\n * @param {import('../context').WordPressComponentProps<import('./types').ContentProps, 'div'>} props\n * @param {import('react').ForwardedRef<any>}                                                   forwardedRef\n */\nfunction TooltipContent( props, forwardedRef ) {\n\tconst { children, className, ...otherProps } = useContextSystem(\n\t\tprops,\n\t\t'TooltipContent'\n\t);\n\tconst { tooltip } = useTooltipContext();\n\tconst cx = useCx();\n\tconst classes = cx( styles.TooltipContent, className );\n\n\treturn (\n\t\t<ReakitTooltip\n\t\t\tas={ View }\n\t\t\t{ ...otherProps }\n\t\t\t{ ...tooltip }\n\t\t\tclassName={ classes }\n\t\t\tref={ forwardedRef }\n\t\t>\n\t\t\t<TooltipPopoverView>{ children }</TooltipPopoverView>\n\t\t</ReakitTooltip>\n\t);\n}\n\nexport default contextConnect( TooltipContent, 'TooltipContent' );\n"],"mappings":";AAAA;AACA;AACA;AACA;AACA,SAASA,OAAO,IAAIC,aAAa,QAAQ,QAAQ;;AAEjD;AACA;AACA;AACA,SAASC,cAAc,EAAEC,gBAAgB,QAAQ,YAAY;AAC7D,SAASC,IAAI,QAAQ,YAAY;AACjC,SAASC,iBAAiB,QAAQ,WAAW;AAC7C,OAAO,KAAKC,MAAM,MAAM,UAAU;AAClC,SAASC,KAAK,QAAQ,0BAA0B;AAEhD,MAAM;EAAEC;AAAmB,CAAC,GAAGF,MAAM;;AAErC;AACA;AACA;AACA;AACA;AACA,SAASG,cAAcA,CAAEC,KAAK,EAAEC,YAAY,EAAG;EAC9C,MAAM;IAAEC,QAAQ;IAAEC,SAAS;IAAE,GAAGC;EAAW,CAAC,GAAGX,gBAAgB,CAC9DO,KAAK,EACL,gBACD,CAAC;EACD,MAAM;IAAEK;EAAQ,CAAC,GAAGV,iBAAiB,CAAC,CAAC;EACvC,MAAMW,EAAE,GAAGT,KAAK,CAAC,CAAC;EAClB,MAAMU,OAAO,GAAGD,EAAE,CAAEV,MAAM,CAACG,cAAc,EAAEI,SAAU,CAAC;EAEtD,OACCK,aAAA,CAACjB,aAAa;IACbkB,EAAE,EAAGf,IAAM;IAAA,GACNU,UAAU;IAAA,GACVC,OAAO;IACZF,SAAS,EAAGI,OAAS;IACrBG,GAAG,EAAGT;EAAc,GAEpBO,aAAA,CAACV,kBAAkB,QAAGI,QAA8B,CACtC,CAAC;AAElB;AAEA,eAAeV,cAAc,CAAEO,cAAc,EAAE,gBAAiB,CAAC"}

package/build-module/ui/tooltip/context.js

@@ -1,11 +0,0 @@
-/**
- * WordPress dependencies
- */
-import { createContext, useContext } from '@wordpress/element';
-
-/**
- * @type {import('react').Context<{ tooltip?: import('reakit').TooltipState }>}
- */
-export const TooltipContext = createContext({});
-export const useTooltipContext = () => useContext(TooltipContext);
-//# sourceMappingURL=context.js.map

package/build-module/ui/tooltip/context.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["createContext","useContext","TooltipContext","useTooltipContext"],"sources":["@wordpress/components/src/ui/tooltip/context.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { createContext, useContext } from '@wordpress/element';\n\n/**\n * @type {import('react').Context<{ tooltip?: import('reakit').TooltipState }>}\n */\nexport const TooltipContext = createContext( {} );\nexport const useTooltipContext = () => useContext( TooltipContext );\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,aAAa,EAAEC,UAAU,QAAQ,oBAAoB;;AAE9D;AACA;AACA;AACA,OAAO,MAAMC,cAAc,GAAGF,aAAa,CAAE,CAAC,CAAE,CAAC;AACjD,OAAO,MAAMG,iBAAiB,GAAGA,CAAA,KAAMF,UAAU,CAAEC,cAAe,CAAC"}

package/build-module/ui/tooltip/index.js

@@ -1,3 +0,0 @@
-export { default as Tooltip } from './component';
-export * from './context';
-//# sourceMappingURL=index.js.map

package/build-module/ui/tooltip/index.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["default","Tooltip"],"sources":["@wordpress/components/src/ui/tooltip/index.js"],"sourcesContent":["export { default as Tooltip } from './component';\nexport * from './context';\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,OAAO,QAAQ,aAAa;AAChD,cAAc,WAAW"}