@wordpress/components 30.5.1-next.f56bd8138.0 → 30.6.1-next.b8c8708f3.0

package/build-module/validated-form-controls/control-with-error.js

@@ -1,39 +1,22 @@
-/**
- * WordPress dependencies
- */
-import { usePrevious } from '@wordpress/compose';
-import { __ } from '@wordpress/i18n';
-import { cloneElement, forwardRef, useEffect, useState } from '@wordpress/element';
-
-/**
- * Internal dependencies
- */
-import { withIgnoreIMEEvents } from '../utils/with-ignore-ime-events';
-import { ValidityIndicator } from './validity-indicator';
+import { usePrevious } from "@wordpress/compose";
+import { __ } from "@wordpress/i18n";
+import { cloneElement, forwardRef, useEffect, useState } from "@wordpress/element";
+import { withIgnoreIMEEvents } from "../utils/with-ignore-ime-events";
+import { ValidityIndicator } from "./validity-indicator";
 import { Fragment as _Fragment, jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
 function appendRequiredIndicator(label, required, markWhenOptional) {
   if (required && !markWhenOptional) {
-    return /*#__PURE__*/_jsxs(_Fragment, {
-      children: [label, " ", `(${__('Required')})`]
+    return /* @__PURE__ */ _jsxs(_Fragment, {
+      children: [label, " ", `(${__("Required")})`]
     });
   }
   if (!required && markWhenOptional) {
-    return /*#__PURE__*/_jsxs(_Fragment, {
-      children: [label, " ", `(${__('Optional')})`]
+    return /* @__PURE__ */ _jsxs(_Fragment, {
+      children: [label, " ", `(${__("Optional")})`]
     });
   }
   return label;
 }
-
-/**
- * HTML elements that support the Constraint Validation API.
- *
- * Here, we exclude HTMLButtonElement because although it does technically support the API,
- * normal buttons are actually exempted from any validation.
- * @see https://developer.mozilla.org/en-US/docs/Learn_web_development/Extensions/Forms/Form_validation
- * @see https://developer.mozilla.org/en-US/docs/Web/API/HTMLButtonElement/willValidate
- */
-
 function UnforwardedControlWithError({
   required,
   markWhenOptional,
@@ -46,15 +29,12 @@ function UnforwardedControlWithError({
   const [statusMessage, setStatusMessage] = useState();
   const [isTouched, setIsTouched] = useState(false);
   const previousCustomValidityType = usePrevious(customValidity?.type);
-
-  // Ensure that error messages are visible after user attemps to submit a form
-  // with multiple invalid fields.
   useEffect(() => {
     const validityTarget = getValidityTarget();
     const showValidationMessage = () => setErrorMessage(validityTarget?.validationMessage);
-    validityTarget?.addEventListener('invalid', showValidationMessage);
+    validityTarget?.addEventListener("invalid", showValidationMessage);
     return () => {
-      validityTarget?.removeEventListener('invalid', showValidationMessage);
+      validityTarget?.removeEventListener("invalid", showValidationMessage);
     };
   });
   useEffect(() => {
@@ -63,57 +43,48 @@ function UnforwardedControlWithError({
     }
     const validityTarget = getValidityTarget();
     if (!customValidity?.type) {
-      validityTarget?.setCustomValidity('');
+      validityTarget?.setCustomValidity("");
       setErrorMessage(validityTarget?.validationMessage);
-      setStatusMessage(undefined);
+      setStatusMessage(void 0);
       return;
     }
     switch (customValidity.type) {
-      case 'validating':
-        {
-          // Wait before showing a validating state.
-          const timer = setTimeout(() => {
-            validityTarget?.setCustomValidity('');
-            setErrorMessage(undefined);
-            setStatusMessage({
-              type: 'validating',
-              message: customValidity.message
-            });
-          }, 1000);
-          return () => clearTimeout(timer);
-        }
-      case 'valid':
-        {
-          // Ensures that we wait for any async responses before showing
-          // a synchronously valid state.
-          if (previousCustomValidityType === 'valid') {
-            break;
-          }
-          validityTarget?.setCustomValidity('');
-          setErrorMessage(validityTarget?.validationMessage);
+      case "validating": {
+        const timer = setTimeout(() => {
+          validityTarget?.setCustomValidity("");
+          setErrorMessage(void 0);
           setStatusMessage({
-            type: 'valid',
+            type: "validating",
             message: customValidity.message
           });
+        }, 1e3);
+        return () => clearTimeout(timer);
+      }
+      case "valid": {
+        if (previousCustomValidityType === "valid") {
           break;
         }
-      case 'invalid':
-        {
-          var _customValidity$messa;
-          validityTarget?.setCustomValidity((_customValidity$messa = customValidity.message) !== null && _customValidity$messa !== void 0 ? _customValidity$messa : '');
-          setErrorMessage(validityTarget?.validationMessage);
-          setStatusMessage(undefined);
-          break;
-        }
+        validityTarget?.setCustomValidity("");
+        setErrorMessage(validityTarget?.validationMessage);
+        setStatusMessage({
+          type: "valid",
+          message: customValidity.message
+        });
+        break;
+      }
+      case "invalid": {
+        var _customValidity$messa;
+        validityTarget?.setCustomValidity((_customValidity$messa = customValidity.message) !== null && _customValidity$messa !== void 0 ? _customValidity$messa : "");
+        setErrorMessage(validityTarget?.validationMessage);
+        setStatusMessage(void 0);
+        break;
+      }
     }
   }, [isTouched, customValidity?.type, customValidity?.message, getValidityTarget, previousCustomValidityType]);
-  const onBlur = event => {
+  const onBlur = (event) => {
     if (isTouched) {
       return;
     }
-
-    // Only consider "blurred from the component" if focus has fully left the wrapping div.
-    // This prevents unnecessary blurs from components with multiple focusable elements.
     if (!event.relatedTarget || !event.currentTarget.contains(event.relatedTarget)) {
       setIsTouched(true);
       onValidate?.();
@@ -121,39 +92,33 @@ function UnforwardedControlWithError({
   };
   const onChange = (...args) => {
     children.props.onChange?.(...args);
-
-    // Only validate incrementally if the field has blurred at least once,
-    // or currently has an error message.
     if (isTouched || errorMessage) {
       onValidate?.();
     }
   };
-  const onKeyDown = event => {
-    // Ensures that custom validators are triggered when the user submits by pressing Enter,
-    // without ever blurring the control.
-    if (event.key === 'Enter') {
+  const onKeyDown = (event) => {
+    if (event.key === "Enter") {
       onValidate?.();
     }
   };
   return (
-    /*#__PURE__*/
     // Disable reason: Just listening to a bubbled event, not for interaction.
     // eslint-disable-next-line jsx-a11y/no-static-element-interactions
-    _jsxs("div", {
+    /* @__PURE__ */ _jsxs("div", {
       className: "components-validated-control",
       ref: forwardedRef,
-      onBlur: onBlur,
+      onBlur,
       onKeyDown: withIgnoreIMEEvents(onKeyDown),
       children: [cloneElement(children, {
         label: appendRequiredIndicator(children.props.label, required, markWhenOptional),
         onChange,
         required
-      }), /*#__PURE__*/_jsxs("div", {
+      }), /* @__PURE__ */ _jsxs("div", {
         "aria-live": "polite",
-        children: [errorMessage && /*#__PURE__*/_jsx(ValidityIndicator, {
+        children: [errorMessage && /* @__PURE__ */ _jsx(ValidityIndicator, {
           type: "invalid",
           message: errorMessage
-        }), !errorMessage && statusMessage && /*#__PURE__*/_jsx(ValidityIndicator, {
+        }), !errorMessage && statusMessage && /* @__PURE__ */ _jsx(ValidityIndicator, {
           type: statusMessage.type,
           message: statusMessage.message
         })]
@@ -161,5 +126,8 @@ function UnforwardedControlWithError({
     })
   );
 }
-export const ControlWithError = forwardRef(UnforwardedControlWithError);
-//# sourceMappingURL=control-with-error.js.map
+const ControlWithError = forwardRef(UnforwardedControlWithError);
+export {
+  ControlWithError
+};
+//# sourceMappingURL=control-with-error.js.map

package/build-module/validated-form-controls/control-with-error.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["usePrevious","__","cloneElement","forwardRef","useEffect","useState","withIgnoreIMEEvents","ValidityIndicator","Fragment","_Fragment","jsxs","_jsxs","jsx","_jsx","appendRequiredIndicator","label","required","markWhenOptional","children","UnforwardedControlWithError","onValidate","customValidity","getValidityTarget","forwardedRef","errorMessage","setErrorMessage","statusMessage","setStatusMessage","isTouched","setIsTouched","previousCustomValidityType","type","validityTarget","showValidationMessage","validationMessage","addEventListener","removeEventListener","setCustomValidity","undefined","timer","setTimeout","message","clearTimeout","_customValidity$messa","onBlur","event","relatedTarget","currentTarget","contains","onChange","args","props","onKeyDown","key","className","ref","ControlWithError"],"sources":["@wordpress/components/src/validated-form-controls/control-with-error.tsx"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { usePrevious } from '@wordpress/compose';\nimport { __ } from '@wordpress/i18n';\nimport {\n\tcloneElement,\n\tforwardRef,\n\tuseEffect,\n\tuseState,\n} from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { withIgnoreIMEEvents } from '../utils/with-ignore-ime-events';\nimport type { ValidatedControlProps } from './components/types';\nimport { ValidityIndicator } from './validity-indicator';\n\nfunction appendRequiredIndicator(\n\tlabel: React.ReactNode,\n\trequired: boolean | undefined,\n\tmarkWhenOptional: boolean | undefined\n) {\n\tif ( required && ! markWhenOptional ) {\n\t\treturn (\n\t\t\t<>\n\t\t\t\t{ label } { `(${ __( 'Required' ) })` }\n\t\t\t</>\n\t\t);\n\t}\n\tif ( ! required && markWhenOptional ) {\n\t\treturn (\n\t\t\t<>\n\t\t\t\t{ label } { `(${ __( 'Optional' ) })` }\n\t\t\t</>\n\t\t);\n\t}\n\treturn label;\n}\n\n/**\n * HTML elements that support the Constraint Validation API.\n *\n * Here, we exclude HTMLButtonElement because although it does technically support the API,\n * normal buttons are actually exempted from any validation.\n * @see https://developer.mozilla.org/en-US/docs/Learn_web_development/Extensions/Forms/Form_validation\n * @see https://developer.mozilla.org/en-US/docs/Web/API/HTMLButtonElement/willValidate\n */\ntype ValidityTarget =\n\t| HTMLFieldSetElement\n\t| HTMLInputElement\n\t| HTMLSelectElement\n\t| HTMLTextAreaElement;\n\nfunction UnforwardedControlWithError< C extends React.ReactElement >(\n\t{\n\t\trequired,\n\t\tmarkWhenOptional,\n\t\tonValidate,\n\t\tcustomValidity,\n\t\tgetValidityTarget,\n\t\tchildren,\n\t}: {\n\t\t/**\n\t\t * Whether the control is required.\n\t\t */\n\t\trequired?: boolean;\n\t\t/**\n\t\t * Label the control as \"optional\" when _not_ `required`, instead of the inverse.\n\t\t */\n\t\tmarkWhenOptional?: boolean;\n\t\t/**\n\t\t * The callback to run when the input should be validated.\n\t\t */\n\t\tonValidate?: () => void;\n\t\tcustomValidity?: ValidatedControlProps< unknown >[ 'customValidity' ];\n\t\t/**\n\t\t * A function that returns the actual element on which the validity data should be applied.\n\t\t */\n\t\tgetValidityTarget: () => ValidityTarget | null | undefined;\n\t\t/**\n\t\t * The control component to apply validation to.\n\t\t *\n\t\t * As `children` will be cloned with additional props,\n\t\t * the component at the root of `children` should accept\n\t\t * `label`, `onChange`, and `required` props, and process them\n\t\t * appropriately.\n\t\t */\n\t\tchildren: C;\n\t},\n\tforwardedRef: React.ForwardedRef< HTMLDivElement >\n) {\n\tconst [ errorMessage, setErrorMessage ] = useState< string | undefined >();\n\tconst [ statusMessage, setStatusMessage ] = useState<\n\t\t| {\n\t\t\t\ttype: 'validating' | 'valid';\n\t\t\t\tmessage?: string;\n\t\t  }\n\t\t| undefined\n\t>();\n\tconst [ isTouched, setIsTouched ] = useState( false );\n\tconst previousCustomValidityType = usePrevious( customValidity?.type );\n\n\t// Ensure that error messages are visible after user attemps to submit a form\n\t// with multiple invalid fields.\n\tuseEffect( () => {\n\t\tconst validityTarget = getValidityTarget();\n\t\tconst showValidationMessage = () =>\n\t\t\tsetErrorMessage( validityTarget?.validationMessage );\n\n\t\tvalidityTarget?.addEventListener( 'invalid', showValidationMessage );\n\n\t\treturn () => {\n\t\t\tvalidityTarget?.removeEventListener(\n\t\t\t\t'invalid',\n\t\t\t\tshowValidationMessage\n\t\t\t);\n\t\t};\n\t} );\n\n\tuseEffect( (): ReturnType< React.EffectCallback > => {\n\t\tif ( ! isTouched ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst validityTarget = getValidityTarget();\n\n\t\tif ( ! customValidity?.type ) {\n\t\t\tvalidityTarget?.setCustomValidity( '' );\n\t\t\tsetErrorMessage( validityTarget?.validationMessage );\n\t\t\tsetStatusMessage( undefined );\n\t\t\treturn;\n\t\t}\n\n\t\tswitch ( customValidity.type ) {\n\t\t\tcase 'validating': {\n\t\t\t\t// Wait before showing a validating state.\n\t\t\t\tconst timer = setTimeout( () => {\n\t\t\t\t\tvalidityTarget?.setCustomValidity( '' );\n\t\t\t\t\tsetErrorMessage( undefined );\n\n\t\t\t\t\tsetStatusMessage( {\n\t\t\t\t\t\ttype: 'validating',\n\t\t\t\t\t\tmessage: customValidity.message,\n\t\t\t\t\t} );\n\t\t\t\t}, 1000 );\n\n\t\t\t\treturn () => clearTimeout( timer );\n\t\t\t}\n\t\t\tcase 'valid': {\n\t\t\t\t// Ensures that we wait for any async responses before showing\n\t\t\t\t// a synchronously valid state.\n\t\t\t\tif ( previousCustomValidityType === 'valid' ) {\n\t\t\t\t\tbreak;\n\t\t\t\t}\n\n\t\t\t\tvalidityTarget?.setCustomValidity( '' );\n\t\t\t\tsetErrorMessage( validityTarget?.validationMessage );\n\n\t\t\t\tsetStatusMessage( {\n\t\t\t\t\ttype: 'valid',\n\t\t\t\t\tmessage: customValidity.message,\n\t\t\t\t} );\n\t\t\t\tbreak;\n\t\t\t}\n\t\t\tcase 'invalid': {\n\t\t\t\tvalidityTarget?.setCustomValidity(\n\t\t\t\t\tcustomValidity.message ?? ''\n\t\t\t\t);\n\t\t\t\tsetErrorMessage( validityTarget?.validationMessage );\n\n\t\t\t\tsetStatusMessage( undefined );\n\t\t\t\tbreak;\n\t\t\t}\n\t\t}\n\t}, [\n\t\tisTouched,\n\t\tcustomValidity?.type,\n\t\tcustomValidity?.message,\n\t\tgetValidityTarget,\n\t\tpreviousCustomValidityType,\n\t] );\n\n\tconst onBlur = ( event: React.FocusEvent< HTMLDivElement > ) => {\n\t\tif ( isTouched ) {\n\t\t\treturn;\n\t\t}\n\n\t\t// Only consider \"blurred from the component\" if focus has fully left the wrapping div.\n\t\t// This prevents unnecessary blurs from components with multiple focusable elements.\n\t\tif (\n\t\t\t! event.relatedTarget ||\n\t\t\t! event.currentTarget.contains( event.relatedTarget )\n\t\t) {\n\t\t\tsetIsTouched( true );\n\t\t\tonValidate?.();\n\t\t}\n\t};\n\n\tconst onChange = ( ...args: unknown[] ) => {\n\t\tchildren.props.onChange?.( ...args );\n\n\t\t// Only validate incrementally if the field has blurred at least once,\n\t\t// or currently has an error message.\n\t\tif ( isTouched || errorMessage ) {\n\t\t\tonValidate?.();\n\t\t}\n\t};\n\n\tconst onKeyDown = ( event: React.KeyboardEvent< HTMLDivElement > ) => {\n\t\t// Ensures that custom validators are triggered when the user submits by pressing Enter,\n\t\t// without ever blurring the control.\n\t\tif ( event.key === 'Enter' ) {\n\t\t\tonValidate?.();\n\t\t}\n\t};\n\n\treturn (\n\t\t// Disable reason: Just listening to a bubbled event, not for interaction.\n\t\t// eslint-disable-next-line jsx-a11y/no-static-element-interactions\n\t\t<div\n\t\t\tclassName=\"components-validated-control\"\n\t\t\tref={ forwardedRef }\n\t\t\tonBlur={ onBlur }\n\t\t\tonKeyDown={ withIgnoreIMEEvents( onKeyDown ) }\n\t\t>\n\t\t\t{ cloneElement( children, {\n\t\t\t\tlabel: appendRequiredIndicator(\n\t\t\t\t\tchildren.props.label,\n\t\t\t\t\trequired,\n\t\t\t\t\tmarkWhenOptional\n\t\t\t\t),\n\t\t\t\tonChange,\n\t\t\t\trequired,\n\t\t\t} ) }\n\t\t\t<div aria-live=\"polite\">\n\t\t\t\t{ errorMessage && (\n\t\t\t\t\t<ValidityIndicator\n\t\t\t\t\t\ttype=\"invalid\"\n\t\t\t\t\t\tmessage={ errorMessage }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t\t{ ! errorMessage && statusMessage && (\n\t\t\t\t\t<ValidityIndicator\n\t\t\t\t\t\ttype={ statusMessage.type }\n\t\t\t\t\t\tmessage={ statusMessage.message }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n\nexport const ControlWithError = forwardRef( UnforwardedControlWithError );\n"],"mappings":"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","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../src/validated-form-controls/control-with-error.tsx"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { usePrevious } from '@wordpress/compose';\nimport { __ } from '@wordpress/i18n';\nimport { cloneElement, forwardRef, useEffect, useState } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { withIgnoreIMEEvents } from '../utils/with-ignore-ime-events';\nimport { ValidityIndicator } from './validity-indicator';\nimport { Fragment as _Fragment, jsxs as _jsxs, jsx as _jsx } from \"react/jsx-runtime\";\nfunction appendRequiredIndicator(label, required, markWhenOptional) {\n  if (required && !markWhenOptional) {\n    return /*#__PURE__*/_jsxs(_Fragment, {\n      children: [label, \" \", `(${__('Required')})`]\n    });\n  }\n  if (!required && markWhenOptional) {\n    return /*#__PURE__*/_jsxs(_Fragment, {\n      children: [label, \" \", `(${__('Optional')})`]\n    });\n  }\n  return label;\n}\n\n/**\n * HTML elements that support the Constraint Validation API.\n *\n * Here, we exclude HTMLButtonElement because although it does technically support the API,\n * normal buttons are actually exempted from any validation.\n * @see https://developer.mozilla.org/en-US/docs/Learn_web_development/Extensions/Forms/Form_validation\n * @see https://developer.mozilla.org/en-US/docs/Web/API/HTMLButtonElement/willValidate\n */\n\nfunction UnforwardedControlWithError({\n  required,\n  markWhenOptional,\n  onValidate,\n  customValidity,\n  getValidityTarget,\n  children\n}, forwardedRef) {\n  const [errorMessage, setErrorMessage] = useState();\n  const [statusMessage, setStatusMessage] = useState();\n  const [isTouched, setIsTouched] = useState(false);\n  const previousCustomValidityType = usePrevious(customValidity?.type);\n\n  // Ensure that error messages are visible after user attemps to submit a form\n  // with multiple invalid fields.\n  useEffect(() => {\n    const validityTarget = getValidityTarget();\n    const showValidationMessage = () => setErrorMessage(validityTarget?.validationMessage);\n    validityTarget?.addEventListener('invalid', showValidationMessage);\n    return () => {\n      validityTarget?.removeEventListener('invalid', showValidationMessage);\n    };\n  });\n  useEffect(() => {\n    if (!isTouched) {\n      return;\n    }\n    const validityTarget = getValidityTarget();\n    if (!customValidity?.type) {\n      validityTarget?.setCustomValidity('');\n      setErrorMessage(validityTarget?.validationMessage);\n      setStatusMessage(undefined);\n      return;\n    }\n    switch (customValidity.type) {\n      case 'validating':\n        {\n          // Wait before showing a validating state.\n          const timer = setTimeout(() => {\n            validityTarget?.setCustomValidity('');\n            setErrorMessage(undefined);\n            setStatusMessage({\n              type: 'validating',\n              message: customValidity.message\n            });\n          }, 1000);\n          return () => clearTimeout(timer);\n        }\n      case 'valid':\n        {\n          // Ensures that we wait for any async responses before showing\n          // a synchronously valid state.\n          if (previousCustomValidityType === 'valid') {\n            break;\n          }\n          validityTarget?.setCustomValidity('');\n          setErrorMessage(validityTarget?.validationMessage);\n          setStatusMessage({\n            type: 'valid',\n            message: customValidity.message\n          });\n          break;\n        }\n      case 'invalid':\n        {\n          var _customValidity$messa;\n          validityTarget?.setCustomValidity((_customValidity$messa = customValidity.message) !== null && _customValidity$messa !== void 0 ? _customValidity$messa : '');\n          setErrorMessage(validityTarget?.validationMessage);\n          setStatusMessage(undefined);\n          break;\n        }\n    }\n  }, [isTouched, customValidity?.type, customValidity?.message, getValidityTarget, previousCustomValidityType]);\n  const onBlur = event => {\n    if (isTouched) {\n      return;\n    }\n\n    // Only consider \"blurred from the component\" if focus has fully left the wrapping div.\n    // This prevents unnecessary blurs from components with multiple focusable elements.\n    if (!event.relatedTarget || !event.currentTarget.contains(event.relatedTarget)) {\n      setIsTouched(true);\n      onValidate?.();\n    }\n  };\n  const onChange = (...args) => {\n    children.props.onChange?.(...args);\n\n    // Only validate incrementally if the field has blurred at least once,\n    // or currently has an error message.\n    if (isTouched || errorMessage) {\n      onValidate?.();\n    }\n  };\n  const onKeyDown = event => {\n    // Ensures that custom validators are triggered when the user submits by pressing Enter,\n    // without ever blurring the control.\n    if (event.key === 'Enter') {\n      onValidate?.();\n    }\n  };\n  return (\n    /*#__PURE__*/\n    // Disable reason: Just listening to a bubbled event, not for interaction.\n    // eslint-disable-next-line jsx-a11y/no-static-element-interactions\n    _jsxs(\"div\", {\n      className: \"components-validated-control\",\n      ref: forwardedRef,\n      onBlur: onBlur,\n      onKeyDown: withIgnoreIMEEvents(onKeyDown),\n      children: [cloneElement(children, {\n        label: appendRequiredIndicator(children.props.label, required, markWhenOptional),\n        onChange,\n        required\n      }), /*#__PURE__*/_jsxs(\"div\", {\n        \"aria-live\": \"polite\",\n        children: [errorMessage && /*#__PURE__*/_jsx(ValidityIndicator, {\n          type: \"invalid\",\n          message: errorMessage\n        }), !errorMessage && statusMessage && /*#__PURE__*/_jsx(ValidityIndicator, {\n          type: statusMessage.type,\n          message: statusMessage.message\n        })]\n      })]\n    })\n  );\n}\nexport const ControlWithError = forwardRef(UnforwardedControlWithError);"],
+  "mappings": "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",
+  "names": []
+}

package/build-module/validated-form-controls/index.js

@@ -1,3 +1,3 @@
-export * from './components';
-export * from './control-with-error';
-//# sourceMappingURL=index.js.map
+export * from "./components";
+export * from "./control-with-error";
+//# sourceMappingURL=index.js.map

package/build-module/validated-form-controls/index.js.map

@@ -1 +1,7 @@
-{"version":3,"names":[],"sources":["@wordpress/components/src/validated-form-controls/index.ts"],"sourcesContent":["export * from './components';\nexport * from './control-with-error';\n"],"mappings":"AAAA,cAAc,cAAc;AAC5B,cAAc,sBAAsB","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../src/validated-form-controls/index.ts"],
+  "sourcesContent": ["export * from './components';\nexport * from './control-with-error';"],
+  "mappings": "AAAA,cAAc;AACd,cAAc;",
+  "names": []
+}

package/build-module/validated-form-controls/validity-indicator.js

@@ -1,20 +1,9 @@
-/**
- * External dependencies
- */
-import clsx from 'clsx';
-
-/**
- * WordPress dependencies
- */
-import { error, published } from '@wordpress/icons';
-
-/**
- * Internal dependencies
- */
-import Icon from '../icon';
-import Spinner from '../spinner';
+import clsx from "clsx";
+import { error, published } from "@wordpress/icons";
+import Icon from "../icon";
+import Spinner from "../spinner";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export function ValidityIndicator({
+function ValidityIndicator({
   type,
   message
 }) {
@@ -22,11 +11,11 @@ export function ValidityIndicator({
     valid: published,
     invalid: error
   };
-  return /*#__PURE__*/_jsxs("p", {
-    className: clsx('components-validated-control__indicator', `is-${type}`),
-    children: [type === 'validating' ? /*#__PURE__*/_jsx(Spinner, {
+  return /* @__PURE__ */ _jsxs("p", {
+    className: clsx("components-validated-control__indicator", `is-${type}`),
+    children: [type === "validating" ? /* @__PURE__ */ _jsx(Spinner, {
       className: "components-validated-control__indicator-spinner"
-    }) : /*#__PURE__*/_jsx(Icon, {
+    }) : /* @__PURE__ */ _jsx(Icon, {
       className: "components-validated-control__indicator-icon",
       icon: ICON[type],
       size: 16,
@@ -34,4 +23,7 @@ export function ValidityIndicator({
     }), message]
   });
 }
-//# sourceMappingURL=validity-indicator.js.map
+export {
+  ValidityIndicator
+};
+//# sourceMappingURL=validity-indicator.js.map

package/build-module/validated-form-controls/validity-indicator.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["clsx","error","published","Icon","Spinner","jsx","_jsx","jsxs","_jsxs","ValidityIndicator","type","message","ICON","valid","invalid","className","children","icon","size","fill"],"sources":["@wordpress/components/src/validated-form-controls/validity-indicator.tsx"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { error, published } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport Icon from '../icon';\nimport Spinner from '../spinner';\n\nexport function ValidityIndicator( {\n\ttype,\n\tmessage,\n}: {\n\ttype: 'validating' | 'valid' | 'invalid';\n\tmessage?: string;\n} ) {\n\tconst ICON = {\n\t\tvalid: published,\n\t\tinvalid: error,\n\t};\n\treturn (\n\t\t<p\n\t\t\tclassName={ clsx(\n\t\t\t\t'components-validated-control__indicator',\n\t\t\t\t`is-${ type }`\n\t\t\t) }\n\t\t>\n\t\t\t{ type === 'validating' ? (\n\t\t\t\t<Spinner className=\"components-validated-control__indicator-spinner\" />\n\t\t\t) : (\n\t\t\t\t<Icon\n\t\t\t\t\tclassName=\"components-validated-control__indicator-icon\"\n\t\t\t\t\ticon={ ICON[ type ] }\n\t\t\t\t\tsize={ 16 }\n\t\t\t\t\tfill=\"currentColor\"\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t{ message }\n\t\t</p>\n\t);\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,OAAOA,IAAI,MAAM,MAAM;;AAEvB;AACA;AACA;AACA,SAASC,KAAK,EAAEC,SAAS,QAAQ,kBAAkB;;AAEnD;AACA;AACA;AACA,OAAOC,IAAI,MAAM,SAAS;AAC1B,OAAOC,OAAO,MAAM,YAAY;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAEjC,OAAO,SAASC,iBAAiBA,CAAE;EAClCC,IAAI;EACJC;AAID,CAAC,EAAG;EACH,MAAMC,IAAI,GAAG;IACZC,KAAK,EAAEX,SAAS;IAChBY,OAAO,EAAEb;EACV,CAAC;EACD,oBACCO,KAAA;IACCO,SAAS,EAAGf,IAAI,CACf,yCAAyC,EACzC,MAAOU,IAAI,EACZ,CAAG;IAAAM,QAAA,GAEDN,IAAI,KAAK,YAAY,gBACtBJ,IAAA,CAACF,OAAO;MAACW,SAAS,EAAC;IAAiD,CAAE,CAAC,gBAEvET,IAAA,CAACH,IAAI;MACJY,SAAS,EAAC,8CAA8C;MACxDE,IAAI,EAAGL,IAAI,CAAEF,IAAI,CAAI;MACrBQ,IAAI,EAAG,EAAI;MACXC,IAAI,EAAC;IAAc,CACnB,CACD,EACCR,OAAO;EAAA,CACP,CAAC;AAEN","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../src/validated-form-controls/validity-indicator.tsx"],
+  "sourcesContent": ["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { error, published } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport Icon from '../icon';\nimport Spinner from '../spinner';\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nexport function ValidityIndicator({\n  type,\n  message\n}) {\n  const ICON = {\n    valid: published,\n    invalid: error\n  };\n  return /*#__PURE__*/_jsxs(\"p\", {\n    className: clsx('components-validated-control__indicator', `is-${type}`),\n    children: [type === 'validating' ? /*#__PURE__*/_jsx(Spinner, {\n      className: \"components-validated-control__indicator-spinner\"\n    }) : /*#__PURE__*/_jsx(Icon, {\n      className: \"components-validated-control__indicator-icon\",\n      icon: ICON[type],\n      size: 16,\n      fill: \"currentColor\"\n    }), message]\n  });\n}"],
+  "mappings": "AAGA,OAAO,UAAU;AAKjB,SAAS,OAAO,iBAAiB;AAKjC,OAAO,UAAU;AACjB,OAAO,aAAa;AACpB,SAAS,OAAO,MAAM,QAAQ,aAAa;AACpC,SAAS,kBAAkB;AAAA,EAChC;AAAA,EACA;AACF,GAAG;AACD,QAAM,OAAO;AAAA,IACX,OAAO;AAAA,IACP,SAAS;AAAA,EACX;AACA,SAAoB,sBAAM,KAAK;AAAA,IAC7B,WAAW,KAAK,2CAA2C,MAAM,IAAI,EAAE;AAAA,IACvE,UAAU,CAAC,SAAS,eAA4B,qBAAK,SAAS;AAAA,MAC5D,WAAW;AAAA,IACb,CAAC,IAAiB,qBAAK,MAAM;AAAA,MAC3B,WAAW;AAAA,MACX,MAAM,KAAK,IAAI;AAAA,MACf,MAAM;AAAA,MACN,MAAM;AAAA,IACR,CAAC,GAAG,OAAO;AAAA,EACb,CAAC;AACH;",
+  "names": []
+}

package/build-module/view/component.js

@@ -1,52 +1,28 @@
 import _styled from "@emotion/styled/base";
-/**
- * External dependencies
- */
-
-/**
- * WordPress dependencies
- */
-import { forwardRef } from '@wordpress/element';
-
-/**
- * Internal dependencies
- */
+import { forwardRef } from "@wordpress/element";
 import { jsx as _jsx } from "react/jsx-runtime";
-const PolymorphicDiv = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
+const PolymorphicDiv = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
   target: "e19lxcc00"
 } : {
   target: "e19lxcc00",
   label: "PolymorphicDiv"
-})(process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvdmlldy9jb21wb25lbnQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWVpQyIsImZpbGUiOiJAd29yZHByZXNzL2NvbXBvbmVudHMvc3JjL3ZpZXcvY29tcG9uZW50LnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogRXh0ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuLyoqXG4gKiBXb3JkUHJlc3MgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCB7IGZvcndhcmRSZWYgfSBmcm9tICdAd29yZHByZXNzL2VsZW1lbnQnO1xuXG4vKipcbiAqIEludGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgdHlwZSB7IFdvcmRQcmVzc0NvbXBvbmVudFByb3BzIH0gZnJvbSAnLi4vY29udGV4dCc7XG5cbmNvbnN0IFBvbHltb3JwaGljRGl2ID0gc3R5bGVkLmRpdmBgO1xuXG5mdW5jdGlvbiBVbmZvcndhcmRlZFZpZXc8IFQgZXh0ZW5kcyBSZWFjdC5FbGVtZW50VHlwZSA9ICdkaXYnID4oXG5cdHsgYXMsIC4uLnJlc3RQcm9wcyB9OiBXb3JkUHJlc3NDb21wb25lbnRQcm9wczwge30sIFQgPixcblx0cmVmOiBSZWFjdC5Gb3J3YXJkZWRSZWY8IGFueSA+XG4pIHtcblx0cmV0dXJuIDxQb2x5bW9ycGhpY0RpdiBhcz17IGFzIH0gcmVmPXsgcmVmIH0geyAuLi5yZXN0UHJvcHMgfSAvPjtcbn1cblxuLyoqXG4gKiBgVmlld2AgaXMgYSBjb3JlIGNvbXBvbmVudCB0aGF0IHJlbmRlcnMgZXZlcnl0aGluZyBpbiB0aGUgbGlicmFyeS5cbiAqIEl0IGlzIHRoZSBwcmluY2lwbGUgY29tcG9uZW50IGluIHRoZSBlbnRpcmUgbGlicmFyeS5cbiAqXG4gKiBgYGBqc3hcbiAqIGltcG9ydCB7IFZpZXcgfSBmcm9tIGBAd29yZHByZXNzL2NvbXBvbmVudHNgO1xuICpcbiAqIGZ1bmN0aW9uIEV4YW1wbGUoKSB7XG4gKiBcdHJldHVybiAoXG4gKiBcdFx0PFZpZXc+XG4gKiBcdFx0XHQgQ29kZSBpcyBQb2V0cnlcbiAqIFx0XHQ8L1ZpZXc+XG4gKiBcdCk7XG4gKiB9XG4gKiBgYGBcbiAqL1xuZXhwb3J0IGNvbnN0IFZpZXcgPSBPYmplY3QuYXNzaWduKCBmb3J3YXJkUmVmKCBVbmZvcndhcmRlZFZpZXcgKSwge1xuXHRzZWxlY3RvcjogJy5jb21wb25lbnRzLXZpZXcnLFxufSApO1xuXG5leHBvcnQgZGVmYXVsdCBWaWV3O1xuIl19 */");
+})(process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZWlDIiwiZmlsZSI6ImNvbXBvbmVudC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEV4dGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbi8qKlxuICogV29yZFByZXNzIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBmb3J3YXJkUmVmIH0gZnJvbSAnQHdvcmRwcmVzcy9lbGVtZW50JztcblxuLyoqXG4gKiBJbnRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHR5cGUgeyBXb3JkUHJlc3NDb21wb25lbnRQcm9wcyB9IGZyb20gJy4uL2NvbnRleHQnO1xuXG5jb25zdCBQb2x5bW9ycGhpY0RpdiA9IHN0eWxlZC5kaXZgYDtcblxuZnVuY3Rpb24gVW5mb3J3YXJkZWRWaWV3PCBUIGV4dGVuZHMgUmVhY3QuRWxlbWVudFR5cGUgPSAnZGl2JyA+KFxuXHR7IGFzLCAuLi5yZXN0UHJvcHMgfTogV29yZFByZXNzQ29tcG9uZW50UHJvcHM8IHt9LCBUID4sXG5cdHJlZjogUmVhY3QuRm9yd2FyZGVkUmVmPCBhbnkgPlxuKSB7XG5cdHJldHVybiA8UG9seW1vcnBoaWNEaXYgYXM9eyBhcyB9IHJlZj17IHJlZiB9IHsgLi4ucmVzdFByb3BzIH0gLz47XG59XG5cbi8qKlxuICogYFZpZXdgIGlzIGEgY29yZSBjb21wb25lbnQgdGhhdCByZW5kZXJzIGV2ZXJ5dGhpbmcgaW4gdGhlIGxpYnJhcnkuXG4gKiBJdCBpcyB0aGUgcHJpbmNpcGxlIGNvbXBvbmVudCBpbiB0aGUgZW50aXJlIGxpYnJhcnkuXG4gKlxuICogYGBganN4XG4gKiBpbXBvcnQgeyBWaWV3IH0gZnJvbSBgQHdvcmRwcmVzcy9jb21wb25lbnRzYDtcbiAqXG4gKiBmdW5jdGlvbiBFeGFtcGxlKCkge1xuICogXHRyZXR1cm4gKFxuICogXHRcdDxWaWV3PlxuICogXHRcdFx0IENvZGUgaXMgUG9ldHJ5XG4gKiBcdFx0PC9WaWV3PlxuICogXHQpO1xuICogfVxuICogYGBgXG4gKi9cbmV4cG9ydCBjb25zdCBWaWV3ID0gT2JqZWN0LmFzc2lnbiggZm9yd2FyZFJlZiggVW5mb3J3YXJkZWRWaWV3ICksIHtcblx0c2VsZWN0b3I6ICcuY29tcG9uZW50cy12aWV3Jyxcbn0gKTtcblxuZXhwb3J0IGRlZmF1bHQgVmlldztcbiJdfQ== */");
 function UnforwardedView({
   as,
   ...restProps
 }, ref) {
-  return /*#__PURE__*/_jsx(PolymorphicDiv, {
-    as: as,
-    ref: ref,
+  return /* @__PURE__ */ _jsx(PolymorphicDiv, {
+    as,
+    ref,
     ...restProps
   });
 }
-
-/**
- * `View` is a core component that renders everything in the library.
- * It is the principle component in the entire library.
- *
- * ```jsx
- * import { View } from `@wordpress/components`;
- *
- * function Example() {
- * 	return (
- * 		<View>
- * 			 Code is Poetry
- * 		</View>
- * 	);
- * }
- * ```
- */
-export const View = Object.assign(forwardRef(UnforwardedView), {
-  selector: '.components-view'
+const View = Object.assign(forwardRef(UnforwardedView), {
+  selector: ".components-view"
 });
-export default View;
-//# sourceMappingURL=component.js.map
+var component_default = View;
+export {
+  View,
+  component_default as default
+};
+//# sourceMappingURL=component.js.map

package/build-module/view/component.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["forwardRef","jsx","_jsx","PolymorphicDiv","_styled","process","env","NODE_ENV","target","label","UnforwardedView","as","restProps","ref","View","Object","assign","selector"],"sources":["@wordpress/components/src/view/component.tsx"],"sourcesContent":["/**\n * External dependencies\n */\nimport styled from '@emotion/styled';\n\n/**\n * WordPress dependencies\n */\nimport { forwardRef } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport type { WordPressComponentProps } from '../context';\n\nconst PolymorphicDiv = styled.div``;\n\nfunction UnforwardedView< T extends React.ElementType = 'div' >(\n\t{ as, ...restProps }: WordPressComponentProps< {}, T >,\n\tref: React.ForwardedRef< any >\n) {\n\treturn <PolymorphicDiv as={ as } ref={ ref } { ...restProps } />;\n}\n\n/**\n * `View` is a core component that renders everything in the library.\n * It is the principle component in the entire library.\n *\n * ```jsx\n * import { View } from `@wordpress/components`;\n *\n * function Example() {\n * \treturn (\n * \t\t<View>\n * \t\t\t Code is Poetry\n * \t\t</View>\n * \t);\n * }\n * ```\n */\nexport const View = Object.assign( forwardRef( UnforwardedView ), {\n\tselector: '.components-view',\n} );\n\nexport default View;\n"],"mappings":";AAAA;AACA;AACA;;AAGA;AACA;AACA;AACA,SAASA,UAAU,QAAQ,oBAAoB;;AAE/C;AACA;AACA;AAFA,SAAAC,GAAA,IAAAC,IAAA;AAKA,MAAMC,cAAc,gBAAAC,OAAA,QAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,GAAAJ,OAAA,CAAAC,GAAA,CAAAC,QAAA,moDAAe;AAEnC,SAASG,eAAeA,CACvB;EAAEC,EAAE;EAAE,GAAGC;AAA4C,CAAC,EACtDC,GAA8B,EAC7B;EACD,oBAAOX,IAAA,CAACC,cAAc;IAACQ,EAAE,EAAGA,EAAI;IAACE,GAAG,EAAGA,GAAK;IAAA,GAAMD;EAAS,CAAI,CAAC;AACjE;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAME,IAAI,GAAGC,MAAM,CAACC,MAAM,CAAEhB,UAAU,CAAEU,eAAgB,CAAC,EAAE;EACjEO,QAAQ,EAAE;AACX,CAAE,CAAC;AAEH,eAAeH,IAAI","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../src/view/component.tsx"],
+  "sourcesContent": ["import _styled from \"@emotion/styled/base\";\n/**\n * External dependencies\n */\n\n/**\n * WordPress dependencies\n */\nimport { forwardRef } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nconst PolymorphicDiv = /*#__PURE__*/_styled(\"div\", process.env.NODE_ENV === \"production\" ? {\n  target: \"e19lxcc00\"\n} : {\n  target: \"e19lxcc00\",\n  label: \"PolymorphicDiv\"\n})(process.env.NODE_ENV === \"production\" ? \"\" : \"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZWlDIiwiZmlsZSI6ImNvbXBvbmVudC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEV4dGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbi8qKlxuICogV29yZFByZXNzIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBmb3J3YXJkUmVmIH0gZnJvbSAnQHdvcmRwcmVzcy9lbGVtZW50JztcblxuLyoqXG4gKiBJbnRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHR5cGUgeyBXb3JkUHJlc3NDb21wb25lbnRQcm9wcyB9IGZyb20gJy4uL2NvbnRleHQnO1xuXG5jb25zdCBQb2x5bW9ycGhpY0RpdiA9IHN0eWxlZC5kaXZgYDtcblxuZnVuY3Rpb24gVW5mb3J3YXJkZWRWaWV3PCBUIGV4dGVuZHMgUmVhY3QuRWxlbWVudFR5cGUgPSAnZGl2JyA+KFxuXHR7IGFzLCAuLi5yZXN0UHJvcHMgfTogV29yZFByZXNzQ29tcG9uZW50UHJvcHM8IHt9LCBUID4sXG5cdHJlZjogUmVhY3QuRm9yd2FyZGVkUmVmPCBhbnkgPlxuKSB7XG5cdHJldHVybiA8UG9seW1vcnBoaWNEaXYgYXM9eyBhcyB9IHJlZj17IHJlZiB9IHsgLi4ucmVzdFByb3BzIH0gLz47XG59XG5cbi8qKlxuICogYFZpZXdgIGlzIGEgY29yZSBjb21wb25lbnQgdGhhdCByZW5kZXJzIGV2ZXJ5dGhpbmcgaW4gdGhlIGxpYnJhcnkuXG4gKiBJdCBpcyB0aGUgcHJpbmNpcGxlIGNvbXBvbmVudCBpbiB0aGUgZW50aXJlIGxpYnJhcnkuXG4gKlxuICogYGBganN4XG4gKiBpbXBvcnQgeyBWaWV3IH0gZnJvbSBgQHdvcmRwcmVzcy9jb21wb25lbnRzYDtcbiAqXG4gKiBmdW5jdGlvbiBFeGFtcGxlKCkge1xuICogXHRyZXR1cm4gKFxuICogXHRcdDxWaWV3PlxuICogXHRcdFx0IENvZGUgaXMgUG9ldHJ5XG4gKiBcdFx0PC9WaWV3PlxuICogXHQpO1xuICogfVxuICogYGBgXG4gKi9cbmV4cG9ydCBjb25zdCBWaWV3ID0gT2JqZWN0LmFzc2lnbiggZm9yd2FyZFJlZiggVW5mb3J3YXJkZWRWaWV3ICksIHtcblx0c2VsZWN0b3I6ICcuY29tcG9uZW50cy12aWV3Jyxcbn0gKTtcblxuZXhwb3J0IGRlZmF1bHQgVmlldztcbiJdfQ== */\");\nfunction UnforwardedView({\n  as,\n  ...restProps\n}, ref) {\n  return /*#__PURE__*/_jsx(PolymorphicDiv, {\n    as: as,\n    ref: ref,\n    ...restProps\n  });\n}\n\n/**\n * `View` is a core component that renders everything in the library.\n * It is the principle component in the entire library.\n *\n * ```jsx\n * import { View } from `@wordpress/components`;\n *\n * function Example() {\n * \treturn (\n * \t\t<View>\n * \t\t\t Code is Poetry\n * \t\t</View>\n * \t);\n * }\n * ```\n */\nexport const View = Object.assign(forwardRef(UnforwardedView), {\n  selector: '.components-view'\n});\nexport default View;"],
+  "mappings": "AAAA,OAAO,aAAa;AAQpB,SAAS,kBAAkB;AAK3B,SAAS,OAAO,YAAY;AAC5B,MAAM,iBAA8B,wBAAQ,OAAO,QAAQ,IAAI,aAAa,eAAe;AAAA,EACzF,QAAQ;AACV,IAAI;AAAA,EACF,QAAQ;AAAA,EACR,OAAO;AACT,CAAC,EAAE,QAAQ,IAAI,aAAa,eAAe,KAAK,yhDAAyhD;AACzkD,SAAS,gBAAgB;AAAA,EACvB;AAAA,EACA,GAAG;AACL,GAAG,KAAK;AACN,SAAoB,qBAAK,gBAAgB;AAAA,IACvC;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL,CAAC;AACH;AAkBO,MAAM,OAAO,OAAO,OAAO,WAAW,eAAe,GAAG;AAAA,EAC7D,UAAU;AACZ,CAAC;AACD,IAAO,oBAAQ;",
+  "names": []
+}

package/build-module/view/index.js

@@ -1,2 +1,5 @@
-export { default as View } from './component';
-//# sourceMappingURL=index.js.map
+import { default as default2 } from "./component";
+export {
+  default2 as View
+};
+//# sourceMappingURL=index.js.map

package/build-module/view/index.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["default","View"],"sources":["@wordpress/components/src/view/index.ts"],"sourcesContent":["export { default as View } from './component';\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,IAAI,QAAQ,aAAa","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../src/view/index.ts"],
+  "sourcesContent": ["export { default as View } from './component';"],
+  "mappings": "AAAA,SAAoB,WAAXA,gBAAuB;",
+  "names": ["default"]
+}

package/build-module/visually-hidden/component.js

@@ -1,46 +1,25 @@
-/**
- * External dependencies
- */
-
-/**
- * Internal dependencies
- */
-
-import { useContextSystem, contextConnect } from '../context';
-import { visuallyHidden } from './styles';
-import { View } from '../view';
+import { useContextSystem, contextConnect } from "../context";
+import { visuallyHidden } from "./styles";
+import { View } from "../view";
 import { jsx as _jsx } from "react/jsx-runtime";
 function UnconnectedVisuallyHidden(props, forwardedRef) {
   const {
     style: styleProp,
     ...contextProps
-  } = useContextSystem(props, 'VisuallyHidden');
-  return /*#__PURE__*/_jsx(View, {
+  } = useContextSystem(props, "VisuallyHidden");
+  return /* @__PURE__ */ _jsx(View, {
     ref: forwardedRef,
     ...contextProps,
     style: {
       ...visuallyHidden,
-      ...(styleProp || {})
+      ...styleProp || {}
     }
   });
 }
-
-/**
- * `VisuallyHidden` is a component used to render text intended to be visually
- * hidden, but will show for alternate devices, for example a screen reader.
- *
- * ```jsx
- * import { VisuallyHidden } from `@wordpress/components`;
- *
- * function Example() {
- *   return (
- *     <VisuallyHidden>
- *       <label>Code is Poetry</label>
- *     </VisuallyHidden>
- *   );
- * }
- * ```
- */
-export const VisuallyHidden = contextConnect(UnconnectedVisuallyHidden, 'VisuallyHidden');
-export default VisuallyHidden;
-//# sourceMappingURL=component.js.map
+const VisuallyHidden = contextConnect(UnconnectedVisuallyHidden, "VisuallyHidden");
+var component_default = VisuallyHidden;
+export {
+  VisuallyHidden,
+  component_default as default
+};
+//# sourceMappingURL=component.js.map

package/build-module/visually-hidden/component.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["useContextSystem","contextConnect","visuallyHidden","View","jsx","_jsx","UnconnectedVisuallyHidden","props","forwardedRef","style","styleProp","contextProps","ref","VisuallyHidden"],"sources":["@wordpress/components/src/visually-hidden/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 { visuallyHidden } from './styles';\nimport { View } from '../view';\nimport type { VisuallyHiddenProps } from './types';\n\nfunction UnconnectedVisuallyHidden(\n\tprops: WordPressComponentProps< VisuallyHiddenProps, 'div' >,\n\tforwardedRef: ForwardedRef< any >\n) {\n\tconst { style: styleProp, ...contextProps } = useContextSystem(\n\t\tprops,\n\t\t'VisuallyHidden'\n\t);\n\treturn (\n\t\t<View\n\t\t\tref={ forwardedRef }\n\t\t\t{ ...contextProps }\n\t\t\tstyle={ { ...visuallyHidden, ...( styleProp || {} ) } }\n\t\t/>\n\t);\n}\n\n/**\n * `VisuallyHidden` is a component used to render text intended to be visually\n * hidden, but will show for alternate devices, for example a screen reader.\n *\n * ```jsx\n * import { VisuallyHidden } from `@wordpress/components`;\n *\n * function Example() {\n *   return (\n *     <VisuallyHidden>\n *       <label>Code is Poetry</label>\n *     </VisuallyHidden>\n *   );\n * }\n * ```\n */\nexport const VisuallyHidden = contextConnect(\n\tUnconnectedVisuallyHidden,\n\t'VisuallyHidden'\n);\n\nexport default VisuallyHidden;\n"],"mappings":"AAAA;AACA;AACA;;AAGA;AACA;AACA;;AAEA,SAASA,gBAAgB,EAAEC,cAAc,QAAQ,YAAY;AAC7D,SAASC,cAAc,QAAQ,UAAU;AACzC,SAASC,IAAI,QAAQ,SAAS;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAG/B,SAASC,yBAAyBA,CACjCC,KAA4D,EAC5DC,YAAiC,EAChC;EACD,MAAM;IAAEC,KAAK,EAAEC,SAAS;IAAE,GAAGC;EAAa,CAAC,GAAGX,gBAAgB,CAC7DO,KAAK,EACL,gBACD,CAAC;EACD,oBACCF,IAAA,CAACF,IAAI;IACJS,GAAG,EAAGJ,YAAc;IAAA,GACfG,YAAY;IACjBF,KAAK,EAAG;MAAE,GAAGP,cAAc;MAAE,IAAKQ,SAAS,IAAI,CAAC,CAAC;IAAG;EAAG,CACvD,CAAC;AAEJ;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMG,cAAc,GAAGZ,cAAc,CAC3CK,yBAAyB,EACzB,gBACD,CAAC;AAED,eAAeO,cAAc","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../src/visually-hidden/component.tsx"],
+  "sourcesContent": ["/**\n * External dependencies\n */\n\n/**\n * Internal dependencies\n */\n\nimport { useContextSystem, contextConnect } from '../context';\nimport { visuallyHidden } from './styles';\nimport { View } from '../view';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nfunction UnconnectedVisuallyHidden(props, forwardedRef) {\n  const {\n    style: styleProp,\n    ...contextProps\n  } = useContextSystem(props, 'VisuallyHidden');\n  return /*#__PURE__*/_jsx(View, {\n    ref: forwardedRef,\n    ...contextProps,\n    style: {\n      ...visuallyHidden,\n      ...(styleProp || {})\n    }\n  });\n}\n\n/**\n * `VisuallyHidden` is a component used to render text intended to be visually\n * hidden, but will show for alternate devices, for example a screen reader.\n *\n * ```jsx\n * import { VisuallyHidden } from `@wordpress/components`;\n *\n * function Example() {\n *   return (\n *     <VisuallyHidden>\n *       <label>Code is Poetry</label>\n *     </VisuallyHidden>\n *   );\n * }\n * ```\n */\nexport const VisuallyHidden = contextConnect(UnconnectedVisuallyHidden, 'VisuallyHidden');\nexport default VisuallyHidden;"],
+  "mappings": "AAQA,SAAS,kBAAkB,sBAAsB;AACjD,SAAS,sBAAsB;AAC/B,SAAS,YAAY;AACrB,SAAS,OAAO,YAAY;AAC5B,SAAS,0BAA0B,OAAO,cAAc;AACtD,QAAM;AAAA,IACJ,OAAO;AAAA,IACP,GAAG;AAAA,EACL,IAAI,iBAAiB,OAAO,gBAAgB;AAC5C,SAAoB,qBAAK,MAAM;AAAA,IAC7B,KAAK;AAAA,IACL,GAAG;AAAA,IACH,OAAO;AAAA,MACL,GAAG;AAAA,MACH,GAAI,aAAa,CAAC;AAAA,IACpB;AAAA,EACF,CAAC;AACH;AAkBO,MAAM,iBAAiB,eAAe,2BAA2B,gBAAgB;AACxF,IAAO,oBAAQ;",
+  "names": []
+}

package/build-module/visually-hidden/index.js

@@ -1,2 +1,5 @@
-export { default as VisuallyHidden } from './component';
-//# sourceMappingURL=index.js.map
+import { default as default2 } from "./component";
+export {
+  default2 as VisuallyHidden
+};
+//# sourceMappingURL=index.js.map

package/build-module/visually-hidden/index.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["default","VisuallyHidden"],"sources":["@wordpress/components/src/visually-hidden/index.ts"],"sourcesContent":["export { default as VisuallyHidden } from './component';\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,cAAc,QAAQ,aAAa","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../src/visually-hidden/index.ts"],
+  "sourcesContent": ["export { default as VisuallyHidden } from './component';"],
+  "mappings": "AAAA,SAAoB,WAAXA,gBAAiC;",
+  "names": ["default"]
+}

package/build-module/visually-hidden/styles.js

@@ -1,18 +1,17 @@
-/**
- * External dependencies
- */
-
-export const visuallyHidden = {
+const visuallyHidden = {
   border: 0,
-  clip: 'rect(1px, 1px, 1px, 1px)',
-  WebkitClipPath: 'inset( 50% )',
-  clipPath: 'inset( 50% )',
-  height: '1px',
-  margin: '-1px',
-  overflow: 'hidden',
+  clip: "rect(1px, 1px, 1px, 1px)",
+  WebkitClipPath: "inset( 50% )",
+  clipPath: "inset( 50% )",
+  height: "1px",
+  margin: "-1px",
+  overflow: "hidden",
   padding: 0,
-  position: 'absolute',
-  width: '1px',
-  wordWrap: 'normal'
+  position: "absolute",
+  width: "1px",
+  wordWrap: "normal"
 };
-//# sourceMappingURL=styles.js.map
+export {
+  visuallyHidden
+};
+//# sourceMappingURL=styles.js.map

package/build-module/visually-hidden/styles.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["visuallyHidden","border","clip","WebkitClipPath","clipPath","height","margin","overflow","padding","position","width","wordWrap"],"sources":["@wordpress/components/src/visually-hidden/styles.ts"],"sourcesContent":["/**\n * External dependencies\n */\nimport type { CSSProperties } from 'react';\n\nexport const visuallyHidden: CSSProperties = {\n\tborder: 0,\n\tclip: 'rect(1px, 1px, 1px, 1px)',\n\tWebkitClipPath: 'inset( 50% )',\n\tclipPath: 'inset( 50% )',\n\theight: '1px',\n\tmargin: '-1px',\n\toverflow: 'hidden',\n\tpadding: 0,\n\tposition: 'absolute',\n\twidth: '1px',\n\twordWrap: 'normal',\n};\n"],"mappings":"AAAA;AACA;AACA;;AAGA,OAAO,MAAMA,cAA6B,GAAG;EAC5CC,MAAM,EAAE,CAAC;EACTC,IAAI,EAAE,0BAA0B;EAChCC,cAAc,EAAE,cAAc;EAC9BC,QAAQ,EAAE,cAAc;EACxBC,MAAM,EAAE,KAAK;EACbC,MAAM,EAAE,MAAM;EACdC,QAAQ,EAAE,QAAQ;EAClBC,OAAO,EAAE,CAAC;EACVC,QAAQ,EAAE,UAAU;EACpBC,KAAK,EAAE,KAAK;EACZC,QAAQ,EAAE;AACX,CAAC","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../src/visually-hidden/styles.ts"],
+  "sourcesContent": ["/**\n * External dependencies\n */\n\nexport const visuallyHidden = {\n  border: 0,\n  clip: 'rect(1px, 1px, 1px, 1px)',\n  WebkitClipPath: 'inset( 50% )',\n  clipPath: 'inset( 50% )',\n  height: '1px',\n  margin: '-1px',\n  overflow: 'hidden',\n  padding: 0,\n  position: 'absolute',\n  width: '1px',\n  wordWrap: 'normal'\n};"],
+  "mappings": "AAIO,MAAM,iBAAiB;AAAA,EAC5B,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,gBAAgB;AAAA,EAChB,UAAU;AAAA,EACV,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,SAAS;AAAA,EACT,UAAU;AAAA,EACV,OAAO;AAAA,EACP,UAAU;AACZ;",
+  "names": []
+}

package/build-module/visually-hidden/types.js

@@ -1,2 +1 @@
-export {};
-//# sourceMappingURL=types.js.map
+//# sourceMappingURL=types.js.map

package/build-module/visually-hidden/types.js.map

@@ -1 +1,7 @@
-{"version":3,"names":[],"sources":["@wordpress/components/src/visually-hidden/types.ts"],"sourcesContent":["/**\n * External dependencies\n */\nimport type { ReactNode } from 'react';\n\nexport type VisuallyHiddenProps = {\n\t/**\n\t * The children elements.\n\t */\n\tchildren: ReactNode;\n};\n"],"mappings":"","ignoreList":[]}
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}